:root{color:#eaf1f7;font-synthesis:none;text-rendering:optimizelegibility;background:#0b1118;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{background:#0b1118;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}h1,h2,h3,p{margin-top:0}.login-layout,.screen-center{background:radial-gradient(circle at 75% 10%,#2563eb29,#0000 32%),#0b1118;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.screen-center{color:#dce7ef;flex-direction:column;gap:12px}.screen-center span{color:#8292a1}.login-window{background:#111922;border:1px solid #202c38;border-radius:20px;width:390px;max-width:100%;padding:30px;box-shadow:0 24px 80px #0000006b}.login-brand{align-items:center;gap:12px;margin-bottom:34px;display:flex}.login-mark,.mini-logo{color:#fff;background:linear-gradient(135deg,#2563eb,#0891b2);justify-content:center;align-items:center;font-weight:800;display:flex}.login-mark{border-radius:13px;width:46px;height:46px}.brand-name{font-size:15px;font-weight:700}.brand-sub{color:#7f8e9d;margin-top:2px;font-size:12px}.login-copy h1{margin-bottom:7px;font-size:27px}.login-copy p{color:#8797a6;margin-bottom:27px;font-size:14px}label{color:#a9b7c4;margin:14px 0 7px;font-size:12px;font-weight:650;display:block}input,select,textarea{color:#eaf1f7;background:#0d151e;border:1px solid #283746;border-radius:10px;outline:none;width:100%;padding:11px 12px;font-size:14px}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:#3977e9;box-shadow:0 0 0 3px #2563eb1f}.form-two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.button-primary,.button-secondary{border-radius:9px;min-height:38px;padding:9px 15px;font-size:13px;font-weight:700}.button-primary{color:#fff;background:#2563eb;border:1px solid #3475ea}.button-primary:hover{background:#2d6ef2}.button-secondary{color:#c8d3dc;background:#151f29;border:1px solid #2a3948}.full{width:100%;margin-top:20px}.form-error,.form-warning{border-radius:9px;margin-top:14px;padding:10px 12px;font-size:12px}.form-error{color:#fca5a5;background:#ef444414;border:1px solid #ef444433}.form-warning{color:#f4c66c;background:#f59e0b14;border:1px solid #f59e0b2e}.workspace{background:radial-gradient(circle at 90% 0,#2563eb0f,#0000 28%),#0b1118;grid-template-columns:214px 1fr;min-height:100vh;display:grid}.sidebar{z-index:30;background:#0d141c;border-right:1px solid #1b2631;flex-direction:column;width:214px;padding:18px 12px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-brand{align-items:center;gap:11px;height:54px;margin-bottom:22px;padding:0 8px;display:flex}.mini-logo{border-radius:10px;flex:none;width:35px;height:35px;font-size:12px}.brand-desktop{flex-direction:column;min-width:0;display:flex}.brand-desktop strong{white-space:nowrap;font-size:13px}.brand-desktop span{color:#657788;margin-top:2px;font-size:10px}.nav-stack,.sidebar-bottom{gap:4px;display:grid}.sidebar-bottom{margin-top:auto}.nav-item{color:#8091a0;text-align:left;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:10px;width:100%;height:40px;padding:0 11px;font-size:13px;display:flex}.nav-item:hover{color:#cbd7df;background:#131e28}.nav-item.active{color:#85b4ff;background:#2563eb1f;border-color:#3b82f62b}.nav-icon{text-align:center;width:18px;font-size:15px}.main-shell{grid-column:2;min-width:0}.app-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b1118e6;border-bottom:1px solid #1b2631;justify-content:space-between;align-items:center;gap:18px;min-height:67px;padding:10px 25px;display:flex;position:sticky;top:0}.header-title span{color:#667888;text-transform:uppercase;letter-spacing:1.1px;font-size:10px}.header-title h2{margin:2px 0 0;font-size:18px;font-weight:700}.header-actions{align-items:center;gap:9px;display:flex}.header-create{color:#fff;background:#2563eb;border:1px solid #3475ea;border-radius:9px;height:35px;padding:0 13px;font-size:12px;font-weight:700}.notification-button{color:#9baab7;background:#121b24;border:1px solid #263542;border-radius:9px;width:35px;height:35px}.user-chip{align-items:center;gap:9px;margin-left:3px;display:flex}.user-avatar,.person-avatar{color:#fff;background:linear-gradient(135deg,#334155,#2563eb);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.user-avatar{width:34px;height:34px;font-size:12px}.user-chip-copy{flex-direction:column;min-width:120px;display:flex}.user-chip-copy strong{font-size:12px}.user-chip-copy span{color:#6f8292;margin-top:2px;font-size:10px}.signout-button{color:#778998;background:0 0;border:0;height:34px;padding:0 10px;font-size:11px}.signout-button:hover{color:#e5edf3}.page-content{max-width:1440px;margin:0 auto;padding:24px 26px 100px}.welcome-strip{justify-content:space-between;align-items:center;gap:20px;margin-bottom:19px;display:flex}.welcome-strip h1{margin-bottom:5px;font-size:23px}.welcome-strip p{color:#778998;margin:0;font-size:13px}.quick-buttons{gap:8px;display:flex}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.stat-card,.panel,.site-card{background:#101820;border:1px solid #1e2a35}.stat-card{border-radius:12px;min-height:110px;padding:16px 16px 13px;position:relative;overflow:hidden}.status-bar{width:3px;position:absolute;top:0;bottom:0;left:0}.status-bar.blue{background:#3b82f6}.status-bar.teal{background:#14b8a6}.status-bar.green{background:#22c55e}.status-bar.amber{background:#f59e0b}.stat-label{color:#8192a0;font-size:11px;font-weight:650}.stat-number{margin-top:8px;font-size:29px;font-weight:750}.stat-detail{color:#5d7080;margin-top:3px;font-size:11px}.dashboard-grid{grid-template-columns:minmax(0,1.55fr) minmax(260px,.75fr);gap:14px;display:grid}.panel{border-radius:13px;padding:18px}.panel-head{justify-content:space-between;align-items:flex-start;gap:15px;min-height:42px;margin-bottom:13px;display:flex}.panel-head h3{margin:0;font-size:14px}.panel-head p{color:#667887;margin:4px 0 0;font-size:11px}.text-button{color:#6da3f5;background:0 0;border:0;font-size:11px}.task-list{display:grid}.task-row{border-top:1px solid #1b2630;grid-template-columns:9px minmax(150px,1fr) minmax(110px,.55fr) auto;align-items:center;gap:11px;min-height:58px;padding:9px 4px;display:grid}.task-row:first-child{border-top:0}.task-status-dot{background:#64748b;border-radius:50%;width:7px;height:7px}.task-status-dot.assigned{background:#f59e0b}.task-status-dot.accepted,.task-status-dot.en_route{background:#3b82f6}.task-status-dot.arrived,.task-status-dot.site_check{background:#14b8a6}.task-status-dot.completed{background:#22c55e}.task-status-dot.overdue{background:#ef4444}.task-main,.person-data{flex-direction:column;min-width:0;display:flex}.task-main strong,.person-data strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.task-main span,.person-data span{text-overflow:ellipsis;white-space:nowrap;color:#687b8b;margin-top:3px;font-size:10px;overflow:hidden}.task-assignee{color:#8fa0ad;font-size:11px}.status-pill,.role-tag,.online-label{border-radius:999px;align-items:center;width:max-content;font-size:10px;font-weight:650;display:inline-flex}.status-pill{color:#8fa0ae;background:#18232d;border:1px solid #263440;padding:5px 8px}.status-pill.assigned{color:#f4c365;background:#f59e0b12;border-color:#f59e0b2b}.status-pill.accepted,.status-pill.en_route{color:#7fb2ff;background:#3b82f612;border-color:#3b82f629}.status-pill.arrived,.status-pill.site_check{color:#58d4c7;background:#14b8a612;border-color:#14b8a629}.status-pill.completed{color:#65d98a;background:#22c55e12;border-color:#22c55e26}.person-row,.site-small-row{border-top:1px solid #1b2630;align-items:center;gap:9px;min-height:49px;padding:7px 0;display:flex}.person-row:first-of-type{border-top:0}.person-avatar{flex:none;width:31px;height:31px;font-size:10px}.person-data{flex:1}.online-label{color:#62d58b;background:#22c55e0f;border:1px solid #22c55e24;padding:4px 7px}.site-small-row{font-size:11px}.site-small-row>div:last-child{flex-direction:column;display:flex}.site-small-row span{color:#708291;font-size:10px}.site-dot{color:#69a5f9;background:#2563eb14;border-radius:9px;justify-content:center;align-items:center;width:31px;height:31px;display:flex}.site-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;display:grid}.site-card{border-radius:11px;flex-direction:column;min-height:145px;padding:15px;display:flex}.site-icon{color:#6ca6fa;background:#2563eb14;border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;margin-bottom:13px;display:flex}.site-card strong{font-size:12px}.site-card>span{color:#708291;margin-top:5px;font-size:10px;line-height:1.4}.site-card-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.team-table{display:grid}.team-table-row{border-top:1px solid #1b2630;grid-template-columns:35px minmax(150px,1fr) minmax(120px,.55fr) auto;align-items:center;gap:11px;min-height:58px;padding:8px 4px;display:grid}.role-tag{color:#8fbaff;background:#3b82f612;border:1px solid #3b82f624;padding:5px 8px}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:160px;display:flex}.empty-icon,.coming-icon{color:#6b8193;background:#151f29;border:1px solid #26343f;border-radius:10px;justify-content:center;align-items:center;width:35px;height:35px;margin-bottom:10px;display:flex}.empty-state strong{font-size:12px}.empty-state span{color:#637686;margin-top:5px;font-size:10px}.coming-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:380px;display:flex}.coming-panel h2{margin-bottom:7px;font-size:18px}.coming-panel p{color:#718392;max-width:440px;font-size:12px;line-height:1.5}.floating-create{z-index:25;color:#fff;background:#2563eb;border:1px solid #3d7be8;border-radius:50%;width:48px;height:48px;font-size:25px;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 32px #2563eb45}.mobile-nav{display:none}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#03080db8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-window{background:#111922;border:1px solid #263440;border-radius:14px;width:min(500px,100%);max-height:calc(100vh - 40px);padding:20px;overflow-y:auto;box-shadow:0 30px 90px #00000085}.modal-header{border-bottom:1px solid #1d2933;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:4px;padding-bottom:14px;display:flex}.modal-header span{color:#718392;text-transform:uppercase;letter-spacing:.8px;font-size:10px}.modal-header h2{margin:3px 0 0;font-size:18px}.modal-close{color:#9aabb7;background:#151f29;border:1px solid #2b3945;border-radius:8px;justify-content:center;align-items:center;width:31px;height:31px;font-size:19px;display:flex}.modal-actions{justify-content:flex-end;gap:8px;margin-top:19px;display:flex}.created-user{text-align:center;padding-top:22px}.success-circle{color:#60d889;background:#22c55e17;border:1px solid #22c55e2e;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin:auto auto 12px;font-size:19px;display:flex}.created-user h3{font-size:15px}.created-user p,.created-user small{color:#718392;font-size:11px}.created-user code{color:#74d7c5;overflow-wrap:anywhere;background:#0b1219;border:1px solid #24313d;border-radius:9px;margin:12px 0;padding:12px;display:block}@media (width<=950px){.workspace{grid-template-columns:70px 1fr}.sidebar{align-items:center;width:70px;padding-left:9px;padding-right:9px}.brand-desktop,.nav-item>span:last-child{display:none}.sidebar-brand{justify-content:center;padding:0}.nav-item{justify-content:center;width:44px;padding:0}.nav-icon{width:auto}.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.user-chip-copy{display:none}}@media (width<=650px){.workspace{padding-bottom:72px;display:block}.sidebar{display:none}.main-shell{width:100%}.app-header{min-height:58px;padding:9px 14px}.header-title span{display:none}.header-title h2{font-size:15px}.header-create,.signout-button,.notification-button{display:none}.page-content{padding:17px 13px 20px}.welcome-strip{flex-direction:column;align-items:flex-start;margin-bottom:14px}.welcome-strip h1{font-size:20px}.quick-buttons{width:100%}.quick-buttons button{flex:1}.stats-grid{gap:8px}.stat-card{min-height:96px;padding:13px}.stat-number{font-size:25px}.panel{border-radius:11px;padding:14px}.task-row{grid-template-columns:8px 1fr auto;gap:8px}.task-assignee{display:none}.team-table-row{grid-template-columns:32px 1fr auto}.role-tag{display:none}.site-grid{grid-template-columns:1fr}.floating-create{display:none}.mobile-nav{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0e161ef5;border:1px solid #26333f;border-radius:17px;grid-template-columns:repeat(5,1fr);align-items:center;min-height:58px;padding:5px 7px;display:grid;position:fixed;bottom:10px;left:10px;right:10px;box-shadow:0 12px 40px #00000061}.mobile-nav button{color:#718392;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;padding:5px 2px;font-size:9px;display:flex}.mobile-nav button span{font-size:15px}.mobile-nav button.active{color:#78aaff}.mobile-nav .mobile-main{color:#fff;background:#2563eb;border-radius:50%;justify-self:center;width:42px;height:42px;font-size:23px;box-shadow:0 7px 22px #2563eb47}.form-two{grid-template-columns:1fr}.modal-overlay{align-items:flex-end;padding:10px}.modal-window{border-radius:17px;width:100%;max-height:88vh}}.user-avatar{cursor:pointer;border:0}.password-gate{background:radial-gradient(circle at 75% 10%,#2563eb24,#0000 32%),#0b1118;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.password-window{background:#111922;border:1px solid #25323e;border-radius:18px;width:430px;max-width:100%;padding:28px;box-shadow:0 28px 90px #00000075}.password-brand{align-items:center;gap:12px;margin-bottom:28px;display:flex}.password-brand>div:last-child{flex-direction:column;display:flex}.password-brand strong{font-size:14px}.password-brand span{color:#718392;margin-top:2px;font-size:10px}.security-badge{color:#7fb2ff;text-transform:uppercase;letter-spacing:.7px;background:#2563eb14;border:1px solid #3b82f629;border-radius:999px;margin-bottom:12px;padding:5px 9px;font-size:10px;font-weight:700;display:inline-flex}.password-window h1{margin-bottom:7px;font-size:23px}.password-window>p{color:#8091a0;margin-bottom:20px;font-size:12px;line-height:1.55}.password-form{max-width:470px}.password-rules{color:#657888;margin-top:6px;font-size:10px;line-height:1.5}.password-submit{width:100%;margin-top:18px}.password-signout{color:#687b8b;background:0 0;border:0;width:100%;margin-top:11px;padding:8px;font-size:11px}.form-success{color:#71d995;background:#22c55e12;border:1px solid #22c55e29;border-radius:9px;margin-top:14px;padding:10px 12px;font-size:12px}.account-layout{grid-template-columns:minmax(250px,.7fr) minmax(340px,1.3fr);gap:14px;display:grid}.account-summary{align-items:flex-start;gap:15px;display:flex}.account-avatar{color:#fff;background:linear-gradient(135deg,#334155,#2563eb);border-radius:14px;flex:none;justify-content:center;align-items:center;width:50px;height:50px;font-size:17px;font-weight:750;display:flex}.account-summary h2{margin-bottom:4px;font-size:17px}.account-summary p{color:#718392;margin-bottom:10px;font-size:11px}.account-security{min-height:330px}@media (width<=720px){.account-layout{grid-template-columns:1fr}.password-window{padding:22px}}.editable-record{cursor:pointer;transition:background .16s,border-color .16s,transform .16s}.editable-record:hover{background-color:#14202a}.editable-record:focus-visible{outline-offset:2px;outline:2px solid #3977e9}.site-card.editable-record:hover{border-color:#33485a;transform:translateY(-1px)}.inactive-label,.locked-label{border-radius:999px;align-items:center;width:max-content;padding:4px 7px;font-size:10px;font-weight:650;display:inline-flex}.inactive-label{color:#94a3b8;background:#94a3b812;border:1px solid #94a3b824}.locked-label{color:#f6b4b4;background:#ef444412;border:1px solid #ef444426}.editor-overlay{z-index:200;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#03080d9e;justify-content:flex-end;display:flex;position:fixed;inset:0}.editor-window{background:#101820;border-left:1px solid #2a3743;width:min(520px,100%);height:100%;animation:.18s ease-out editorSlide;overflow-y:auto;box-shadow:-24px 0 70px #0000006b}@keyframes editorSlide{0%{opacity:.5;transform:translate(28px)}to{opacity:1;transform:translate(0)}}.editor-header{z-index:2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#101820f5;border-bottom:1px solid #24313c;justify-content:space-between;align-items:center;gap:16px;min-height:76px;padding:17px 20px;display:flex;position:sticky;top:0}.editor-header span{color:#718392;text-transform:uppercase;letter-spacing:1px;font-size:10px}.editor-header h2{margin:3px 0 0;font-size:18px}.editor-header button{color:#98a8b5;background:#151f29;border:1px solid #2d3b47;border-radius:9px;width:34px;height:34px;font-size:21px}.editor-body{padding:20px}.editor-section-title{color:#8294a3;text-transform:uppercase;letter-spacing:1px;margin:5px 0 12px;font-size:10px;font-weight:750}.editor-save{width:100%;margin-top:19px}.editor-divider{background:#22303b;height:1px;margin:24px 0}.editor-action-grid{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.editor-action{text-align:left;color:#d7e1e8;background:#141e27;border:1px solid #293845;border-radius:11px;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;min-height:82px;padding:13px;display:flex}.editor-action:hover{background:#17232d;border-color:#385064}.editor-action strong{font-size:12px}.editor-action span{color:#718493;font-size:10px;line-height:1.35}.temporary-password{background:#14b8a60f;border:1px solid #14b8a62b;border-radius:11px;margin-top:16px;padding:15px}.temporary-password>span{color:#6a9d96;letter-spacing:1px;margin-bottom:8px;font-size:9px;font-weight:750;display:block}.temporary-password code{overflow-wrap:anywhere;color:#62d5c5;font-size:14px;display:block}.temporary-password p{color:#70858c;margin:9px 0 0;font-size:10px;line-height:1.45}.editor-danger-zone{background:#ef44440b;border:1px solid #ef444424;border-radius:11px;justify-content:space-between;align-items:center;gap:15px;margin-top:24px;padding:14px;display:flex}.editor-danger-zone>div{flex-direction:column;display:flex}.editor-danger-zone strong{color:#e8b4b4;font-size:11px}.editor-danger-zone span{color:#8a6c70;margin-top:3px;font-size:9px}.editor-danger-zone button,.editor-cancel-task{color:#f3a6a6;background:#ef444412;border:1px solid #ef444438;border-radius:8px;padding:8px 12px;font-size:11px;font-weight:700}.editor-toggle{align-items:center;gap:9px;margin-top:16px;display:flex}.editor-toggle input{width:17px;height:17px;margin:0}.editor-toggle span{font-size:12px}.editor-task-status{background:#0d151d;border:1px solid #22303b;border-radius:9px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:11px 13px;display:flex}.editor-task-status span{color:#708291;font-size:10px}.editor-task-status strong{color:#89b5f9;font-size:11px}.editor-task-actions{justify-content:flex-end;align-items:center;gap:9px;margin-top:19px;display:flex}.editor-locked-record{color:#8293a0;background:#131c24;border:1px solid #26333e;border-radius:9px;margin-top:15px;padding:11px;font-size:10px;line-height:1.5}.editor-info-row{border-bottom:1px solid #202c36;justify-content:space-between;align-items:center;gap:20px;min-height:49px;display:flex}.editor-info-row span{color:#738594;font-size:11px}.editor-info-row strong{text-align:right;font-size:11px}@media (width<=650px){.editor-window{width:100%}.editor-action-grid{grid-template-columns:1fr}}