:root{color-scheme:dark;--navy:#07182d;--navy-2:#0b2440;--panel:rgba(15,41,69,.76);--line:rgba(170,207,237,.16);--text:#f5f8fc;--muted:#9fb1c5;--orange:#ff7a2f;--orange-2:#ff9a5f;--green:#55d6a0;--red:#ff7c80;--shadow:0 22px 70px rgba(0,7,20,.42);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 10%,#123d65 0,transparent 32%),radial-gradient(circle at 88% 78%,#202745 0,transparent 30%),linear-gradient(145deg,#061526,#081d34 55%,#071426);color:var(--text);overflow-x:hidden}.ambient{position:fixed;width:36rem;height:36rem;border-radius:50%;filter:blur(100px);opacity:.13;pointer-events:none}.ambient-one{background:#ff762d;right:-18rem;top:-16rem}.ambient-two{background:#2ba6ff;left:-20rem;bottom:-17rem}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,76px);border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;letter-spacing:.08em}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,var(--orange-2),var(--orange));font-size:24px;font-weight:900;box-shadow:0 10px 30px rgba(255,122,47,.3)}.brand strong,.brand small{display:block}.brand strong{font-size:18px}.brand small{font-size:10px;color:var(--muted);letter-spacing:.32em;margin-top:2px}.session{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:14px}main{width:min(1440px,100%);margin:auto;padding:clamp(28px,5vw,70px)}.login-shell{min-height:calc(100vh - 180px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.7fr);gap:clamp(45px,8vw,130px);align-items:center}.hero-copy{max-width:720px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.22em;color:var(--orange-2)}h1,h2,p{margin-top:0}.hero-copy h1{font-size:clamp(45px,6.4vw,88px);line-height:.98;letter-spacing:-.055em;margin:20px 0 28px}.hero-copy h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.5)}.hero-copy>p{max-width:610px;color:var(--muted);font-size:18px;line-height:1.7}.trust-row{display:flex;gap:24px;color:#c8d6e5;font-size:13px;margin-top:34px}.trust-row span:before{content:"✓";color:var(--green);margin-right:8px}.glass{background:linear-gradient(145deg,rgba(19,51,82,.82),rgba(10,29,51,.72));border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.login-card{padding:clamp(28px,4vw,48px);border-radius:30px;display:grid;gap:22px}.login-card h2,.panel h2,.dialog-card h2{margin:9px 0 7px;font-size:25px;letter-spacing:-.03em}.muted{color:var(--muted)}label{display:grid;gap:8px;font-size:13px;font-weight:700;color:#cbd8e5}input,select{width:100%;min-height:52px;border-radius:14px;border:1px solid rgba(186,214,238,.18);background:rgba(3,17,31,.6);color:var(--text);padding:0 15px;font:inherit;font-size:16px;outline:none}input:focus,select:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,122,47,.13)}label small{font-weight:400;color:var(--muted)}.button{min-height:48px;border:0;border-radius:14px;padding:0 19px;color:white;font-weight:800;cursor:pointer;transition:transform .16s,filter .16s,background .16s}.button:hover{transform:translateY(-1px);filter:brightness(1.08)}.button:disabled{opacity:.55;cursor:wait;transform:none}.primary{background:linear-gradient(135deg,var(--orange-2),var(--orange));box-shadow:0 12px 28px rgba(255,112,38,.24)}.secondary{background:#153a60;border:1px solid var(--line)}.ghost{background:rgba(255,255,255,.06);border:1px solid var(--line)}.compact{min-height:40px;padding:0 14px;font-size:12px}.fineprint{margin:0;text-align:center;color:#7f94aa;font-size:11px}.notice{border-radius:13px;padding:12px 14px;margin:0;background:rgba(75,172,255,.1);color:#bfe2ff;font-size:13px}.notice.error{background:rgba(255,96,102,.11);color:#ffb9bc}.dashboard{display:grid;gap:28px}.welcome{display:flex;align-items:end;justify-content:space-between;gap:20px}.welcome h1{margin:8px 0 6px;font-size:clamp(34px,4vw,54px);letter-spacing:-.045em}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat{border-radius:22px;padding:22px;display:grid;gap:9px}.stat span,.stat small{color:var(--muted);font-size:12px}.stat strong{font-size:34px;letter-spacing:-.04em}.stat.status strong{font-size:19px;color:var(--green)}.content-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(310px,.8fr);gap:20px}.panel{border-radius:26px;padding:24px;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:700px}th{text-align:left;color:#7890a8;font-size:10px;letter-spacing:.15em;text-transform:uppercase;padding:12px 10px;border-bottom:1px solid var(--line)}td{padding:16px 10px;border-bottom:1px solid rgba(170,207,237,.1);font-size:13px}.person{display:flex;align-items:center;gap:11px}.avatar{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#1d527e,#123552);color:#d8ebfa;font-weight:900}.person strong,.person small{display:block}.person small{color:var(--muted);margin-top:3px}.badge{display:inline-flex;align-items:center;min-height:27px;border-radius:999px;padding:0 10px;font-size:10px;font-weight:900;letter-spacing:.06em}.badge.active{background:rgba(85,214,160,.12);color:var(--green)}.badge.suspended{background:rgba(255,188,83,.12);color:#ffc76d}.actions{display:flex;gap:7px}.action-button{min-height:34px;border:1px solid var(--line);background:rgba(255,255,255,.045);color:#dbe8f4;border-radius:10px;padding:0 10px;cursor:pointer;font-weight:700}.action-button.danger{color:#ffb0b3}.location-list{display:grid;gap:10px}.location{padding:15px;border:1px solid var(--line);border-radius:16px;background:rgba(3,17,31,.26)}.location strong{display:block;font-size:14px}.location span{display:block;color:var(--muted);font-size:12px;margin-top:5px}.location a{color:var(--orange-2);font-size:12px;text-decoration:none;display:inline-block;margin-top:8px}.empty{padding:30px 12px;text-align:center;color:var(--muted);font-size:13px}dialog{width:min(680px,calc(100% - 28px));padding:0;border:1px solid var(--line);border-radius:28px;background:#0a2037;color:var(--text);box-shadow:0 40px 100px rgba(0,0,0,.6)}dialog::backdrop{background:rgba(0,8,19,.74);backdrop-filter:blur(8px)}.dialog-card{padding:28px}.dialog-head{display:flex;align-items:start;justify-content:space-between}.icon-button{border:0;background:rgba(255,255,255,.07);color:white;border-radius:12px;width:42px;height:42px;font-size:25px;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.wide{grid-column:1/-1}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.hidden{display:none!important}
@media(max-width:980px){.login-shell{grid-template-columns:1fr;max-width:720px;margin:auto}.hero-copy{padding-top:30px}.stat-grid{grid-template-columns:1fr 1fr}.content-grid{grid-template-columns:1fr}.hero-copy h1{font-size:54px}}
@media(max-width:620px){.topbar{height:72px;padding:0 17px}.session #adminName{display:none}main{padding:25px 15px}.hero-copy h1{font-size:42px}.hero-copy>p{font-size:16px}.trust-row{display:grid;gap:10px}.welcome{align-items:start;flex-direction:column}.welcome .button{width:100%}.stat-grid{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:17px}.stat strong{font-size:27px}.panel{padding:17px}.panel-head{align-items:start;flex-direction:column}.panel-head .button{width:100%}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.dialog-actions .button{flex:1}}
.field-panel{overflow:hidden}.workers-map{height:360px;position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:#dce8ef;margin-bottom:12px}.workers-map iframe{border:0;width:100%;height:100%;filter:saturate(.82) contrast(.94)}.map-pins{position:absolute;inset:0;pointer-events:none}.worker-pin{position:absolute;transform:translate(-50%,-100%);display:flex;align-items:center;gap:6px;padding:6px 9px;border:3px solid white;border-radius:999px;color:white;font-size:11px;font-weight:900;box-shadow:0 7px 20px #001a;white-space:nowrap}.worker-pin.technician{background:var(--orange)}.worker-pin.salesperson{background:#168bd2}.worker-pin.hybrid{background:#8c5bd7}.worker-pin:after{content:"";position:absolute;left:50%;bottom:-9px;transform:translateX(-50%);border:5px solid transparent;border-top-color:white}.map-legend{display:flex;gap:13px;flex-wrap:wrap;color:var(--muted);font-size:11px;margin:8px 2px 15px}.map-legend span{display:flex;align-items:center;gap:5px}.map-legend i{width:9px;height:9px;border-radius:50%}.map-legend .technician{background:var(--orange)}.map-legend .salesperson{background:#168bd2}.map-legend .hybrid{background:#8c5bd7}.live-dot{color:var(--green);font-size:10px;font-weight:900;letter-spacing:.1em}.location .role{color:#cfe5f7}.location .eta{color:white;font-size:15px;font-weight:800;margin-top:8px}
.role-picker{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:12px;background:rgba(2,15,29,.48)}.role-choice{min-height:32px;border:0;border-radius:8px;padding:0 10px;background:transparent;color:var(--muted);font-size:11px;font-weight:800;cursor:pointer;white-space:nowrap}.role-choice:hover{color:white;background:rgba(255,255,255,.06)}.role-choice.selected{color:white;background:linear-gradient(135deg,#1d5b8b,#17436a);box-shadow:0 5px 14px #0018}.admin-role{display:inline-flex;padding:7px 10px;border-radius:9px;background:rgba(75,172,255,.1);color:#bfe2ff;font-size:11px;font-weight:800}.actions{flex-wrap:wrap}.reset-password-action{color:#bfe2ff}
@media(max-width:760px){table{min-width:0}thead{display:none}tbody{display:grid;gap:13px}tr{display:grid;padding:16px;border:1px solid var(--line);border-radius:17px;background:rgba(3,17,31,.3)}td{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:10px;padding:9px 0;border:0}td:before{content:attr(data-label);color:#7890a8;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.person{min-width:0}.person>span:last-child{min-width:0}.person small{overflow-wrap:anywhere}.role-picker{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.role-choice{padding:0 5px}.actions{display:grid;grid-template-columns:1fr 1fr}.actions .danger{grid-column:1/-1}}
.history-head{align-items:end;flex-wrap:wrap}.history-head p{margin:6px 0 0}.history-filters{display:flex;gap:9px;align-items:end;flex-wrap:wrap}.history-filters label{min-width:145px}.history-filters input{min-height:40px}.history-list{display:grid;gap:11px}.history-item{border:1px solid var(--line);border-radius:17px;background:rgba(3,17,31,.3);overflow:hidden}.history-item summary{list-style:none;cursor:pointer;padding:16px;display:grid;grid-template-columns:minmax(150px,.75fr) minmax(180px,1.2fr) auto;gap:14px;align-items:center}.history-item summary::-webkit-details-marker{display:none}.history-time strong,.history-main strong{display:block}.history-time small,.history-main small{display:block;color:var(--muted);margin-top:4px}.history-detail{border-top:1px solid var(--line);padding:17px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.history-detail div{min-width:0}.history-detail span{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}.history-detail p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.5}.result-badge{justify-self:end}.result-badge.planned{background:#173f66;color:#bfe2ff}.result-badge.completed{background:rgba(85,214,160,.12);color:var(--green)}.result-badge.cannotComplete,.result-badge.customerDeclined,.result-badge.cancelled{background:rgba(255,96,102,.12);color:#ffb9bc}
@media(max-width:760px){.history-item summary{grid-template-columns:1fr auto}.history-main{grid-column:1/-1;grid-row:2}.history-detail{grid-template-columns:1fr}.history-filters{width:100%}.history-filters label{flex:1}.history-filters button{width:100%}}
.platform-grid{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);gap:20px}.inline-form{display:grid;grid-template-columns:1fr 1.4fr auto;align-items:end;gap:10px;margin-bottom:18px}.compact-list,.material-list,.export-list{display:grid;gap:10px}.compact-card,.material-card,.export-card{border:1px solid var(--line);border-radius:16px;background:rgba(3,17,31,.3);padding:15px}.compact-card{display:flex;align-items:center;justify-content:space-between;gap:12px}.compact-card small,.material-card small,.export-card small{display:block;color:var(--muted);margin-top:4px}.filter-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.filter-row select{min-height:42px;font-size:14px}.material-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}.material-card h3{font-size:16px;margin:0 0 5px}.material-meta{color:var(--muted);font-size:12px;line-height:1.6}.material-card select{min-height:38px;font-size:13px}.export-list{margin-top:18px}.export-card{border-color:rgba(85,214,160,.24)}.export-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.export-actions .action-button{color:#bfffe4}.wide-dialog{width:min(940px,calc(100% - 28px))}.settings-sections{display:grid;gap:16px;margin-top:20px}.settings-sections fieldset{border:1px solid var(--line);border-radius:18px;padding:18px}.settings-sections legend{color:var(--orange-2);font-size:12px;font-weight:900;letter-spacing:.09em;padding:0 8px}.region-assignment-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.region-assignment{display:grid;grid-template-columns:auto 1fr 100px;align-items:center;gap:9px;padding:10px;border:1px solid var(--line);border-radius:13px}.region-assignment input[type=checkbox]{width:22px;min-height:22px}.region-assignment input[type=number]{min-height:39px;font-size:14px}.settings-action{color:#ffcfad}
@media(max-width:980px){.platform-grid{grid-template-columns:1fr}.inline-form{grid-template-columns:1fr 1fr}.inline-form .button{grid-column:1/-1}.filter-row{grid-template-columns:1fr 1fr}.region-assignment-list{grid-template-columns:1fr}}
@media(max-width:620px){.inline-form,.filter-row{grid-template-columns:1fr}.inline-form .button{grid-column:auto}.material-card{grid-template-columns:1fr}.settings-sections fieldset{padding:13px}}
.soft-rule{height:1px;border:0;background:var(--line);margin:25px 0}.platform-grid h2{margin:8px 0 17px}
.dashboard-nav{position:sticky;top:10px;z-index:8;display:flex;gap:7px;padding:8px;border-radius:18px;overflow-x:auto}.nav-choice{min-height:43px;border:0;border-radius:12px;padding:0 18px;background:transparent;color:var(--muted);font:inherit;font-size:14px;font-weight:800;cursor:pointer;white-space:nowrap}.nav-choice.selected{color:white;background:linear-gradient(135deg,#1d5b8b,#17436a);box-shadow:0 7px 18px #0018}.platform-grid>section:not(.hidden){grid-column:1/-1}.reward-grand-total{font-size:26px;color:var(--green);white-space:nowrap}.reward-list{display:grid;gap:11px}.reward-card{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(260px,1.4fr) auto;gap:18px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:17px;background:rgba(3,17,31,.3)}.reward-person{display:flex;align-items:center;gap:11px}.reward-person small{display:block;color:var(--muted);margin-top:3px}.reward-breakdown{display:flex;gap:8px;flex-wrap:wrap}.reward-breakdown span{padding:7px 9px;border-radius:10px;background:rgba(255,255,255,.05);color:var(--muted);font-size:11px}.reward-breakdown strong{display:block;color:white;margin-top:3px}.reward-total{font-size:19px;color:var(--green);white-space:nowrap}.region-form{grid-template-columns:1fr 1.4fr 1.4fr auto}
@media(max-width:760px){.dashboard-nav{top:5px;margin-inline:-5px}.reward-card{grid-template-columns:1fr}.reward-total{font-size:22px}.region-form{grid-template-columns:1fr}.region-form .button{grid-column:auto}}
.payout-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:16px}.payout-overview>div{padding:16px;border:1px solid var(--line);border-radius:16px;background:rgba(3,17,31,.3)}.payout-overview span{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.payout-overview strong{font-size:22px}.payout-overview .waiting{color:#ffc76d}.payout-overview .paid{color:var(--green)}.reward-filters{grid-template-columns:repeat(2,minmax(180px,280px))}.reward-payment{display:grid;justify-items:end;gap:5px;min-width:180px}.reward-payment small{color:var(--muted);font-size:11px}.reward-payment strong{color:#ffc76d;font-size:17px}.payout-badge{display:inline-flex;margin-top:7px;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900}.payout-badge.waiting{background:rgba(255,188,83,.12);color:#ffc76d}.payout-badge.paid{background:rgba(85,214,160,.12);color:var(--green)}.payout-history{margin-top:20px;border-top:1px solid var(--line);padding-top:16px}.payout-history>summary{cursor:pointer;color:#cfe5f7;font-weight:800}.payout-history .compact-list{margin-top:13px}.payout-history-row>strong{color:var(--green)}
@media(max-width:760px){.payout-overview{grid-template-columns:1fr}.reward-filters{grid-template-columns:1fr}.reward-payment{justify-items:start}.reward-payment .button{width:100%}}
.reward-job-list{grid-column:1/-1;display:grid;border-top:1px solid var(--line);padding-top:12px}.reward-job-head,.reward-job-row{display:grid;grid-template-columns:120px minmax(220px,1fr) 130px;gap:12px;align-items:center;padding:9px 11px}.reward-job-head{color:var(--muted);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.reward-job-row{border-top:1px solid rgba(255,255,255,.06);border-radius:10px}.reward-job-row.travel{background:rgba(47,153,255,.08)}.reward-job-row span:nth-child(2){display:grid;gap:3px}.reward-job-row small{color:var(--muted)}.reward-job-row>strong:last-child{color:var(--green);text-align:right}.reward-job-empty{padding:14px;color:var(--muted)}
@media(max-width:760px){.reward-job-head{display:none}.reward-job-row{grid-template-columns:1fr auto}.reward-job-row>span:first-child{grid-column:1/-1;color:var(--muted);font-size:11px}.reward-job-row>strong:last-child{grid-column:2;grid-row:2}}
.chat-compose .chat-recipients{grid-column:1/-1;border:1px solid var(--line);border-radius:16px;padding:14px;margin:0}.chat-recipients legend{color:var(--orange-2);font-size:12px;font-weight:900;padding:0 7px}.chat-recipients>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px}.chat-recipient{display:flex;grid-template-columns:none;align-items:center;gap:9px;padding:10px 12px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.035);cursor:pointer}.chat-recipient input{width:20px;min-height:20px;accent-color:var(--orange)}.chat-recipient span,.chat-recipient small{display:block}.chat-recipient small{color:var(--muted);font-weight:400;margin-top:2px}.chat-recipients>small{display:block;color:var(--muted);margin-top:9px}.message-worker{margin-top:10px;color:#bfe2ff}