*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--brand-teal: #4AADAD;--brand-teal-dk: #2E8080;--brand-teal-lt: #E8F6F6;--brand-teal-xlt: #F0FAFA;--brand-turquoise: #4AADAD;--brand-sage: #4E7268;--brand-sage-lt: #D6EAE4;--brand-sage-dk: #3A5650;--bg-base: #F2F4F5;--bg-surface: #FFFFFF;--bg-subtle: #F0FAFA;--bg-muted: #E8EDF0;--bg-sidebar: #FFFFFF;--bg-sidebar-hover: #F0FAFA;--bg-sidebar-active:#E8F6F6;--text-primary: #1C1614;--text-secondary: #5A4E48;--text-muted: #9A8880;--text-inverse: #F5F2ED;--text-sidebar: #1C1614;--text-sidebar-muted: #6B5E52;--border-subtle: #E8EDF0;--border-medium: #D8E0E4;--border-strong: #C0CDD4;--status-red-bg: #FEF2F0;--status-red-text: #A8321E;--status-red-border: #F5BBAE;--status-amber-bg: #FFF8EC;--status-amber-text: #9A5A12;--status-amber-border:#F0D49A;--status-green-bg: #E8F5F0;--status-green-text: #2A7A6A;--status-green-border:#A8D8D0;--status-blue-bg: #EEF4FC;--status-blue-text: #1A5CA8;--status-blue-border: #BAD0E8;--er-color: #5BA8A8;--er-color-lt: #DFF2F2;--strat-color: #4E7268;--strat-color-lt: #D6EAE4;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 22px;--radius-pill:999px;--shadow-xs: 0 1px 3px rgba(26,22,20,.05);--shadow-sm: 0 2px 8px rgba(26,22,20,.08);--shadow-md: 0 4px 18px rgba(26,22,20,.1);--shadow-lg: 0 8px 36px rgba(26,22,20,.13);--font-display: "DM Serif Display", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif;--ease: cubic-bezier(.22,.1,.36,1);--fast: .12s;--med: .22s;--slow: .36s}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);background:var(--bg-base);color:var(--text-primary);line-height:1.6;height:100vh;overflow:hidden}#root{height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.btn{display:inline-flex;align-items:center;gap:var(--sp-2);font-family:var(--font-body);font-size:14px;font-weight:500;padding:9px 18px;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--fast) var(--ease);white-space:nowrap;text-decoration:none}.btn-primary{background:var(--brand-teal);color:#fff}.btn-primary:hover{background:var(--brand-teal-dk);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-subtle)}.btn-ghost:hover{background:var(--bg-subtle);border-color:var(--border-medium)}.btn-sage{background:var(--brand-sage);color:#fff}.btn-sage:hover{background:var(--brand-sage-dk);transform:translateY(-1px)}.btn-sm{padding:5px 11px;font-size:12px;border-radius:var(--radius-sm)}.btn-icon{padding:7px;background:transparent;color:var(--text-muted);border:none;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--fast) var(--ease);display:flex;align-items:center}.btn-icon:hover{background:var(--bg-subtle);color:var(--text-secondary)}input,textarea,select{font-family:var(--font-body);font-size:14px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 14px;background:var(--bg-surface);color:var(--text-primary);transition:border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease);outline:none;width:100%}input:focus,textarea:focus,select:focus{border-color:var(--brand-teal);box-shadow:0 0 0 3px #5ba8a826}.badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:2px 8px;border-radius:var(--radius-pill);letter-spacing:.3px;text-transform:uppercase}.badge-red{background:var(--status-red-bg);color:var(--status-red-text);border:1px solid var(--status-red-border)}.badge-amber{background:var(--status-amber-bg);color:var(--status-amber-text);border:1px solid var(--status-amber-border)}.badge-green{background:var(--status-green-bg);color:var(--status-green-text);border:1px solid var(--status-green-border)}.badge-blue{background:var(--status-blue-bg);color:var(--status-blue-text);border:1px solid var(--status-blue-border)}.badge-neutral{background:var(--bg-subtle);color:var(--text-secondary);border:1px solid var(--border-subtle)}.badge-er{background:var(--er-color-lt);color:var(--brand-teal-dk);border:1px solid #A8D8D8}.badge-strat{background:var(--strat-color-lt);color:var(--brand-sage-dk);border:1px solid #AECFC7}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--sp-6);box-shadow:var(--shadow-xs)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes slideUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.fade-in{animation:fadeIn var(--med) var(--ease) both}.slide-up{animation:slideUp var(--slow) var(--ease) both}.scale-in{animation:scaleIn var(--med) var(--ease) both}.typing-dot{width:7px;height:7px;border-radius:50%;background:var(--brand-teal);animation:pulse 1.4s ease infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.divider{height:1px;background:var(--border-subtle);margin:var(--sp-4) 0}@media (max-width: 768px){.sidebar{width:100%!important;min-width:100%!important;height:64px!important;flex-direction:row!important;border-right:none!important;border-top:1px solid var(--border-subtle)!important;position:fixed!important;bottom:0!important;left:0!important;z-index:50!important;overflow:visible!important;box-shadow:0 -2px 12px #0000000f!important}.sb-logo,.sb-agents,.sb-convs,.sb-footer,.sb-new,.sb-empty,.sb-skeleton{display:none!important}.sb-nav{flex-direction:row!important;padding:0!important;width:100%!important;gap:0!important;border-top:none!important;margin-top:0!important;height:100%!important}.sb-link{flex:1!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:4px!important;padding:8px 4px!important;border-radius:0!important;font-size:11px!important;height:100%!important}.sb-link span{display:block!important}main{padding-bottom:64px!important}.chat-input-area{padding:10px 12px 16px!important}.tickets-header{flex-direction:column!important;gap:12px!important}.home-agent-grid{grid-template-columns:1fr!important;gap:12px!important}}@media (max-width: 480px){.sb-link span{font-size:10px!important}}