@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#172033;background:#f5f7fb;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;background:#101827;color:#e8edf6;display:flex;flex-direction:column;padding:24px 16px;z-index:20}.brand{display:flex;align-items:center;gap:11px;padding:0 9px 30px}.brand strong{display:block;font:800 20px Manrope,sans-serif;letter-spacing:-.7px}.brand span{display:block;color:#8f9bb0;font-size:10px;letter-spacing:1.7px;margin-top:3px}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#c8f169;color:#172033;font:800 25px Manrope,sans-serif}.brand-mark.small{width:37px;height:37px;border-radius:11px;font-size:20px}.sidebar nav{display:grid;gap:6px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:10px;color:#aab5c7;text-decoration:none;font-size:13px;font-weight:600;transition:.15s}.sidebar nav a:hover{background:#1c293d;color:#fff}.sidebar nav a.active{background:#c8f169;color:#152018}.sidebar-bottom{margin-top:auto}.user-chip{display:flex;align-items:center;gap:10px;border-top:1px solid #293448;padding:20px 6px 15px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#28374d;color:#d8f6a0;font-size:11px;font-weight:700}.user-chip strong,.user-chip span{display:block}.user-chip strong{font-size:12px}.user-chip span{font-size:11px;color:#8f9bb0;margin-top:3px}.logout{width:100%;display:flex;align-items:center;gap:10px;background:transparent;border:0;color:#b7c1d0;padding:10px 8px;font-size:12px}.logout:hover{color:#fff}.main{margin-left:252px;min-height:100vh}.topbar{height:68px;background:#fff;border-bottom:1px solid #e9edf4;display:flex;align-items:center;justify-content:space-between;padding:0 34px}.crumb{font-size:12px;color:#68758a}.crumb span{margin:0 8px;color:#b4bdca}.top-right{display:flex;align-items:center;gap:8px;font-size:12px;color:#5c687a}.status-dot{width:7px;height:7px;border-radius:50%;background:#78c65a}.page-wrap{max-width:1500px;margin:auto;padding:34px}.page-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.page-title h1{font:800 29px Manrope,sans-serif;letter-spacing:-1px;margin:5px 0 7px}.eyebrow{font-size:10px;letter-spacing:1.6px;color:#8490a3;font-weight:700;margin:0}.muted{color:#7c8798;font-size:13px;margin:0;line-height:1.6}.welcome{border-radius:18px;padding:27px 30px;background:#17253a;color:#fff;display:flex;justify-content:space-between;align-items:center;overflow:hidden;position:relative}.welcome:after{content:"";position:absolute;width:260px;height:260px;border:1px solid #34445a;border-radius:50%;right:90px;top:-150px;box-shadow:0 0 0 30px #202e4225,0 0 0 60px #202e421f}.welcome h2{font:700 21px Manrope,sans-serif;letter-spacing:-.5px;margin:9px 0}.welcome p:not(.eyebrow){color:#b6c1d0;font-size:12px}.eyebrow.light{color:#c8f169}.welcome-icon{width:66px;height:66px;border:1px solid #3d4d62;border-radius:18px;display:grid;place-items:center;color:#c8f169;z-index:1}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0}.stat-card,.panel{background:#fff;border:1px solid #e9edf4;border-radius:14px}.stat-card{padding:19px}.stat-top{display:flex;justify-content:space-between;align-items:center;color:#6d798c;font-size:12px}.stat-icon{width:35px;height:35px;border-radius:10px;background:#f1f5e8;color:#526d2b;display:grid;place-items:center}.stat-card>strong{display:block;font:800 29px Manrope,sans-serif;margin:17px 0 4px;letter-spacing:-1px}.stat-card small{color:#8a95a5;font-size:11px}.panel{margin-top:22px;overflow:hidden}.panel-heading{padding:22px 23px;border-bottom:1px solid #edf0f5}.panel-heading h3{font:700 15px Manrope,sans-serif;margin:0 0 5px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:15px;gap:12px}.quick-grid a{padding:18px;border:1px solid #edf0f5;border-radius:11px;display:grid;gap:9px;color:#334155;text-decoration:none}.quick-grid a:hover{border-color:#c8e88c;background:#fbfff5}.quick-grid svg{color:#719638}.quick-grid strong{font-size:13px}.quick-grid span{font-size:11px;color:#7c8798}.actions{display:flex;gap:9px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;padding:10px 14px;font-size:12px;font-weight:700;border:1px solid transparent}.primary{background:#c8f169;color:#172033}.primary:hover{background:#b8e454}.primary:disabled{opacity:.6;cursor:wait}.secondary{background:#fff;border-color:#dfe5ee;color:#455267}.secondary:hover{background:#f8fafc}.full{width:100%;margin-top:8px}.table-toolbar{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid #edf0f5;gap:12px}.search{display:flex;align-items:center;gap:8px;border:1px solid #e2e7ef;border-radius:8px;padding:9px 11px;width:min(330px,100%);color:#8994a4}.search input{border:0;outline:0;width:100%;font-size:12px;background:transparent;color:#263246}.count{font-size:11px;color:#8490a3}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:#8a95a5;background:#fafbfd;padding:13px 20px;font-weight:700}td{padding:15px 20px;border-top:1px solid #f0f2f6;font-size:12px;color:#566276}tbody tr:hover{background:#fcfdfd}td strong{color:#202b3e;font-size:12px}code{font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px;color:#455c27;background:#f3f7eb;padding:5px 7px;border-radius:5px}.badge{display:inline-flex;padding:5px 8px;border-radius:20px;font-size:10px;font-weight:700}.badge.green{color:#3f7d35;background:#eaf7e7}.badge.red{color:#a13f43;background:#fdebed}.badge.gray{color:#667085;background:#eef1f5}.text-button{border:0;background:transparent;color:#526d2b;font-weight:700;font-size:11px}.text-button:hover{text-decoration:underline}.empty{padding:40px 20px;text-align:center;color:#8994a4;font-size:12px}.error{color:#a12f38;background:#fff0f1;border:1px solid #ffdadd;padding:10px 12px;border-radius:8px;font-size:12px}.banner{margin:15px 20px}.login-shell{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#e7f5c7,transparent 35%),#f5f7fb;padding:20px}.login-card{width:min(420px,100%);background:#fff;border:1px solid #e8edf2;border-radius:20px;padding:38px;box-shadow:0 25px 70px #1a2b4510}.login-card .brand-mark{margin-bottom:25px}.login-card h1{font:800 27px Manrope,sans-serif;letter-spacing:-1px;margin:8px 0}.login-card form{display:grid;gap:15px;margin-top:25px}.login-card label,.modal label{display:grid;gap:7px;font-size:11px;font-weight:700;color:#4a5669}.login-card input,.modal input{width:100%;border:1px solid #dfe5ed;border-radius:8px;padding:11px 12px;outline:none;color:#253147;font-size:12px;background:#fff}.login-card input:focus,.modal input:focus{border-color:#9ecb4e;box-shadow:0 0 0 3px #c8f16935}.tiny{text-align:center;font-size:10px;color:#9aa3b1;margin:20px 0 0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c1426a6;z-index:50;display:grid;place-items:center;padding:20px}.modal{background:#fff;width:min(480px,100%);border-radius:15px;padding:23px;box-shadow:0 30px 90px #0003;max-height:90vh;overflow:auto}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-head h2{font:800 18px Manrope,sans-serif;margin:0}.modal form{display:grid;gap:14px}.icon{border:0;background:transparent;color:inherit;display:grid;place-items:center;padding:7px;border-radius:7px}.icon:hover{background:#f0f3f7}.mobile-close,.menu-button,.scrim{display:none}@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-wrap{padding:25px}.topbar{padding:0 25px}}@media(max-width:760px){.sidebar{transform:translate(-100%);transition:transform .2s}.sidebar.open{transform:translate(0)}.main{margin-left:0}.menu-button,.mobile-close{display:grid}.topbar{padding:0 17px;height:60px}.crumb{margin-right:auto;margin-left:10px}.top-right{font-size:0}.page-wrap{padding:23px 15px}.page-title{align-items:flex-start;flex-direction:column}.page-title h1{font-size:25px}.actions{width:100%;flex-wrap:wrap}.welcome{padding:22px}.welcome h2{font-size:18px}.welcome-icon{display:none}.stats-grid{gap:10px}.stat-card{padding:14px}.stat-card>strong{font-size:25px}.stat-top{font-size:11px}.quick-grid{grid-template-columns:1fr}.table-toolbar{padding:13px}.table-scroll table{min-width:700px}.scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0b12247a;z-index:15}.mobile-close{margin-left:auto}.login-card{padding:28px 23px}}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.modal select{width:100%;border:1px solid #dfe5ed;border-radius:8px;padding:11px 12px;outline:none;color:#253147;font-size:12px;background:#fff}.modal select:focus{border-color:#9ecb4e;box-shadow:0 0 0 3px #c8f16935}.check-row{display:flex!important;align-items:center;gap:9px;font-size:12px!important;padding:8px 0}.check-row input{width:16px!important;height:16px;accent-color:#759b32}.hint{background:#f4f7ed;border:1px solid #e3ebd3;padding:12px;border-radius:8px;color:#586c35;font-size:12px;line-height:1.5}.agent-photo{width:38px;height:38px;object-fit:cover;border-radius:50%;border:1px solid #e1e7ee}.photo-placeholder{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#f0f3f7}.qr-card{display:grid;justify-items:center;gap:10px;text-align:center;padding:10px}.qr-card img{width:220px;height:220px;object-fit:contain}.qr-card small{max-width:280px;color:#7e899a;line-height:1.5}.modal-wide{width:min(620px,100%)}@media(max-width:600px){.form-grid{grid-template-columns:1fr}}.schedule-panel{padding:22px}.schedule-panel>label{max-width:440px}.schedule-form{margin:18px 0 26px;padding:18px;background:#fafbf8;border:1px solid #e8ece2;border-radius:10px}.schedule-form .primary{margin-top:10px}.payload{max-width:360px;max-height:180px;overflow:auto;white-space:pre-wrap;word-break:break-word;background:#f5f6f8;padding:10px;border-radius:6px;font-size:10px}.tabs{display:flex;gap:8px;margin-bottom:14px}.tabs button{border:1px solid #e0e5eb;border-radius:8px;background:#fff;padding:10px 14px;color:#667085;cursor:pointer}.tabs button.active{background:#edf5e1;border-color:#c7dca7;color:#3f5c20}.table-scroll details summary{cursor:pointer;color:#587b2a}.table-scroll code{font-size:11px}.row-actions{display:flex;align-items:center;gap:10px;white-space:nowrap}.row-actions .text-button{font-size:12px;padding:4px 0}.row-actions button:disabled{opacity:.55;cursor:wait}.modal form .actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;flex-wrap:wrap}.modal form .form-grid{margin-bottom:12px}.schedule-page .page-title{align-items:flex-start}.schedule-page .page-title h1{font-size:30px}.schedule-agent-banner{display:flex;align-items:center;gap:18px;padding:18px 22px;background:#fff;border:1px solid #e7ecf3;border-radius:15px;box-shadow:0 8px 26px #20314b05;min-height:96px}.schedule-avatar,.schedule-agent-avatar{display:grid;place-items:center;flex-shrink:0;border-radius:13px;background:linear-gradient(135deg,#e8f8d5,#c8f169);color:#25351b;font-weight:800}.schedule-avatar{width:58px;height:58px;font-size:18px}.schedule-person{min-width:180px;display:grid;grid-template-columns:auto auto;align-items:center;justify-content:start;gap:5px 10px}.schedule-person small{grid-column:1/-1;color:#7b8799;font-size:11px}.schedule-person strong{font:800 16px Manrope,sans-serif}.schedule-meta{border-left:1px solid #edf0f5;padding-left:24px;display:grid;gap:8px;min-width:145px}.schedule-meta small{color:#8b96a8;font-size:11px}.schedule-meta strong{font-size:12px;color:#354258}.schedule-agent-banner>.secondary{margin-left:auto;white-space:nowrap}.schedule-banner-empty{display:flex;align-items:center;gap:12px;color:#7d8aa0}.schedule-banner-empty strong{color:#28364b;font-size:13px}.schedule-banner-empty span{font-size:12px}.schedule-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:15px 0}.schedule-stat{display:flex;align-items:center;gap:14px;padding:16px 18px;background:#fff;border:1px solid #e7ecf3;border-radius:13px}.schedule-stat-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center}.schedule-stat-icon.green{background:#e9f8e4;color:#368c35}.schedule-stat-icon.blue{background:#e8f1ff;color:#2870e8}.schedule-stat-icon.orange{background:#fff2dc;color:#d78312}.schedule-stat>div:last-child{display:grid;gap:3px}.schedule-stat span{font-size:11px;color:#65738b}.schedule-stat strong{font:800 23px Manrope,sans-serif;color:#142033}.schedule-stat small{font-size:10px;color:#8a96a8}.schedule-workspace{display:grid;grid-template-columns:270px minmax(0,1fr);gap:14px;align-items:stretch}.schedule-agent-list,.schedule-calendar-panel{background:#fff;border:1px solid #e7ecf3;border-radius:15px;min-width:0;overflow:hidden}.schedule-agent-list{display:flex;flex-direction:column;max-height:760px}.schedule-list-title{display:flex;justify-content:space-between;align-items:center;padding:18px 16px 13px}.schedule-list-title h3,.schedule-calendar-title h3{font:800 15px Manrope,sans-serif;margin:0 0 5px;color:#17243a}.schedule-list-title p,.schedule-calendar-title p{font-size:11px;color:#8793a6;margin:0}.schedule-list-title>span{background:#f0f3f8;border-radius:8px;padding:5px 7px;font-size:10px;color:#6d788b}.schedule-search{display:flex;align-items:center;gap:8px;margin:0 13px 10px;border:1px solid #e0e6ef;border-radius:9px;padding:10px;color:#8995a8}.schedule-search:focus-within{border-color:#a8d653;box-shadow:0 0 0 3px #c8f16928}.schedule-search input{border:0;outline:0;width:100%;min-width:0;font-size:11px;color:#26354b}.schedule-agent-scroll{overflow:auto;padding:0 9px 10px}.schedule-agent-item{display:flex;width:100%;align-items:center;gap:10px;border:1px solid transparent;background:#fff;text-align:left;border-radius:10px;padding:10px 8px;margin:2px 0}.schedule-agent-item:hover{background:#f8faf5}.schedule-agent-item.selected{background:#f3fbe8;border-color:#d9edb4}.schedule-agent-avatar{width:37px;height:37px;border-radius:50%;font-size:11px;background:#e8edf4;color:#43536b}.schedule-agent-item.selected .schedule-agent-avatar{background:#d7f5a0}.schedule-agent-label{display:grid;gap:3px;min-width:0;flex:1}.schedule-agent-label small{font-size:10px;color:#8490a3}.schedule-agent-label strong{font-size:11px;color:#26344a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-status{width:8px;height:8px;background:#70c95b;border-radius:50%;flex-shrink:0}.agent-status.inactive{background:#ef7c83}.schedule-list-note{padding:8px;color:#7e8a9d;font-size:10px;line-height:1.5}.schedule-calendar-panel{padding:18px}.schedule-calendar-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.schedule-calendar-title{display:flex;align-items:center;gap:12px}.schedule-calendar-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#f0f4fa;color:#344b70}.schedule-week-nav{display:flex;align-items:center;gap:7px;border:1px solid #e2e8f1;border-radius:9px;padding:4px}.schedule-week-nav strong{font-size:11px;font-weight:700;white-space:nowrap;padding:0 7px;color:#344158}.secondary.compact{padding:7px 9px;min-width:30px}.schedule-view-tabs{display:flex;gap:22px;margin-top:17px;border-bottom:1px solid #e8edf4}.schedule-view-tabs button{display:flex;align-items:center;gap:7px;border:0;border-bottom:3px solid transparent;background:transparent;padding:11px 10px;color:#718098;font-size:11px;font-weight:700}.schedule-view-tabs button.active{color:#4b7e18;border-bottom-color:#9fdb35}.schedule-grid-wrap{overflow:auto;margin-top:12px}.schedule-grid{display:grid;grid-template-columns:54px repeat(7,minmax(92px,1fr));grid-template-rows:45px 552px;min-width:760px;border:1px solid #e3eaf3;border-radius:9px;overflow:hidden}.schedule-time-head,.schedule-day-head{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#f8fafd;border-bottom:1px solid #e1e8f1;border-right:1px solid #e1e8f1;gap:3px}.schedule-time-head{font-size:10px;font-weight:800;color:#536178}.schedule-day-head strong{font-size:11px;color:#243249}.schedule-day-head span{font-size:10px;color:#8190a6}.schedule-hours{display:grid;grid-template-rows:repeat(24,23px);background:#fbfcfe;border-right:1px solid #e1e8f1}.schedule-hours div{display:flex;align-items:flex-start;justify-content:center;padding-top:3px;border-bottom:1px dashed #e8edf4;color:#8090a7;font-size:9px}.schedule-day-column{position:relative;display:grid;grid-template-rows:repeat(24,23px);border-right:1px solid #e1e8f1;background:repeating-linear-gradient(to bottom,#fff 0,#fff 22px,#e8edf4 22px,#e8edf4 23px)}.schedule-hour-cell{border:0;background:transparent;border-bottom:1px dashed #e9eef5;padding:0;z-index:0}.schedule-hour-cell:hover{background:#f4fae9}.schedule-event{position:absolute;left:5px;right:5px;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;padding:9px 7px;border-radius:7px;border:1px solid transparent;border-left-width:3px;overflow:hidden}.schedule-event strong{font-size:10px;white-space:nowrap}.schedule-event span{display:flex;align-items:center;gap:5px;font-size:9px;line-height:1.35}.schedule-event span i,.schedule-legend i{display:inline-block;width:7px;height:7px;border-radius:50%;flex-shrink:0}.schedule-event.green{background:#edf9e9;border-color:#c8edbe;border-left-color:#5cb83f;color:#315b28}.schedule-event.blue{background:#eaf3ff;border-color:#c6dcff;border-left-color:#3485ef;color:#1e5eae}.schedule-event.red{background:#fff0f0;border-color:#ffd1d1;border-left-color:#ef4d57;color:#a82c35}.schedule-event.orange{background:#fff5df;border-color:#ffe4ac;border-left-color:#efa321;color:#97620c}.schedule-event.purple{background:#f4edff;border-color:#e0d0ff;border-left-color:#9852ee;color:#7134b8}.schedule-event.disabled{opacity:.55;filter:grayscale(.5)}.schedule-event small{font-size:9px}.schedule-add-cell{position:absolute;top:42%;left:5px;right:5px;display:flex;flex-direction:column;align-items:center;gap:5px;border:1px dashed #dfe6ef;border-radius:8px;padding:12px 3px;background:#fbfcfe;color:#8b98ac;font-size:10px}.schedule-add-cell:hover{background:#f5fbe9;border-color:#b9dd7b;color:#57852a}.schedule-calendar-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-top:17px}.schedule-legend{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.schedule-legend span{display:flex;align-items:center;gap:6px;color:#63718a;font-size:10px}.schedule-legend .green{background:#59b83c}.schedule-legend .gray{background:#a8b1bf}.secondary.danger{color:#d73e47;border-color:#ffc9cc;background:#fff9f9}.secondary.danger:hover{background:#fff0f0}.schedule-table{margin-top:12px}.schedule-page .modal form{gap:14px}@media(max-width:1250px){.schedule-workspace{grid-template-columns:230px minmax(0,1fr)}.schedule-calendar-panel{padding:14px}.schedule-meta{padding-left:15px;min-width:115px}.schedule-agent-banner{gap:12px}}@media(max-width:900px){.schedule-workspace{grid-template-columns:1fr}.schedule-agent-list{max-height:330px}.schedule-agent-scroll{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.schedule-agent-item{min-width:0}.schedule-agent-banner{flex-wrap:wrap}.schedule-meta{border-left:0;padding-left:0}.schedule-calendar-heading{align-items:flex-start}.schedule-week-nav{max-width:100%}}@media(max-width:600px){.schedule-stats{grid-template-columns:1fr}.schedule-stat{padding:12px}.schedule-agent-scroll{grid-template-columns:1fr}.schedule-calendar-panel{padding:10px}.schedule-calendar-title h3{font-size:13px}.schedule-week-nav strong{font-size:9px;padding:0 2px}.schedule-calendar-footer .actions{width:100%}.schedule-calendar-footer .actions button{flex:1}.schedule-agent-banner>.secondary{margin-left:0}.schedule-person,.schedule-meta{min-width:0}}.photo-picker-field{display:grid;gap:8px}.field-title{font-size:11px;font-weight:700;color:#4a5669}.photo-picker{display:flex;align-items:center;gap:16px;border:1px dashed #cbd5e1;background:#f9fbfd;padding:14px;border-radius:12px}.photo-picker>img{width:92px;height:92px;object-fit:cover;border-radius:50%;border:3px solid white;box-shadow:0 3px 14px #1a2b451c}.photo-empty{width:92px;height:92px;flex-shrink:0;border-radius:50%;background:#edf3e3;color:#779b40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.photo-empty span{font-size:8px;text-align:center;padding:0 4px}.photo-picker-actions{display:grid;justify-items:start;gap:7px}.photo-picker-actions small,.site-map-heading small{font-size:10px;color:#7c8798}.photo-select{cursor:pointer}.site-map-box{display:grid;gap:12px}.site-map-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.site-map-heading strong,.site-map-heading small{display:block}.site-map-heading strong{font-size:12px;color:#263246}.site-map-box iframe{width:100%;height:230px;border:1px solid #dfe5ed;border-radius:10px;background:#f1f5f9}.qr-card{display:grid;justify-items:center;gap:12px;padding:12px;text-align:center}.qr-card img{width:240px;height:240px;object-fit:contain}.qr-card small{font-size:10px;color:#7c8798;max-width:300px}.modal{width:min(620px,100%)}.dashboard-welcome{margin-bottom:20px}.welcome-meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px;color:#aebbd0;font-size:10px}.welcome-meta span{display:flex;align-items:center;gap:7px}.welcome-meta i{width:7px;height:7px;border-radius:50%;background:#9fdb59;box-shadow:0 0 0 4px #9fdb5920}.dashboard-period{border:1px solid #dfe5ee;background:#fff;border-radius:9px;padding:10px 12px;font-size:12px;color:#455267}.dashboard-stats{grid-template-columns:repeat(4,minmax(0,1fr));margin:20px 0}.dashboard-stat{min-height:130px}.dashboard-stat>strong{margin:13px 0 5px}.dashboard-stat small{display:block;line-height:1.5}.dashboard-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr);gap:18px;align-items:stretch}.dashboard-panel{margin:0;min-width:0}.dashboard-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 21px}.chart-total{display:flex;align-items:center;gap:6px;white-space:nowrap;color:#577c2d;background:#f2f8e8;border-radius:8px;padding:7px 9px;font-size:10px;font-weight:700}.bar-chart{height:220px;display:flex;align-items:stretch;gap:clamp(5px,1.2vw,15px);padding:20px 22px 0}.bar-item{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px}.bar-track{height:150px;width:100%;max-width:30px;display:flex;align-items:flex-end;background:#f4f6f9;border-radius:6px 6px 2px 2px;overflow:hidden;margin-top:auto}.bar-value{display:block;width:100%;min-height:2px;background:linear-gradient(180deg,#b9e76e,#83bd45);border-radius:5px 5px 0 0;transition:height .25s}.bar-item>strong{font-size:10px;color:#5d687a}.bar-item>small{font-size:9px;color:#8a95a5;white-space:nowrap}.chart-footnote{display:flex;justify-content:space-between;gap:12px;padding:14px 21px 17px;border-top:1px solid #f0f2f6;font-size:10px;color:#8994a4}.chart-footnote span:first-child{display:flex;align-items:center;gap:7px}.legend-dot{display:inline-block;flex:0 0 8px;width:8px;height:8px;border-radius:50%}.legend-dot.green{background:#83bd45}.legend-dot.red{background:#e65c63}.legend-dot.gray{background:#cbd3df}.mqtt-summary{display:flex;align-items:center;justify-content:center;gap:25px;padding:24px 18px 15px}.donut{width:142px;height:142px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto}.donut>div{width:98px;height:98px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column}.donut strong{font:800 25px Manrope,sans-serif;color:#202b3e}.donut span{font-size:10px;color:#8a95a5}.mqtt-legend{display:grid;gap:14px;min-width:125px}.mqtt-legend>div{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:8px;font-size:11px;color:#68758a}.mqtt-legend strong{color:#283449}.dashboard-note{margin:0;padding:0 21px 18px;color:#8a95a5;font-size:10px;line-height:1.6}.panel-link{font-size:11px;font-weight:700;color:#5a7e2e;text-decoration:none;white-space:nowrap}.panel-link:hover{text-decoration:underline}.device-mode-summary{padding:20px 22px}.mode-number{display:flex;align-items:center;gap:11px}.mode-icon{width:37px;height:37px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto}.mode-icon.mono{background:#f0f6e5;color:#648d2e}.mode-icon.multi{background:#eaf2ff;color:#5078b8}.mode-number>div{display:grid;gap:3px;flex:1}.mode-number>div strong{font:800 19px Manrope,sans-serif;color:#263348}.mode-number>div span{font-size:11px;color:#7c8798}.mode-number>b{font-size:11px;color:#6c788a}.mode-progress{height:7px;background:#edf1e7;border-radius:8px;overflow:hidden;margin:12px 0 20px 48px}.mode-progress span{display:block;height:100%;background:#8fc34d;border-radius:8px}.multi-progress{background:#eaf0f8;margin-bottom:18px}.multi-progress span{background:#7199d6}.dashboard-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.dashboard-mini-grid>div{border:1px solid #edf0f5;background:#fafbfd;border-radius:10px;padding:12px 14px;display:grid;gap:7px}.dashboard-mini-grid span{font-size:10px;color:#8490a3}.dashboard-mini-grid strong{font:800 20px Manrope,sans-serif;color:#283449}.warning-number{color:#c47b19!important}.warning-icon{color:#d49a36;flex:0 0 auto}.watch-list{padding:3px 20px 12px}.watch-list>a{display:flex;align-items:center;gap:11px;padding:14px 0;border-bottom:1px solid #f0f2f6;text-decoration:none;color:inherit}.watch-list>a:last-child{border-bottom:0}.watch-symbol{width:34px;height:34px;display:grid;place-items:center;background:#f7f4e9;border-radius:9px;color:#a17c32;flex:0 0 auto}.watch-list>a>span:nth-child(2){display:grid;gap:4px;flex:1}.watch-list strong{font-size:11px;color:#354156}.watch-list small{font-size:10px;color:#8a95a5;line-height:1.4}.watch-list b{font:800 18px Manrope,sans-serif;color:#344055}.recent-panel,.quick-panel{margin-top:18px}.quick-panel .quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.recent-panel th,.recent-panel td{padding-left:17px;padding-right:17px}@media(max-width:1250px){.dashboard-layout{grid-template-columns:1fr}.dashboard-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.mqtt-summary{justify-content:flex-start;padding-left:24px}}@media(max-width:900px){.dashboard-stats,.quick-panel .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-welcome .welcome-icon{display:grid}}@media(max-width:600px){.dashboard-period{max-width:145px}.dashboard-welcome .welcome-icon{display:none}.welcome-meta{display:grid;gap:8px}.dashboard-panel-heading{padding:16px}.chart-total{font-size:9px}.bar-chart{padding-left:12px;padding-right:12px;gap:5px}.bar-item>small{font-size:8px}.chart-footnote{padding:12px 15px;flex-direction:column}.mqtt-summary{gap:17px;padding:20px 15px}.donut{width:115px;height:115px}.donut>div{width:79px;height:79px}.donut strong{font-size:21px}.mqtt-legend{min-width:0;gap:11px}.mqtt-legend>div{font-size:10px;gap:5px}.quick-panel .quick-grid{grid-template-columns:1fr}.dashboard-stat{min-height:115px}}.import-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.85fr);gap:20px;align-items:start}.import-main,.import-help,.import-report{margin-top:0}.import-content{padding:22px}.import-formats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:20px}.import-formats>div{display:flex;flex-direction:column;gap:8px;padding:15px;border:1px solid #e8edf4;border-radius:11px;color:#6d7b90}.import-formats svg{width:22px;height:22px;color:#759b32}.import-formats strong{font-size:12px;color:#253147}.import-formats span{font-size:11px;line-height:1.5}.import-drop{min-height:220px;border:1.5px dashed #b7c5a2;border-radius:14px;background:#fbfdf7;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:9px;padding:24px;cursor:pointer;color:#6f8d3a}.import-drop:hover{background:#f6fbe9;border-color:#8ab34b}.import-drop strong{font-size:14px;color:#253147;overflow-wrap:anywhere}.import-drop span{font-size:12px;color:#68758a}.import-drop small{font-size:10px;color:#929cad}.import-drop input{display:none}.import-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px}.import-actions>span{font-size:11px;line-height:1.6;color:#8a95a5;max-width:390px}.import-help-content{padding:20px;display:grid;gap:20px}.import-help-content b{font-size:12px}.import-help-content p{font-size:11px;line-height:1.8;color:#718096;margin:8px 0 0}.import-help-content code{display:inline-block;margin:2px}.import-warning{display:flex;align-items:flex-start;gap:10px;padding:13px;border-radius:10px;background:#fff7e7;color:#9b6b1d}.import-warning p{margin:0;color:#856a3b}.import-warning svg{flex-shrink:0}.import-warning.info{background:#f0f8e8;color:#63872e}.import-warning.info p{color:#5f7447}.import-message{margin:15px 0 0}.import-report{margin-top:22px}.import-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px 20px}.import-summary>div{padding:14px;border-radius:10px;background:#f6f8fb;display:grid;gap:8px}.import-summary span{font-size:11px;color:#788599}.import-summary strong{font:800 24px Manrope,sans-serif}.import-summary .good{background:#f0f8e8;color:#487d37}.import-summary .bad{background:#fff0f1;color:#a13f43}@media(max-width:1000px){.import-layout{grid-template-columns:1fr}.import-formats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.import-formats{grid-template-columns:1fr}.import-actions{align-items:stretch;flex-direction:column}.import-actions .primary{width:100%}.import-summary{padding:12px;gap:7px}.import-summary>div{padding:10px}.import-summary strong{font-size:20px}}.photo-select{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;cursor:pointer}.crop-preview{width:min(320px,100%);aspect-ratio:1/1;margin:16px auto;overflow:hidden;border-radius:16px;background:#e8edf3;border:1px solid #d9e1eb;display:flex;align-items:center;justify-content:center}.crop-preview img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .12s ease}.crop-controls{display:grid;gap:14px}.crop-controls>label{display:grid;gap:8px}.crop-controls>label strong{float:right}.crop-controls input[type=range]{width:100%;accent-color:#668c38}.editor-photo-field{grid-column:1/-1;min-width:0}.license-auto-key{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#f4f7f0;border:1px solid #e2ead8;border-radius:10px}.table-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:1}.company-filter,.schedule-company-filter{display:flex;align-items:center;gap:8px;border:1px solid #e2e7ef;border-radius:8px;padding:8px 10px;background:#fff;color:#758196;min-width:220px}.company-filter select,.schedule-company-filter select{border:0;outline:0;background:transparent;color:#334155;font:500 12px DM Sans,sans-serif;width:100%;min-width:0;cursor:pointer}.schedule-company-filter{margin:0 12px 12px;width:calc(100% - 24px);min-width:0}@media(max-width:760px){.table-toolbar{align-items:stretch;flex-direction:column}.table-filters{width:100%;align-items:stretch}.table-filters .search,.company-filter{width:100%;min-width:0}.table-toolbar>.count{align-self:flex-end}}.api-intro{display:flex;align-items:flex-start;gap:15px;padding:20px 22px;background:linear-gradient(110deg,#fbfff5,#fff)}.api-intro-icon{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border-radius:12px;background:#edf8d9;color:#5d7d2b}.api-intro strong{font-size:13px;color:#253147}.api-intro p{font-size:12px;line-height:1.65;color:#728096;margin:6px 0 0}.api-permissions{display:flex;gap:5px;flex-wrap:wrap;max-width:220px}.api-doc-content{padding:20px 23px}.api-doc-content p{font-size:12px;color:#59677d;line-height:1.7}.api-doc-content pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#17253a;color:#eaf3ff;padding:13px 15px;border-radius:9px;font-size:11px;line-height:1.7}.api-doc-content code{margin-right:4px}.api-permission-picks{display:grid;gap:12px;padding:15px;border:1px solid #e7ecf3;border-radius:10px;margin-top:10px}.api-permission-picks>strong{font-size:12px}.modal .api-permission-picks label,.modal .api-active-check{display:flex;align-items:center;gap:9px;font-weight:500;font-size:12px}.modal .api-permission-picks input[type=checkbox],.modal .api-active-check input[type=checkbox]{width:16px;height:16px;accent-color:#91c53e}.api-key-warning{display:flex;gap:10px;background:#fff7e5;border:1px solid #f5dfaa;color:#8d6310;border-radius:9px;padding:12px;margin-bottom:16px}.api-key-warning p{margin:0;font-size:12px;line-height:1.6}.modal .api-key-value{font-family:ui-monospace,monospace;font-size:11px;background:#f8fafc}.brand-logo{display:block;object-fit:contain;flex:0 0 auto}.sidebar-logo{width:42px;height:42px;border-radius:9px}.login-logo{width:72px;height:72px;border-radius:15px;margin-bottom:25px}.login-card .brand-mark{display:none}.import-company-field{display:grid;gap:8px;margin:18px 0 14px;min-width:0}.import-company-field>label{display:block;color:#172033;font-size:13px;font-weight:700;line-height:1.4}.required-mark{color:#d94850}.import-company-select-wrap{position:relative;width:min(100%,560px)}.import-company-select-wrap select{display:block;width:100%;min-height:46px;padding:11px 44px 11px 14px;border:1px solid #dce4ef;border-radius:10px;background:#fff;color:#26354b;font:500 12px DM Sans,sans-serif;line-height:1.4;-moz-appearance:none;appearance:none;-webkit-appearance:none;outline:none;cursor:pointer;transition:border-color .18s,box-shadow .18s,background .18s}.import-company-select-wrap select:hover{border-color:#b8d889}.import-company-select-wrap select:focus{border-color:#91c53e;box-shadow:0 0 0 3px #c8f16935}.import-company-select-wrap select:disabled{background:#f7f9fb;color:#8b96a8;cursor:not-allowed}.import-company-chevron{position:absolute;right:16px;top:50%;width:8px;height:8px;border-right:1.5px solid #64748b;border-bottom:1.5px solid #64748b;transform:translateY(-70%) rotate(45deg);pointer-events:none}.import-company-select-wrap select:focus+.import-company-chevron{border-color:#5f842b}@media(max-width:600px){.import-company-select-wrap{width:100%}.import-company-select-wrap select{font-size:12px}}.app-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px;background:#0f172a85;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:dialogFadeIn .16s ease-out}.app-dialog{position:relative;width:min(100%,460px);padding:30px;border:1px solid #e6ebf2;border-radius:20px;background:#fff;box-shadow:0 28px 90px #0f172a40;animation:dialogPopIn .2s ease-out;color:#172033}.app-dialog-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:15px;margin-bottom:18px;background:#eef6e5;color:#5e8d2e}.app-dialog-warning .app-dialog-icon{background:#fff4df;color:#b7791f}.app-dialog-danger .app-dialog-icon{background:#fff0f0;color:#c43b3b}.app-dialog-success .app-dialog-icon{background:#eaf8ee;color:#25834a}.app-dialog-close{position:absolute;right:16px;top:16px;width:34px;height:34px;border:0;border-radius:10px;display:grid;place-items:center;background:transparent;color:#7b8798;cursor:pointer}.app-dialog-close:hover{background:#f2f5f9;color:#172033}.app-dialog h2{margin:0 32px 10px 0;font-size:20px;line-height:1.35;font-weight:750;letter-spacing:-.025em}.app-dialog p{margin:0;color:#64748b;font-size:14px;line-height:1.7;overflow-wrap:anywhere;white-space:pre-wrap}.app-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:26px}.app-dialog-actions button{min-height:42px;padding:0 17px;border-radius:10px;font-weight:650}.app-dialog-actions .danger-button{border:1px solid #c93d3d;background:#c93d3d;color:#fff;cursor:pointer;box-shadow:0 3px 8px #c93d3d26}.app-dialog-actions .danger-button:hover{background:#ad2f2f}.app-dialog-actions .primary{cursor:pointer}@keyframes dialogFadeIn{0%{opacity:0}to{opacity:1}}@keyframes dialogPopIn{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:520px){.app-dialog-backdrop{padding:16px;align-items:flex-end}.app-dialog{width:100%;padding:24px;border-radius:20px 20px 16px 16px}.app-dialog-actions{display:grid;grid-template-columns:1fr 1fr}.app-dialog-actions button{width:100%}}@media(prefers-reduced-motion:reduce){.app-dialog-backdrop,.app-dialog{animation:none}}.assigned-agent-list{display:flex;flex-direction:column;gap:5px;min-width:140px}.assigned-agent-item{display:flex;flex-direction:column;align-items:flex-start;gap:1px;line-height:1.25}.assigned-agent-item strong{color:#172033;font-size:12px;font-weight:600}.assigned-agent-item small{color:#718096;font-size:11px}.import-file-button{display:inline-flex;align-items:center;gap:8px;cursor:pointer;position:relative}.import-file-button input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.overnight-label{display:block;color:#087443;font-weight:700;font-size:11px;margin-top:3px}.import-secondary{margin-top:20px}.schedule-event strong{display:block}.loading-state{min-height:150px;display:flex;align-items:center;justify-content:center;gap:12px;padding:28px;color:#738096;font-size:12px;font-weight:600}.loading-spinner{display:inline-block;width:24px;height:24px;border:3px solid #e4ebd8;border-top-color:#8fc34d;border-radius:50%;animation:supervizr-spin .75s linear infinite;flex:0 0 auto}@keyframes supervizr-spin{to{transform:rotate(360deg)}}.loading-state-compact{min-height:68px;padding:12px 8px;font-size:10px;gap:8px}.loading-state-compact .loading-spinner{width:18px;height:18px;border-width:2px}.searchable-select{position:relative;width:100%;min-width:0;font-size:13px;z-index:3}.searchable-select:focus-within{z-index:30}.searchable-select-trigger{width:100%;min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;padding:9px 12px;border:1px solid #d7dee8;border-radius:9px;background:#fff;color:#243247;font:inherit;cursor:pointer;box-shadow:0 1px 2px #17203308}.searchable-select-trigger:hover{border-color:#aab8ca}.searchable-select-trigger:focus-visible{outline:3px solid #83bd4545;border-color:#719b45}.searchable-select-trigger:disabled{opacity:.55;cursor:not-allowed;background:#f3f5f8}.searchable-select-placeholder{color:#8792a3}.searchable-select-chevron{color:#6f7c8f;font-size:17px;line-height:1;flex-shrink:0}.searchable-select-menu{position:absolute;left:0;right:0;top:calc(100% + 5px);z-index:1000;background:#fff;border:1px solid #dce3ed;border-radius:11px;box-shadow:0 16px 38px #15233a24;padding:7px;min-width:190px}.searchable-select-search{display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid #dce3ed;border-radius:8px;color:#7b8798;margin-bottom:6px}.searchable-select-search input{width:100%;min-width:0;border:0!important;outline:0!important;box-shadow:none!important;padding:10px 0!important;background:transparent!important;font:inherit;color:#263246}.searchable-select-options{max-height:230px;overflow:auto;overscroll-behavior:contain}.searchable-select-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;border-radius:7px;background:transparent;padding:9px 10px;text-align:left;color:#334155;font:inherit;cursor:pointer}.searchable-select-option:hover,.searchable-select-option.selected{background:#f0f6e9;color:#315c1b}.searchable-select-option:disabled{opacity:.5;cursor:not-allowed}.searchable-select-empty{padding:14px 10px;color:#8792a3;text-align:center;font-size:12px}.searchable-select-required{position:absolute!important;left:1px;bottom:1px;width:1px!important;height:1px!important;padding:0!important;border:0!important;opacity:0!important;pointer-events:none!important}.company-filter .searchable-select{min-width:150px}.dashboard-period.searchable-select{width:180px}.form-wide{grid-column:1/-1}.site-map-picker{display:grid;gap:8px}.site-map-stage{position:relative;overflow:hidden;border:1px solid #d9e1eb;border-radius:13px;background:linear-gradient(145deg,#e5edf2,#f5f7fa);box-shadow:0 12px 24px #1d334015;isolation:isolate}.site-map-canvas{height:330px;width:100%;z-index:1;cursor:crosshair;background:#e8eef2}.site-map-canvas .leaflet-tile{filter:saturate(.88) contrast(1.02)}.site-map-loading,.site-map-error{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;text-align:center;padding:24px;color:#5f6d7e;background:#eef3f7e8;z-index:500;font-size:12px}.site-map-error{color:#a33b3b}.site-map-error small{color:#657286}.site-map-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;color:#5c6879;font-size:11px}.site-map-footer span{display:flex;align-items:center;gap:6px}.site-map-footer strong{color:#315c1b;background:#eef6e6;border:1px solid #d9e9ca;border-radius:999px;padding:5px 9px}.site-map-3d-note{color:#8490a0;font-size:10px}.site-map-heading a{white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;padding:8px 10px;font-size:11px}@media(max-width:680px){.site-map-canvas{height:270px}.searchable-select-menu{min-width:0}.site-map-heading{align-items:flex-start}.site-map-footer{align-items:flex-start;flex-direction:column}}.site-map-stage-3d{box-shadow:0 18px 28px #152a3e24;border-bottom:5px solid #c8d5df}.site-map-stage-3d .site-map-canvas{height:360px}.site-map-3d-badge{position:absolute;z-index:5;left:12px;top:12px;padding:6px 9px;border:1px solid #ffffffb5;border-radius:8px;background:#ffffffeb;color:#34465a;font-size:10px;font-weight:700;box-shadow:0 3px 10px #1d33401c;pointer-events:none}.site-map-stage-3d .maplibregl-ctrl-group{border-radius:8px;overflow:hidden;box-shadow:0 3px 12px #152a3e24}.site-map-stage-3d .maplibregl-ctrl-attrib{font-size:9px}@media(max-width:680px){.site-map-stage-3d .site-map-canvas{height:285px}}.searchable-select-menu-portal{position:fixed!important;right:auto!important;bottom:auto!important;z-index:10000!important;max-height:min(320px,calc(100vh - 16px));display:flex;flex-direction:column}.searchable-select-menu-portal .searchable-select-options{max-height:min(230px,calc(100vh - 100px));overflow-y:auto}.table-pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:14px 18px;border-top:1px solid #edf0f5;background:#fff}.page-size-control,.pagination-buttons{display:flex;align-items:center;gap:9px;color:#7c8798;font-size:11px}.page-size-control select{border:1px solid #dfe5ee;border-radius:7px;background:#fff;color:#334155;padding:7px 10px;font-size:12px}.pagination-range{margin-left:5px}.pagination-buttons .secondary{padding:7px 10px;font-size:11px}.pagination-buttons .secondary:disabled{opacity:.4;cursor:not-allowed}.pagination-buttons>span{white-space:nowrap;color:#526071}@media(max-width:600px){.table-pagination{align-items:stretch;flex-direction:column}.page-size-control,.pagination-buttons{justify-content:center;flex-wrap:wrap}}.assigned-count-button{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #dce5f1;border-radius:9px;background:#f8fbff;color:#23436a;cursor:pointer;font:inherit;white-space:nowrap;transition:background .15s,border-color .15s,transform .15s}.assigned-count-button:hover{background:#edf5ff;border-color:#a9c6ed;transform:translateY(-1px)}.assigned-count-button strong{font-size:14px;color:#152b48}.assigned-count-button span{font-size:12px}.assigned-planning-table{max-height:55vh;overflow:auto;border:1px solid #e6ebf2;border-radius:10px}.assigned-planning-table table{width:100%;border-collapse:collapse}.assigned-planning-table th{position:sticky;top:0;z-index:1;background:#f7f9fc;text-align:left}.assigned-planning-table th,.assigned-planning-table td{padding:11px 12px;border-bottom:1px solid #edf0f5;white-space:nowrap}.assigned-planning-table td{font-size:13px}.assigned-agent-search{display:flex;align-items:center;gap:10px;margin:14px 0;padding:9px 12px;border:1px solid #dce5f1;border-radius:10px;background:#fff;color:#7586a0}.assigned-agent-search:focus-within{border-color:#8aaee0;box-shadow:0 0 0 3px #4a81c91f}.assigned-agent-search input{flex:1;min-width:120px;border:0;outline:0;background:transparent;color:#20334f;font:inherit}.assigned-agent-search input::placeholder{color:#8997ab}.assigned-agent-search>span{flex-shrink:0;font-size:12px;white-space:nowrap;color:#7586a0}.assigned-agent-search .text-button{flex-shrink:0}@media(max-width:640px){.assigned-agent-search{flex-wrap:wrap}.assigned-agent-search input{flex-basis:calc(100% - 35px)}.assigned-agent-search>span{margin-left:26px}}.column-picker-wrap{position:relative;display:flex;align-items:center;flex-shrink:0}.column-picker{position:absolute;z-index:30;right:0;top:calc(100% + 8px);width:250px;max-height:min(70vh,520px);overflow:auto;padding:12px;background:#fff;border:1px solid #dfe5ee;border-radius:11px;box-shadow:0 16px 40px #15223820}.column-picker-actions{display:flex;justify-content:space-between;gap:8px;padding:2px 0 10px;margin-bottom:5px;border-bottom:1px solid #edf0f5}.column-option{display:flex;align-items:center;gap:9px;padding:8px 4px;font-size:12px;color:#455267;cursor:pointer}.column-option input{accent-color:#6b9634;margin:0}.column-picker-close{width:100%;margin-top:8px}@media(max-width:760px){.column-picker-wrap{width:100%}.column-picker-wrap>.secondary{width:100%}.column-picker{left:0;right:auto;width:min(100%,320px)}}.bar-chart{height:258px;overflow:visible;padding-bottom:18px;gap:clamp(3px,.7vw,9px)}.bar-item{position:relative;overflow:visible}.bar-item>small{display:block;white-space:nowrap;transform:rotate(-45deg);transform-origin:top center;margin-top:5px;font-size:9px;line-height:1;z-index:1}.chart-panel,.chart-panel .bar-chart{overflow:visible}.panel:has(.column-picker-wrap){overflow:visible}.column-picker{z-index:100;max-height:min(70vh,520px)}.table-scroll{position:relative;overflow:auto;border-radius:0 0 14px 14px}@media(max-width:760px){.bar-chart{height:245px;gap:3px;padding-left:8px;padding-right:8px}.bar-item>small{font-size:8px;transform:rotate(-50deg);transform-origin:top center}.column-picker{z-index:100;max-height:60vh}}.device-week-filter{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:16px 20px;margin:0 0 14px;border:1px solid #e5eaf2;border-radius:12px;background:#fff}.device-week-filter>div{display:grid;gap:5px;flex:1;min-width:220px}.device-week-filter strong{font-size:13px;color:#263348}.device-week-filter small,.device-week-filter .muted{font-size:11px;color:#8290a4}.device-week-filter label{display:flex;align-items:center;gap:10px;font-size:12px;color:#4b5a70}.device-week-filter input[type=week]{min-height:38px;border:1px solid #d9e1ed;border-radius:8px;padding:7px 10px;background:#fff;color:#25344a;font:inherit}.device-week-filter input[type=week]:focus{outline:2px solid #b8e86b;outline-offset:1px}.table-filters input[type=date]{-moz-appearance:none;appearance:none;-webkit-appearance:none;box-sizing:border-box;min-width:150px;min-height:42px;padding:0 12px;border:1px solid #dbe3ee;border-radius:9px;background:#fff;color:#243247;font-family:inherit;font-size:13px;font-weight:500;line-height:1.4;box-shadow:0 1px 2px #10182808;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;color-scheme:light}.table-filters input[type=date]:hover{border-color:#b8c7d9}.table-filters input[type=date]:focus,.table-filters input[type=date]:focus-visible{outline:none;border-color:#84cc16;box-shadow:0 0 0 3px #84cc1629}.table-filters input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.72;margin-left:6px}.table-filters input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}@media(max-width:760px){.table-filters input[type=date]{min-width:0;width:100%}}