:root{color-scheme:light;--sky-top: #2e9fe0;--sky-mid: #8fd8ff;--sky-bottom: #eefaff;--glass-bg: rgba(255, 255, 255, .7);--glass-bg-strong: rgba(255, 255, 255, .85);--glass-border: rgba(255, 255, 255, .8);--text: #123047;--text-dim: #3d6577;--accent-blue: #0f93d6;--accent-blue-light: #8fe6ff;--accent-green: #4fbf6b;--danger: #d8514a;--radius: 18px;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--text);background:linear-gradient(180deg,var(--sky-top) 0%,var(--sky-mid) 45%,var(--sky-bottom) 100%)}.button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:1px solid rgba(255,255,255,.75);border-radius:999px;padding:.6rem 1.1rem;font-size:.9rem;font-weight:700;cursor:pointer;text-decoration:none}.button--primary{color:#06344a;background:linear-gradient(180deg,#fff,#bdeaff 10%,#4fc3f7 48%,#0f93d6);box-shadow:0 6px 16px #0f76b059}.landing{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;text-align:center;padding:2rem;color:#fff;text-shadow:0 2px 8px rgba(4,30,45,.5)}.landing p{max-width:420px;color:#eafcff}.widget{height:100%;display:flex;flex-direction:column;background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%)}.widget__header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;background:linear-gradient(90deg,var(--accent-blue),#4fc3f7);color:#fff;font-weight:700}.widget__header button{background:#ffffff40;border:none;color:#fff;border-radius:50%;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.widget__tabs{display:flex;border-bottom:1px solid rgba(15,90,140,.15)}.widget__tabs button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem;background:none;border:none;font-size:.82rem;color:var(--text-dim);cursor:pointer;border-bottom:2px solid transparent}.widget__tabs button.active{color:var(--accent-blue);border-bottom-color:var(--accent-blue);font-weight:700}.widget-chat{flex:1;display:flex;flex-direction:column;min-height:0}.widget-chat__status{display:flex;align-items:center;gap:.4rem;padding:.5rem .85rem;font-size:.72rem;color:var(--text-dim);border-bottom:1px solid rgba(15,90,140,.1)}.status-dot{width:8px;height:8px;border-radius:50%;background:#b7bfc6}.status-dot--online{background:var(--accent-green);box-shadow:0 0 6px #4fbf6bb3}.widget-chat__list{flex:1;overflow-y:auto;padding:.85rem;display:flex;flex-direction:column;gap:.5rem}.widget-chat__empty{color:var(--text-dim);font-size:.82rem;text-align:center;margin-top:1rem}.bubble{max-width:82%;padding:.55rem .75rem;border-radius:14px;font-size:.85rem;line-height:1.4}.bubble--visitor{align-self:flex-end;background:linear-gradient(180deg,#bdeaff,#4fc3f7);color:#06344a;border-bottom-right-radius:4px}.bubble--agent{align-self:flex-start;background:#fff;border:1px solid rgba(15,90,140,.15);border-bottom-left-radius:4px}.bubble--agent-self{align-self:flex-end;background:linear-gradient(180deg,#bdeaff,#4fc3f7);color:#06344a;border-bottom-right-radius:4px}.bubble--system{align-self:center;background:#ffc87859;border:1px solid rgba(200,140,40,.3);color:#6b4a12;font-size:.76rem;text-align:center}.widget-chat__input{display:flex;gap:.5rem;padding:.65rem;border-top:1px solid rgba(15,90,140,.12)}.widget-chat__input input{flex:1;border:1px solid rgba(15,90,140,.2);border-radius:999px;padding:.5rem .85rem;font-size:.85rem}.widget-chat__input button{width:36px;height:36px;border-radius:50%;border:none;background:linear-gradient(180deg,#bdeaff,#0f93d6);color:#06344a;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.widget-chat__input button:disabled{opacity:.5;cursor:not-allowed}.widget-ticket{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.widget-ticket label{display:flex;flex-direction:column;gap:.3rem;font-size:.78rem;color:var(--text-dim)}.widget-ticket input,.widget-ticket textarea{border:1px solid rgba(15,90,140,.2);border-radius:10px;padding:.5rem .65rem;font-family:inherit;font-size:.85rem;resize:vertical}.widget-ticket__error{color:var(--danger);font-size:.8rem;margin:0}.widget-ticket--done{align-items:center;justify-content:center;text-align:center;color:var(--text-dim);padding-top:2rem}.agent-loading{height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem}.agent{height:100%;display:grid;grid-template-columns:320px 1fr}.agent__sidebar{background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);border-right:1px solid var(--glass-border);display:flex;flex-direction:column;min-height:0}.agent__brand{padding:1rem;font-weight:800;color:var(--accent-blue);border-bottom:1px solid rgba(15,90,140,.12)}.agent__nav{display:flex;gap:.5rem;padding:.75rem}.agent__nav button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem;border-radius:10px;border:1px solid rgba(15,90,140,.2);background:#ffffff80;color:var(--text-dim);cursor:pointer;font-size:.82rem}.agent__nav button.active{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.agent__list-wrapper{flex:1;overflow-y:auto;padding:0 .75rem}.agent__logout{margin:.75rem;border:none;background:#d8514a1f;color:var(--danger);border-radius:10px;padding:.6rem;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;cursor:pointer}.agent-list__filters{display:flex;gap:.4rem;margin-bottom:.6rem}.agent-list__filters button{flex:1;border:none;border-radius:999px;padding:.4rem;font-size:.75rem;background:#0f5a8c14;color:var(--text-dim);cursor:pointer}.agent-list__filters button.active{background:var(--accent-blue);color:#fff}.agent-list__empty{color:var(--text-dim);font-size:.8rem;text-align:center;margin-top:1rem}.agent-list__item{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;width:100%;text-align:left;border:none;border-radius:10px;padding:.6rem .7rem;margin-bottom:.4rem;background:#ffffff8c;cursor:pointer}.agent-list__item.active{background:#0f93d62e;border:1px solid var(--accent-blue)}.agent-list__site{font-size:.72rem;font-weight:700;color:var(--accent-blue);text-transform:uppercase}.agent-list__preview{font-size:.8rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.ticket-card{background:#fff9;border-radius:12px;padding:.7rem .8rem;margin-bottom:.6rem;font-size:.82rem}.ticket-card__header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.3rem}.ticket-card__site{font-size:.68rem;color:var(--accent-blue);text-transform:uppercase}.ticket-card p{color:var(--text-dim);margin:0 0 .5rem}.ticket-card__actions{display:flex;gap:.4rem}.ticket-card__actions button{border:1px solid rgba(15,90,140,.2);background:#fff;border-radius:999px;padding:.3rem .7rem;font-size:.72rem;cursor:pointer}.agent__main{display:flex;min-height:0}.agent-empty-state{margin:auto;color:#fff;text-shadow:0 2px 8px rgba(4,30,45,.5);font-size:.95rem}.agent-conversation{flex:1;display:flex;flex-direction:column;min-height:0}.agent-conversation__header{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1.1rem;background:var(--glass-bg);border-bottom:1px solid var(--glass-border);font-weight:700}.agent-conversation__header button{display:inline-flex;align-items:center;gap:.35rem;border:none;background:#4fbf6b2e;color:#2c7a41;border-radius:999px;padding:.4rem .8rem;font-size:.78rem;cursor:pointer;font-weight:700}.agent-conversation__list{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.agent-conversation__input{display:flex;gap:.5rem;padding:.85rem;border-top:1px solid var(--glass-border);background:var(--glass-bg)}.agent-conversation__input input{flex:1;border:1px solid rgba(15,90,140,.2);border-radius:999px;padding:.55rem .9rem;font-size:.88rem}.agent-conversation__input button{width:40px;height:40px;border-radius:50%;border:none;background:linear-gradient(180deg,#bdeaff,#0f93d6);color:#06344a;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}