*{box-sizing:border-box;margin:0;padding:0}:root{--black:#0f0f0f;--white:#fff;--lav:#c7c4ff;--lav2:#6c63ff;--lav-bg:#6c63ff14;--g50:#fafafa;--g100:#f4f4f6;--g200:#e8e8ec;--g400:#a0a0ab;--g500:#6b6b7b;--g600:#3f3f50;--green:#16a34a;--green-bg:#16a34a14;--red:#dc2626;--red-bg:#fef2f2;--orange:#ea580c;--orange-bg:#fff7ed;--r:14px;--r-sm:10px;--rf:999px;--sidebar:220px;--shadow:0 1px 4px #0000000f;--shadow-md:0 4px 20px #00000014;--font:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",sans-serif}html,body{height:100%}body{font-family:var(--font);color:var(--black);-webkit-font-smoothing:antialiased;background:#f0f0f4;font-size:15px}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font);background:0 0;border:none;font-size:15px}input,select{font-family:var(--font);font-size:14px}.sidebar{background:var(--black);width:var(--sidebar);z-index:10;flex-direction:column;height:100vh;display:flex;position:fixed;top:0;left:0}.sidebar-logo{border-bottom:1px solid #ffffff14;align-items:center;gap:10px;margin-bottom:.5rem;padding:1.5rem 1.25rem 1.25rem;display:flex}.sidebar-wordmark{letter-spacing:-.03em;color:#fff;font-size:16px;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:.5rem .75rem;display:flex}.nav-section-label{letter-spacing:.1em;text-transform:uppercase;color:#ffffff4d;padding:.875rem .5rem .25rem;font-size:10px;font-weight:600}.nav-link{color:#ffffff80;border-radius:var(--r-sm);text-align:left;align-items:center;gap:10px;width:100%;padding:.625rem .875rem;font-size:13.5px;font-weight:450;transition:all .12s;display:flex}.nav-link:hover{color:#ffffffd9;background:#ffffff14}.nav-link.active{background:var(--lav2);color:#fff;font-weight:550}.nav-link.active svg{opacity:1}.nav-link svg{opacity:.6}.sidebar-footer{border-top:1px solid #ffffff14;padding:.875rem}.org-pill{border-radius:var(--r-sm);align-items:center;gap:10px;padding:.625rem .75rem;display:flex}.org-avatar{background:var(--lav2);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.org-name{color:#fff;font-size:13px;font-weight:550}.org-role{color:#fff6;margin-top:1px;font-size:11px}.main-content{margin-left:var(--sidebar);min-height:100vh;width:calc(100% - var(--sidebar));box-sizing:border-box;padding:2rem}.page-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.page-title{letter-spacing:-.04em;font-size:26px;font-weight:700}.page-subtitle{color:var(--g400);margin-top:4px;font-size:14px}.header-actions{align-items:center;gap:10px;display:flex}.btn{border-radius:var(--rf);cursor:pointer;border:none;align-items:center;gap:6px;padding:.55rem 1.1rem;font-size:13.5px;font-weight:550;transition:all .15s;display:inline-flex}.btn:hover{opacity:.85}.btn-lav{background:var(--lav2);color:#fff}.btn-outline{border:1px solid var(--g200);color:var(--black);background:#fff}.btn-ghost{color:var(--g500);background:0 0;font-size:13px}.btn-ghost:hover{color:var(--black)}.card{border-radius:var(--r);box-shadow:var(--shadow);background:#fff;padding:1.75rem}.card-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.card-title{color:var(--black);font-size:15px;font-weight:600}.card-subtitle{color:var(--g400);margin-top:3px;font-size:13px}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:1.75rem;display:grid}.kpi-card{border-radius:var(--r);box-shadow:var(--shadow);background:#fff;padding:1.5rem 1.75rem}.kpi-card-accent{background:var(--lav2)}.kpi-eyebrow{letter-spacing:.01em;align-items:center;gap:6px;margin-bottom:.75rem;font-size:12px;font-weight:550;display:flex}.kpi-card .kpi-eyebrow{color:var(--g500)}.kpi-card-accent .kpi-eyebrow{color:#ffffffb3}.kpi-number{letter-spacing:-.05em;color:var(--black);font-size:40px;font-weight:700;line-height:1}.kpi-card-accent .kpi-number{color:#fff}.kpi-unit{opacity:.5;font-size:20px;font-weight:500}.kpi-delta{color:var(--g400);margin-top:.5rem;font-size:13px}.kpi-card-accent .kpi-delta{color:#ffffff8c}.kpi-delta-good{color:var(--green)}.layout-2col{grid-template-columns:1.6fr 1fr;gap:16px;margin-bottom:1.75rem;display:grid}.layout-3col{grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:1.75rem;display:grid}.live-badge{border-radius:var(--rf);background:var(--green-bg);color:var(--green);border:1px solid #16a34a26;align-items:center;gap:7px;padding:.45rem 1rem;font-size:13px;font-weight:550;display:flex}.live-dot{background:var(--green);border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.period-select{border-radius:var(--rf);border:1.5px solid var(--g200);color:var(--black);cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a0a0ab' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") right .75rem center no-repeat;padding:.45rem 2.25rem .45rem 1rem;font-size:13.5px;font-weight:500;transition:border-color .15s}.period-select:focus{border-color:var(--lav2);outline:none}.period-select:hover{border-color:var(--g400)}.bar-chart-area{align-items:flex-end;gap:12px;height:160px;display:flex}.bar-y-axis{flex-direction:column;justify-content:space-between;height:120px;padding-bottom:30px;display:flex}.bar-y-axis span{color:var(--g300);text-align:right;min-width:18px;font-size:11px}.bar-columns{flex:1;align-items:flex-end;gap:2px;height:160px;display:flex;overflow:hidden}.bar-col{flex-direction:column;flex:1;align-items:center;gap:3px;min-width:0;display:flex;overflow:hidden}.bar-stack{justify-content:center;align-items:flex-end;gap:1px;width:100%;height:120px;display:flex}.bar-seg{border-radius:5px 5px 0 0;flex-shrink:0;min-height:0;transition:opacity .15s}.bar-seg:hover{opacity:.8;cursor:default}.bar-day{color:var(--g500);text-align:center;white-space:nowrap;font-size:11px;font-weight:500}.bar-date{color:var(--g400);text-align:center;white-space:nowrap;font-size:9.5px}.chart-legend-row{border-top:1px solid var(--g100);gap:20px;margin-top:1.25rem;padding-top:1rem;display:flex}.legend-dot{border-radius:3px;flex-shrink:0;width:10px;height:10px}.legend-item{color:var(--g500);align-items:center;gap:7px;font-size:13px;display:flex}.legend-item strong{color:var(--black);font-weight:650}.call-list{flex-direction:column;display:flex}.call-row{border-bottom:1px solid var(--g100);align-items:center;gap:14px;padding:.875rem 0;display:flex}.call-row:last-child{border-bottom:none}.call-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.icon-appointment{background:var(--lav-bg);color:var(--lav2)}.icon-missed{background:var(--red-bg);color:var(--red)}.icon-info{background:var(--g100);color:var(--g500)}.icon-urgent{background:var(--orange-bg);color:var(--orange)}.icon-cancelled{background:var(--g100);color:var(--g400)}.call-info{flex:1;min-width:0}.call-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:550;overflow:hidden}.call-detail{color:var(--g400);margin-top:3px;font-size:12px}.call-time{color:var(--g400);flex-shrink:0;font-size:12px}.badge{border-radius:var(--rf);flex-shrink:0;padding:4px 12px;font-size:12px;font-weight:550}.badge-appointment{background:var(--lav-bg);color:var(--lav2)}.badge-missed{background:var(--red-bg);color:var(--red)}.badge-info{background:var(--g100);color:var(--g500)}.badge-urgent{background:var(--orange-bg);color:var(--orange)}.badge-cancelled{background:var(--g100);color:var(--g400)}.lang-bars{flex-direction:column;gap:16px;display:flex}.lang-row{flex-direction:column;gap:7px;display:flex}.lang-label-row{justify-content:space-between;font-size:13.5px;display:flex}.lang-name{color:var(--g600);font-weight:450}.lang-pct{color:var(--black);font-weight:650}.lang-track{background:var(--g100);border-radius:var(--rf);height:8px;overflow:hidden}.lang-fill{border-radius:var(--rf);height:100%}.stat-box{background:var(--g50);border:1px solid var(--g200);border-radius:var(--r-sm);padding:1.25rem}.stat-box-label{color:var(--g500);margin-bottom:.5rem;font-size:12px;font-weight:450}.stat-box-value{letter-spacing:-.03em;font-size:24px;font-weight:700}.stat-box-sub{color:var(--g400);margin-top:4px;font-size:12px}.billing-card{background:var(--lav2);border-radius:var(--r);color:#fff;padding:1.75rem}.billing-title{opacity:.7;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem;font-size:12px;font-weight:550}.billing-amount{letter-spacing:-.05em;font-size:44px;font-weight:700;line-height:1}.billing-ht{opacity:.5;font-size:18px;font-weight:400}.billing-note{opacity:.55;margin-top:.375rem;font-size:12px}.billing-rows{border-top:1px solid #ffffff26;flex-direction:column;gap:6px;margin-top:1.25rem;padding-top:1.25rem;display:flex}.billing-row{opacity:.8;justify-content:space-between;font-size:13px;display:flex}.billing-row-total{opacity:1;border-top:1px solid #ffffff26;margin-top:4px;padding-top:8px;font-size:14px;font-weight:650}.auth-page{background:var(--g100);justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-card{width:100%;max-width:420px;box-shadow:var(--shadow-md);background:#fff;border-radius:20px;padding:2.5rem}.auth-logo{justify-content:center;align-items:center;gap:10px;margin-bottom:2rem;display:flex}.auth-title{letter-spacing:-.04em;text-align:center;margin-bottom:.375rem;font-size:26px;font-weight:700}.auth-subtitle{color:var(--g500);text-align:center;margin-bottom:1.75rem;font-size:14px}.form-group{margin-bottom:1.1rem}.form-label{color:var(--g600);margin-bottom:.4rem;font-size:13px;font-weight:550;display:block}.form-input{border:1.5px solid var(--g200);border-radius:var(--r-sm);width:100%;color:var(--black);background:#fff;outline:none;padding:.75rem 1rem;font-size:14px;transition:border-color .15s}.form-input:focus{border-color:var(--lav2);box-shadow:0 0 0 3px #6c63ff1a}.form-btn{border-radius:var(--r-sm);background:var(--lav2);color:#fff;cursor:pointer;border:none;width:100%;margin-top:.625rem;padding:.85rem;font-size:15px;font-weight:650;transition:all .15s}.form-btn:hover{background:#5a52e0;box-shadow:0 4px 14px #6c63ff4d}.form-btn:disabled{opacity:.45;cursor:default;box-shadow:none}.auth-error{color:var(--red);background:var(--red-bg);border-radius:var(--r-sm);text-align:center;border:1px solid #fecaca;margin-bottom:1rem;padding:.75rem 1rem;font-size:13px}.auth-success{color:var(--green);background:var(--green-bg);border-radius:var(--r-sm);text-align:center;border:1px solid #16a34a33;margin-bottom:1rem;padding:.75rem 1rem;font-size:13px}.auth-divider{background:var(--g200);height:1px;margin:1.25rem 0}.auth-switch{text-align:center;color:var(--g500);font-size:13.5px}.auth-switch button{color:var(--lav2);cursor:pointer;background:0 0;border:none;font-weight:600}.lang-toggle{justify-content:center;gap:6px;margin-bottom:1.5rem;display:flex}.lang-toggle button{border-radius:var(--rf);border:1.5px solid var(--g200);color:var(--g500);cursor:pointer;background:#fff;padding:.35rem .75rem;font-size:12px;font-weight:550;transition:all .12s}.lang-toggle button.active{background:var(--lav2);color:#fff;border-color:var(--lav2)}.divider{background:var(--g200);height:1px;margin:1rem 0}.empty{text-align:center;color:var(--g400);padding:3rem 1rem}.empty p{font-size:14px}.loading{height:200px;color:var(--g400);justify-content:center;align-items:center;font-size:14px;display:flex}.nav-label-full{display:block}.nav-label-short{display:none}@media (max-width:768px){:root{--sidebar:0px}.sidebar{z-index:100;border-top:1px solid #ffffff1a;flex-direction:row;width:100%;height:64px;padding:0;position:fixed;inset:auto 0 0}.sidebar-logo{display:none}.sidebar-nav{flex-direction:row;gap:0;padding:0;overflow-x:auto}.nav-section-label{display:none}.nav-link{text-align:center;color:#ffffff73;border-radius:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:.6rem .5rem;font-size:10px}.nav-link svg{opacity:.6;width:22px;height:22px}.nav-link.active{color:var(--lav);background:0 0;font-weight:550}.nav-link.active svg{opacity:1}.nav-label-full{display:none}.nav-label-short{display:block}.nav-config-item,.sidebar-footer{display:none}.main-content{width:100%;margin-left:0;padding:1.25rem 1rem 80px}.page-title{font-size:22px}.page-header{flex-wrap:wrap;gap:10px;margin-bottom:1.25rem}.header-actions{flex-wrap:wrap;gap:8px}.kpi-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:1.25rem}.kpi-card{padding:1.1rem 1.25rem}.kpi-number{font-size:30px}.layout-2col,.layout-3col{grid-template-columns:1fr;gap:14px}.card{padding:1.25rem}.billing-amount{font-size:34px}.call-name{font-size:13.5px}}@media (max-width:400px){.kpi-number{font-size:26px}.nav-link{min-width:50px;font-size:9px}}