.cc-sidebar{width:200px;flex-shrink:0;background:var(--sidebar);color:var(--sidebar-foreground);display:flex;flex-direction:column;transition:width .16s ease;overflow:hidden}.cc-sidebar[data-collapsed=true]{width:52px}.cc-sidebar__brand{display:flex;align-items:center;gap:10px;height:52px;padding:0 12px;flex-shrink:0}.cc-sidebar__logo{width:28px;height:28px;border-radius:6px;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:800;font-size:14px;flex-shrink:0}.cc-sidebar__name{font-weight:700;font-size:14px;letter-spacing:.2px;white-space:nowrap}.cc-sidebar__group-label{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:var(--sidebar-muted);font-weight:600;padding:14px 14px 4px;white-space:nowrap}.cc-sidebar__nav{padding:0 6px;display:flex;flex-direction:column;gap:2px}.cc-navitem{display:flex;align-items:center;gap:10px;min-height:32px;padding:0 10px;border-radius:6px;color:var(--sidebar-foreground);text-decoration:none;font-size:13px;font-weight:500;cursor:pointer;border:none;background:transparent;width:100%;text-align:left;white-space:nowrap;transition:background .1s ease}.cc-navitem:hover{background:var(--sidebar-active)}.cc-navitem.active{background:var(--sidebar-active);color:#fff}.cc-navitem__icon{display:grid;place-items:center;width:18px;height:18px;flex-shrink:0}.cc-sidebar[data-collapsed=true] .cc-navitem{justify-content:center;padding:0}.cc-sidebar__spacer{flex:1}.cc-sidebar__footer{padding:8px 6px 12px;border-top:1px solid var(--sidebar-border);display:flex;flex-direction:column;gap:2px}.cc-sidebar__account{display:flex;align-items:center;gap:10px;padding:8px 10px;white-space:nowrap}.cc-sidebar__account-name{font-size:12.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis}.cc-sidebar__account-role{font-size:10px;color:var(--sidebar-muted);text-transform:uppercase;letter-spacing:.5px}.cc-topbar{height:52px;flex-shrink:0;background:var(--card);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 14px;gap:12px}.cc-topbar__left{display:flex;align-items:center;gap:12px;min-width:0}.cc-topbar__title{font-size:15px;font-weight:700;color:var(--foreground);white-space:nowrap}.cc-topbar__right{display:flex;align-items:center;gap:6px}.cc-iconbtn{width:34px;height:34px;display:grid;place-items:center;border-radius:6px;border:none;background:transparent;color:var(--muted-foreground);cursor:pointer;transition:background .1s ease,color .1s ease}.cc-iconbtn:hover{background:var(--muted);color:var(--foreground)}.cc-topbar__search{display:flex;align-items:center;gap:8px;height:34px;padding:0 10px;border-radius:6px;background:var(--input-bg);border:1px solid var(--border);color:var(--muted-foreground);min-width:220px}.cc-topbar__search input{border:none;background:transparent;outline:none;font-family:inherit;font-size:13px;color:var(--foreground);width:100%}.cc-topbar__avatar{width:30px;height:30px;border-radius:50%;background:var(--accent);color:var(--primary);display:grid;place-items:center;font-weight:700;font-size:12px;margin-left:4px}@media (max-width: 720px){.cc-topbar__search{display:none}}.cc-app{display:flex;height:100vh;overflow:hidden;background:var(--page-bg)}.cc-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.cc-content{flex:1;overflow-y:auto;padding:22px}.softphone{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.softphone__head{padding:14px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.softphone__title{font-weight:600;font-size:13px}.softphone__status{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--muted-foreground)}.dot{width:8px;height:8px;border-radius:50%;background:var(--muted-foreground)}.dot--ready{background:var(--success)}.dot--live{background:var(--primary)}.dot--ended{background:var(--destructive)}.softphone__body{padding:18px}.dial-display{width:100%;height:46px;text-align:center;font-size:22px;font-weight:600;letter-spacing:1px;border:1px solid var(--border);border-radius:var(--radius);margin-bottom:14px;font-variant-numeric:tabular-nums;color:var(--foreground);outline:none}.dial-display:focus{border-color:var(--primary)}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.key{height:52px;border:1px solid var(--border);background:var(--card);border-radius:var(--radius);font-family:inherit;font-size:18px;font-weight:600;cursor:pointer;color:var(--foreground);transition:background .1s ease}.key:hover{background:var(--muted)}.key small{display:block;font-size:9px;font-weight:600;letter-spacing:1px;color:var(--muted-foreground)}.call-actions{display:flex;gap:10px}.call-btn{flex:1;height:46px;border:none;border-radius:var(--radius);font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px}.call-btn--call{background:var(--success)}.call-btn--call:hover{filter:brightness(.95)}.call-btn--hang{background:var(--destructive)}.call-btn:disabled{opacity:.5;cursor:not-allowed}.softphone__note{margin-top:12px;font-size:11px;color:var(--muted-foreground);text-align:center}.cc-table-wrap{width:100%;overflow-x:auto}.cc-table{width:100%;border-collapse:collapse;background:var(--card)}.cc-table thead th{text-align:left;font-weight:600;color:var(--muted-foreground);background:var(--card);border-bottom:1px solid var(--border);padding:8px 14px;white-space:nowrap;position:sticky;top:0;z-index:1}.cc-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.cc-table th.sortable:hover{color:var(--foreground)}.cc-th-inner{display:inline-flex;align-items:center;gap:4px}.cc-sort-ind{display:inline-flex;opacity:.5;transition:transform .12s ease,opacity .12s ease}.cc-sort-ind[data-dir=asc]{transform:rotate(180deg);opacity:1}.cc-sort-ind[data-dir=desc]{opacity:1}.cc-table tbody td{color:var(--foreground);font-weight:400;padding:4px 14px;border-bottom:1px solid var(--border);white-space:nowrap}.cc-table tbody tr:last-child td{border-bottom:0}.cc-table tbody tr:hover td{background:var(--row-hover)}.cc-table tbody tr.clickable{cursor:pointer}.cc-td-right{text-align:right}.cc-td-center{text-align:center}.cc-table[data-density=compact] tbody td,.cc-table[data-density=compact] thead th{padding-top:2px;padding-bottom:2px;font-size:12px}.cc-table[data-density=normal] tbody td{padding-top:4px;padding-bottom:4px;font-size:13px}.cc-table[data-density=comfortable] tbody td{padding-top:8px;padding-bottom:8px;font-size:14px}.cc-table-empty{text-align:center;padding:40px 16px}.cc-table-empty__title{color:var(--muted-foreground);font-weight:600;font-size:14px;margin-bottom:2px}.cc-table-empty__hint{color:var(--muted-foreground);font-size:12px;opacity:.8}:root{--primary: oklch(.62 .13 170);--primary-hover: oklch(.56 .13 170);--primary-foreground: #ffffff;--radius: .375rem;--font-sans: "Montserrat", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--page-bg: #fafafa;--card: #ffffff;--surface: #f5f5f7;--input-bg: #f5f5f5;--border: #e0e0e0;--border-strong: #d5d8de;--foreground: #131722;--muted-foreground: #707584;--muted: #f5f5f5;--table-header-bg: #f8f9fb;--table-stripe: #f8f9fb;--row-hover: #f5f5f5;--success: #059669;--success-bg: #ecfdf5;--danger: #ef4444;--destructive: #ef4444;--danger-bg: #fef2f2;--accent: oklch(.92 .02 170);--warning: #92400e;--warning-bg: #fffbeb;--info: oklch(.62 .13 170);--info-bg: #ecfdf5;--sidebar: #23282d;--sidebar-foreground: #ededef;--sidebar-muted: #a0a5aa;--sidebar-active: #32373c;--sidebar-border: #32373c;--ring: oklch(.62 .13 170);--shadow-sm: 0 1px 2px rgba(16, 24, 40, .05);--shadow-md: 0 4px 12px rgba(16, 24, 40, .08)}[data-theme=dark]{--page-bg: #1e1f24;--card: #2c3238;--surface: #27282d;--input-bg: #32373c;--border: rgba(255, 255, 255, .06);--border-strong: rgba(255, 255, 255, .12);--foreground: #ededef;--muted-foreground: #8b8d93;--muted: #32373c;--table-header-bg: #23282d;--table-stripe: rgba(255, 255, 255, .02);--row-hover: #32373c;--success: #34d399;--success-bg: rgba(52, 211, 153, .12);--danger: #f87171;--destructive: #f87171;--danger-bg: rgba(248, 113, 113, .12);--accent: #32373c;--warning: #fbbf24;--warning-bg: rgba(251, 191, 36, .12);--info: #34d399;--info-bg: rgba(52, 211, 153, .12);--sidebar: #23282d;--sidebar-foreground: #ededef;--sidebar-muted: #8c9196;--sidebar-active: #32373c;--sidebar-border: #32373c;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 14px rgba(0, 0, 0, .4)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);font-size:13px;line-height:1.5;color:var(--foreground);background:var(--page-bg);font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card__head{padding:14px 18px;border-bottom:1px solid var(--border);font-weight:600;font-size:13px;display:flex;align-items:center;justify-content:space-between}.card__body{padding:18px}.grid{display:grid;gap:16px}.kpi-row{grid-template-columns:repeat(4,1fr)}.kpi{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-sm)}.kpi__label{color:var(--muted-foreground);font-size:11px;text-transform:uppercase;letter-spacing:.6px;font-weight:600}.kpi__value{font-size:26px;font-weight:700;margin-top:6px}.kpi__sub{color:var(--muted-foreground);font-size:12px;margin-top:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 16px;border-radius:var(--radius);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:background .12s ease,border-color .12s ease}.btn--primary{background:var(--primary);color:var(--primary-foreground)}.btn--primary:hover{background:var(--primary-hover)}.btn--ghost{background:transparent;border-color:var(--border);color:var(--foreground)}.btn--ghost:hover{background:var(--muted)}.btn--danger{background:var(--destructive);color:#fff}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--block{width:100%}.field{margin-bottom:14px}.label{display:block;font-size:12px;font-weight:600;color:var(--foreground);margin-bottom:6px}.input{width:100%;height:38px;padding:0 12px;font-family:inherit;font-size:13px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);color:var(--foreground);outline:none}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklch,var(--ring) 22%,transparent)}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:600}.badge--green{background:var(--success-bg);color:var(--success)}.badge--red{background:var(--danger-bg);color:var(--danger)}.badge--gray{background:var(--muted);color:var(--muted-foreground)}.badge--blue{background:var(--info-bg);color:var(--info)}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(160deg,#23282d,#2f3640);padding:20px}.login__card{width:100%;max-width:380px;background:var(--card);border-radius:10px;box-shadow:var(--shadow-md);padding:32px 28px}.login__brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;margin-bottom:4px;color:var(--foreground)}.login__logo{width:30px;height:30px;border-radius:var(--radius);background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:800;font-size:15px}.login__sub{color:var(--muted-foreground);font-size:12px;margin-bottom:22px}.muted{color:var(--muted-foreground)}.error-text{color:var(--destructive);font-size:12px;margin-top:8px}.section-title{font-size:18px;font-weight:700;margin:0 0 2px}.section-sub{color:var(--muted-foreground);font-size:13px;margin:0 0 18px}