:root{--bg:#f4f6f8;--panel:#fff;--text:#17202a;--muted:#667085;--line:#e4e7ec;--primary:#24c875;--nav:#111827;--danger:#d92d20;--radius:20px;--shadow:0 12px 32px #10182812}*{box-sizing:border-box}html{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text)}body{margin:0;min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.topbar{position:fixed;z-index:1000;inset:0 0 auto;height:68px;background:var(--nav);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.brand{display:flex;align-items:center;gap:11px;font-weight:800}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:var(--primary);color:#073f27}.theme-toggle{border:0;background:#ffffff16;color:white;width:40px;height:40px;border-radius:12px}.sidebar{position:fixed;z-index:900;top:68px;bottom:0;left:0;width:220px;background:var(--nav);color:#d0d5dd;padding:24px 14px;display:flex;flex-direction:column;gap:8px}.sidebar a,.sidebar button{display:flex;gap:12px;align-items:center;width:100%;border:0;background:transparent;color:inherit;padding:13px 14px;border-radius:12px}.sidebar form{margin-top:auto}.app-shell{max-width:1320px;margin:auto;padding:100px 34px 60px 254px}.auth-shell{padding:100px 20px 50px;display:grid;place-items:center;min-height:100vh;background:radial-gradient(circle at 15% 10%,#baf7d5,transparent 30%),var(--bg)}h1{font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.045em;margin:.2em 0}h2{letter-spacing:-.03em}p{color:var(--muted);line-height:1.55}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:#109958;font-size:.75rem;font-weight:800}.auth-card,.panel,.hero-card,.metric-card,.stats-grid article{background:var(--panel);padding:30px;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.auth-card{width:min(100%,440px)}.auth-card.wide{width:min(100%,720px)}.stack{display:grid;gap:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.span-2{grid-column:1/-1}label{display:grid;gap:7px;font-size:.88rem;font-weight:700}input,select,textarea{width:100%;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:12px;padding:13px 14px}textarea{min-height:100px}.check{display:flex;grid-template-columns:auto 1fr;align-items:center;font-weight:500}.check input{width:18px}.center{text-align:center}.muted{color:var(--muted);font-size:.9rem}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;padding:12px 18px;border-radius:12px;font-weight:800;cursor:pointer;min-height:44px}.btn.primary{background:var(--primary);color:#073c25}.btn.secondary{background:#e8f9f0;color:#087545}.btn.ghost{background:transparent;border:1px solid var(--line)}.btn.danger{background:#fff0ee;color:var(--danger)}.alert,.notice{padding:14px 18px;border-radius:14px;margin-bottom:18px}.alert.success{background:#e7f8ef;color:#087545}.alert.error{background:#ffebe9;color:#9e1b13}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}.page-head p{margin:0}.quick-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:36px}.hero-card{background:linear-gradient(135deg,#101a27,#123c2b);color:white}.hero-card p{color:#c9d6cf}.hero-card a{color:#77eca9;font-weight:800}.pill,.status{display:inline-block;font-size:.72rem;font-weight:800;text-transform:uppercase;padding:6px 9px;border-radius:99px;background:#eef2f6;color:#475467}.metric-card{display:flex;flex-direction:column}.metric-card strong{font-size:3.5rem}.card-list{display:grid;gap:12px}.order-card{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--panel);border:1px solid var(--line);padding:20px 22px;border-radius:16px}.order-card h3{margin:10px 0 2px}.order-card p{margin:0}.order-price{text-align:right;display:grid;gap:10px}.status.confirmed,.status.searching_driver,.status.offered,.status.pending{background:#fff5d6;color:#8b5d00}.status.assigned,.status.to_pickup,.status.picked_up,.status.in_transit,.status.near_delivery,.status.accepted,.status.approved{background:#e4f0ff;color:#175cd3}.status.delivered,.status.completed,.status.active{background:#e4f9ee;color:#087545}.status.cancelled,.status.failed,.status.rejected,.status.suspended,.status.blocked{background:#ffebe9;color:#b42318}.empty{padding:50px;text-align:center;border:1px dashed #cbd5e1;border-radius:18px}.wizard{background:var(--panel);border-radius:24px;box-shadow:var(--shadow);overflow:hidden}.wizard-steps{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.wizard-steps span{padding:18px;text-align:center;color:var(--muted);font-size:.8rem}.wizard-steps span.active{color:#109958;box-shadow:inset 0 -3px var(--primary)}.wizard-pane{display:none;padding:30px}.wizard-pane.active{display:block}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.choice{padding:22px;border:1px solid var(--line);border-radius:16px}.choice:has(input:checked){border-color:var(--primary);background:#effcf5}.choice input{width:auto}.choice b,.choice span{display:block;margin-top:8px}.choice span{font-weight:400;color:var(--muted)}.wizard-actions{display:flex;justify-content:space-between;margin-top:28px}.split,.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.map{min-height:440px;border-radius:16px;background:#dfe8e4}.map.compact{min-height:290px}.stop-list{display:grid;gap:12px;margin-bottom:15px}.stop-editor{padding:16px;border:1px solid var(--line);border-radius:14px}.stop-editor header{display:flex;justify-content:space-between}.stop-editor .mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quote-card{min-height:200px;border:1px solid var(--line);border-radius:18px;padding:24px;display:grid;place-items:center}.quote-result{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quote-result div{padding:16px;background:var(--bg);border-radius:14px}.quote-result span,.quote-result strong{display:block}.quote-result .total{grid-column:1/-1;background:#e6f9ef}.progress-line{display:flex;overflow-x:auto;margin:20px 0 32px}.progress-dot{min-width:120px;flex:1;position:relative;text-align:center;color:var(--muted);font-size:.7rem}.progress-dot:before{content:"";position:absolute;height:3px;background:var(--line);left:0;right:0;top:7px}.progress-dot i{position:relative;z-index:1;display:block;width:16px;height:16px;background:var(--line);border-radius:50%;margin:0 auto 9px}.progress-dot.done:before,.progress-dot.done i{background:var(--primary)}.price-big{font-size:1.8rem;font-weight:850}.stop-row{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.stop-icon{width:30px;height:30px;display:grid;place-items:center;background:var(--nav);color:white;border-radius:10px}.timeline>div{position:relative;padding:0 0 22px 24px;border-left:2px solid var(--line)}.timeline i{position:absolute;left:-7px;width:12px;height:12px;border-radius:50%;background:var(--primary)}.timeline span,.rate-row small{display:block;color:var(--muted);font-size:.78rem}.availability{border:0;border-radius:99px;padding:14px 20px;font-weight:800}.availability.on{background:#d9f9e8;color:#087545}.inline-actions,.derive-form{display:flex;align-items:center;gap:8px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.stats-grid article{display:grid;gap:7px}.stats-grid strong{font-size:2rem}.stats-grid .accent{background:var(--nav);color:white}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:14px;border-bottom:1px solid var(--line)}.rate-row{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line)}.spinner{width:35px;height:35px;border:3px solid var(--line);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}html[data-theme=dark]{--bg:#0e1520;--panel:#17202d;--text:#f3f5f7;--muted:#98a2b3;--line:#293546;--nav:#080d14;--shadow:none}.leaflet-container{color:#17202a}@media(max-width:900px){.sidebar{top:auto;bottom:0;right:0;width:auto;height:68px;flex-direction:row;justify-content:space-around;padding:7px}.sidebar a,.sidebar button{display:grid;place-items:center;padding:5px 13px;font-size:.7rem}.sidebar form{margin:0}.app-shell{padding:92px 18px 95px}.quick-grid,.detail-grid,.split{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.auth-card{padding:24px}.form-grid,.choice-grid,.quote-result{grid-template-columns:1fr}.span-2{grid-column:auto}.page-head{align-items:flex-start;flex-direction:column}.wizard-steps span{font-size:0;padding:15px}.wizard-steps span:before{content:'•';font-size:1rem}.wizard-pane{padding:20px}.stats-grid{grid-template-columns:1fr}.order-card{align-items:flex-start;flex-direction:column}.order-price{text-align:left}.stop-editor .mini-grid{grid-template-columns:1fr}}

.filter-bar{display:grid;grid-template-columns:minmax(220px,2fr) minmax(150px,1fr) minmax(150px,1fr) auto auto;gap:12px;align-items:end;margin-bottom:24px}.filter-search{min-width:220px}.client-name{display:grid;gap:4px;min-width:170px}.client-name small{color:var(--muted)}.role-badge{display:inline-block;padding:6px 9px;border-radius:99px;background:#f2f4f7;color:#475467;font-size:.75rem;font-weight:750}html[data-theme=dark] .role-badge{background:#293546;color:#d0d5dd}@media(max-width:900px){.filter-bar{grid-template-columns:1fr 1fr}.filter-search{grid-column:1/-1}}@media(max-width:620px){.filter-bar{grid-template-columns:1fr}.filter-search{grid-column:auto}}.btn:disabled{opacity:.65;cursor:wait}.admin-customer-picker{padding:20px;border-bottom:1px solid var(--line);background:var(--bg)}.profile-grid{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(420px,1.15fr);gap:20px;align-items:start}.profile-map-panel{position:sticky;top:92px}.profile-map-panel .map{min-height:620px}@media(max-width:900px){.profile-grid{grid-template-columns:1fr}.profile-map-panel{position:static}.profile-map-panel .map{min-height:380px}}.route-status{display:flex;align-items:center;gap:8px;margin:10px 0 16px}.route-status:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--primary);flex:none}
.location-actions{display:flex;flex-wrap:wrap;gap:8px}.location-actions .btn{flex:1 1 150px}.location-hint{margin:0;align-self:center}
.location-hint.confirmed{color:#087545;font-weight:800}.stop-editor.location-confirmed{border-color:#24c875;box-shadow:0 0 0 2px #24c87520}.cancel-box{padding:18px;border:1px solid #fda29b;border-radius:16px;background:#fff7f6}.cancel-box p{margin:4px 0 0}.cancel-box textarea{min-height:72px}html[data-theme=dark] .cancel-box{background:#291918;border-color:#7a271a}
.driver-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.driver-tabs a{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px;border:1px solid var(--line);border-radius:14px;background:var(--panel);font-weight:800}.driver-tabs a b{display:grid;place-items:center;min-width:26px;height:26px;border-radius:99px;background:var(--bg);font-size:.8rem}.driver-tabs a.active{border-color:var(--primary);background:#e8f9f0;color:#087545}.driver-rating{color:#8b5d00;font-weight:800;max-width:280px}.rating-box{padding:18px;border:1px solid #a6f4c5;border-radius:16px;background:#effcf5}.rating-box p{margin:4px 0 0}.rating-options{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.rating-options label{display:block}.rating-options input{position:absolute;opacity:0;pointer-events:none}.rating-options span{display:block;text-align:center;padding:11px 6px;border:1px solid var(--line);border-radius:11px;background:var(--panel);cursor:pointer}.rating-options input:checked+span{border-color:#f5b700;background:#fff5d6;color:#8b5d00;font-weight:900}.rating-saved{color:#087545}html[data-theme=dark] .driver-tabs a.active,html[data-theme=dark] .rating-box{background:#123224}@media(max-width:620px){.driver-tabs{gap:6px}.driver-tabs a{display:grid;gap:4px;padding:11px 5px;font-size:.75rem}.driver-tabs a b{margin:auto}.rating-options{grid-template-columns:repeat(5,1fr)}.derive-form{align-items:stretch;flex-direction:column}}
.account-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:24px}.account-summary article{display:grid;gap:8px;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:var(--shadow)}.account-summary strong{font-size:1.6rem}.account-summary small{color:var(--muted)}.account-summary .pending{border-color:#fda29b;background:#fff7f6}.account-summary .net{border-color:#a6f4c5;background:#effcf5}.assigned-driver-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 20px;margin:-10px 0 24px;border:1px solid #a6f4c5;border-radius:16px;background:#effcf5}.assigned-driver-banner div,.assigned-driver-banner a{display:grid;gap:3px}.assigned-driver-banner span{font-size:.75rem;color:var(--muted);text-transform:uppercase;font-weight:800}.assigned-driver-banner a{color:#087545}.table-actions{display:flex;align-items:center;gap:7px}.table-actions form{margin:0}.status.charged{background:#e4f9ee;color:#087545}.status.waived{background:#eef2f6;color:#475467}.empty-row{text-align:center;color:var(--muted);padding:30px}html[data-theme=dark] .account-summary .pending{background:#291918}html[data-theme=dark] .account-summary .net,html[data-theme=dark] .assigned-driver-banner{background:#123224}@media(max-width:1050px){.account-summary{grid-template-columns:1fr 1fr}}@media(max-width:620px){.account-summary{grid-template-columns:1fr}.assigned-driver-banner{align-items:flex-start;flex-direction:column}.table-actions{align-items:stretch;flex-direction:column}.table-actions .btn{width:100%}}
.commission-summary{display:grid;grid-template-columns:repeat(5,minmax(170px,1fr));gap:15px;margin-bottom:24px}.commission-summary article{display:grid;gap:7px;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:var(--shadow)}.commission-summary strong{font-size:1.55rem}.commission-summary small{color:var(--muted)}.commission-summary .pending{border-color:#fda29b;background:#fff7f6}.commission-summary .paid{border-color:#a6f4c5;background:#effcf5}.commission-filters{display:grid;grid-template-columns:minmax(240px,2fr) minmax(160px,1fr) auto auto;gap:12px;align-items:end;margin-bottom:24px}.commission-action{display:flex;align-items:center;gap:8px;min-width:250px}.commission-action select{min-width:120px}.page-actions{display:flex;flex-wrap:wrap;gap:9px}html[data-theme=dark] .commission-summary .pending{background:#291918}html[data-theme=dark] .commission-summary .paid{background:#123224}@media(max-width:1150px){.commission-summary{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.commission-summary{grid-template-columns:1fr 1fr}.commission-filters{grid-template-columns:1fr 1fr}.commission-filters .filter-search{grid-column:1/-1}.commission-action{min-width:210px;align-items:stretch;flex-direction:column}}@media(max-width:620px){.commission-summary,.commission-filters{grid-template-columns:1fr}.commission-filters .filter-search{grid-column:auto}.page-actions{width:100%}.page-actions .btn{flex:1 1 180px}}.admin-stats{grid-template-columns:repeat(5,minmax(150px,1fr))}@media(max-width:1150px){.admin-stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.admin-stats{grid-template-columns:1fr 1fr}}@media(max-width:620px){.admin-stats{grid-template-columns:1fr}}
.admin-record-form{max-width:900px;margin:0 auto}.form-actions{display:flex;justify-content:flex-end;gap:10px}.record-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:24px}.record-summary article{display:grid;gap:8px;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:var(--shadow)}.record-summary strong{font-size:1.45rem}.record-data{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin:0}.record-data div{padding:13px 0;border-bottom:1px solid var(--line)}.record-data dt{color:var(--muted);font-size:.76rem;font-weight:800;text-transform:uppercase}.record-data dd{margin:5px 0 0;font-weight:700;overflow-wrap:anywhere}.compact-record{display:grid;gap:4px;padding:14px;border:1px solid var(--line);border-radius:13px}.compact-record span,.compact-record small{color:var(--muted)}.status.available{background:#e4f9ee;color:#087545}.status.busy{background:#fff5d6;color:#8b5d00}.status.offline{background:#eef2f6;color:#475467}@media(max-width:900px){.record-summary{grid-template-columns:1fr 1fr}}@media(max-width:620px){.record-summary,.record-data{grid-template-columns:1fr}.form-actions{align-items:stretch;flex-direction:column-reverse}.form-actions .btn{width:100%}}.commission-rate-panel{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(420px,1.2fr);gap:28px;align-items:center;margin-bottom:24px}.commission-rate-panel h2{margin:.3em 0}.commission-rate-panel p{margin:0}.commission-rate-form{display:grid;grid-template-columns:minmax(170px,.55fr) minmax(280px,1.45fr) auto;gap:14px;align-items:end}.percentage-input{position:relative}.percentage-input input{padding-right:45px;font-size:1.15rem;font-weight:800}.percentage-input span{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-weight:900;color:var(--muted)}.recalculate-check{padding:12px 14px;min-height:50px;border:1px solid var(--line);border-radius:12px;background:var(--bg);font-size:.8rem}.recalculate-check span{line-height:1.35}@media(max-width:1000px){.commission-rate-panel{grid-template-columns:1fr}.commission-rate-form{grid-template-columns:1fr 1fr}.commission-rate-form .recalculate-check{grid-column:1/-1}}@media(max-width:620px){.commission-rate-form{grid-template-columns:1fr}.commission-rate-form .recalculate-check{grid-column:auto}}.dispatch-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:24px}.dispatch-overview article{display:grid;gap:7px;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:var(--shadow)}.dispatch-overview strong{font-size:1.65rem}.dispatch-overview small{color:var(--muted)}.dispatch-settings-panel{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(360px,1.2fr);gap:34px;align-items:start}.coverage-visual{position:relative;display:grid;place-items:center;aspect-ratio:1;max-width:280px;margin:0 auto 24px;border:2px dashed #24c875;border-radius:50%;background:radial-gradient(circle,#24c87522 0 30%,transparent 31%)}.coverage-visual i{position:absolute;width:22px;height:22px;border:6px solid var(--panel);border-radius:50%;background:var(--primary);box-shadow:0 4px 12px #10182830}.coverage-visual span{position:absolute;top:calc(50% + 22px);font-weight:800}.coverage-visual b{position:absolute;right:5%;top:18%;padding:8px 11px;border-radius:99px;background:var(--nav);color:white}@media(max-width:900px){.dispatch-settings-panel{grid-template-columns:1fr}.dispatch-overview{grid-template-columns:1fr 1fr}}@media(max-width:620px){.dispatch-overview{grid-template-columns:1fr}}.dispatch-live-grid{display:grid;grid-template-columns:minmax(520px,1.45fr) minmax(330px,.55fr);gap:20px;margin-bottom:24px;align-items:start}.dispatch-map-panel{padding:22px}.dispatch-map{min-height:650px}.section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.section-title h2{margin:0}.section-title p{margin:5px 0 0}.map-legend{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 13px;font-size:.72rem;color:var(--muted)}.map-legend span{display:flex;align-items:center;gap:6px}.map-legend i{width:11px;height:11px;border-radius:50%}.map-legend .available{background:#24c875}.map-legend .busy{background:#f79009}.map-legend .pending-order{border:3px solid #d92d20;background:white}.map-legend .offered-order{border:3px solid #fdb022;background:white}.pending-assignment-panel{padding:22px;max-height:750px;overflow:auto}.pending-dispatch-list{display:grid;gap:12px}.dispatch-order-card{padding:16px;border:1px solid var(--line);border-radius:15px}.dispatch-order-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.dispatch-order-card h3{margin:8px 0 0}.dispatch-order-card p{margin:10px 0 5px;font-size:.86rem}.dispatch-order-card small{color:var(--muted)}.manual-assign-form{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:14px}.dispatch-popup{display:grid;gap:5px;min-width:190px}.dispatch-popup span{font-weight:800;color:#087545}.dispatch-popup small{color:#667085}.dispatch-popup a{margin-top:5px;color:#087545;font-weight:800}@media(max-width:1100px){.dispatch-live-grid{grid-template-columns:1fr}.pending-assignment-panel{max-height:none}.dispatch-map{min-height:520px}}@media(max-width:700px){.dispatch-map{min-height:430px}.section-title{flex-direction:column}.map-legend{justify-content:flex-start}.manual-assign-form{grid-template-columns:1fr}.dispatch-map-panel,.pending-assignment-panel{padding:16px}}@media(max-width:900px){.sidebar{justify-content:flex-start;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.sidebar a,.sidebar form{flex:0 0 auto}.sidebar a{width:auto;min-width:76px}.sidebar form button{min-width:76px}}.topbar-actions{display:flex;align-items:center;gap:8px}.push-toggle{border:0;background:#ffffff16;color:white;min-width:44px;height:40px;padding:0 10px;border-radius:12px;font-weight:900;cursor:pointer}.push-toggle.active{background:#d9f9e8;color:#087545}.push-toggle.blocked{background:#ffffff0d;color:#98a2b3}.push-toggle:disabled{opacity:.6;cursor:wait}@media(max-width:620px){.topbar{padding:0 14px}.topbar-actions{gap:5px}.push-toggle{min-width:40px;padding:0 7px}}.push-setup-notice{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff5d6;color:#7a4f00;border:1px solid #fdb022}.push-setup-notice span{font-size:.86rem}@media(max-width:700px){.push-setup-notice{align-items:flex-start;flex-direction:column}}
.broadcast-counts{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:24px}.broadcast-counts article{display:grid;gap:7px;padding:20px;border:1px solid var(--line);border-radius:17px;background:var(--panel);box-shadow:var(--shadow)}.broadcast-counts strong{font-size:1.7rem}.broadcast-grid{display:grid;grid-template-columns:minmax(340px,.8fr) minmax(440px,1.2fr);gap:20px;align-items:start}.broadcast-history{display:grid;gap:12px;max-height:720px;overflow:auto}.broadcast-history article{padding:16px;border:1px solid var(--line);border-radius:14px}.broadcast-history header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.broadcast-history p{margin:9px 0}.broadcast-history small{color:var(--muted)}@media(max-width:950px){.broadcast-counts{grid-template-columns:1fr 1fr}.broadcast-grid{grid-template-columns:1fr}}@media(max-width:620px){.broadcast-counts{grid-template-columns:1fr}.broadcast-history header{flex-direction:column}}.notification-bell{position:relative;display:grid;place-items:center;min-width:44px;height:40px;padding:0 10px;border-radius:12px;background:#ffffff16;color:white;font-size:1.05rem}.notification-bell.has-unread{background:#d9f9e8;color:#087545}.notification-bell b{position:absolute;top:-5px;right:-5px;display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border:2px solid var(--nav);border-radius:99px;background:#d92d20;color:white;font-size:.62rem}.notification-list{display:grid;gap:12px}.notification-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:20px;border:1px solid var(--line);border-radius:17px;background:var(--panel);box-shadow:var(--shadow)}.notification-card.unread{border-color:#24c875;background:#effcf5}.notification-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--bg)}.notification-card header{display:flex;align-items:center;gap:10px}.notification-card h2{margin:0;font-size:1.05rem}.notification-card p{margin:6px 0}.notification-card small{color:var(--muted)}.unread-label{padding:4px 7px;border-radius:99px;background:#24c875;color:#073c25;font-size:.65rem;font-weight:900;text-transform:uppercase}html[data-theme=dark] .notification-card.unread{background:#123224}@media(max-width:700px){.notification-card{grid-template-columns:auto 1fr}.notification-card form{grid-column:1/-1}.notification-card form .btn{width:100%}}@media(max-width:620px){.notification-bell{min-width:40px;padding:0 7px}}
.notification-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.notification-actions form{margin:0}@media(max-width:700px){.notification-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.notification-actions .btn{width:100%}}@media(max-width:420px){.notification-actions{grid-template-columns:1fr}}

.notification-toast-stack{position:fixed;z-index:10000;display:flex;flex-direction:column;gap:10px;width:min(390px,calc(100vw - 28px));pointer-events:none}.notification-toast-stack[data-position=top-right]{top:82px;right:18px}.notification-toast-stack[data-position=top-center]{top:82px;left:50%;transform:translateX(-50%)}.notification-toast-stack[data-position=bottom-right]{bottom:18px;right:18px;flex-direction:column-reverse}.notification-toast-stack[data-position=bottom-center]{bottom:18px;left:50%;transform:translateX(-50%);flex-direction:column-reverse}
.floating-notification{position:relative;display:grid;grid-template-columns:1fr auto;align-items:start;overflow:hidden;border:1px solid var(--line);border-left:5px solid var(--primary);border-radius:17px;background:var(--panel);box-shadow:0 18px 45px #10182838;pointer-events:auto;touch-action:pan-y;animation:notification-in .28s cubic-bezier(.2,.9,.3,1.15)}.floating-notification.leaving{animation:notification-out .22s ease-in forwards}.floating-notification-body{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;padding:15px 2px 16px 15px;color:inherit;text-decoration:none;min-width:0}.floating-notification-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#e8faf1;font-size:1.25rem}.floating-notification-content{display:grid;gap:3px;min-width:0}.floating-notification-content strong{font-size:.98rem;line-height:1.3}.floating-notification-content small{color:var(--muted);line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.floating-notification-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.floating-notification-heading em{font-style:normal;font-size:.65rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase;color:#087545}.floating-notification-heading time{font-size:.68rem;color:var(--muted);white-space:nowrap}
.floating-notification-actions{display:grid;gap:2px;padding:9px 9px 0 0}.floating-notification-actions button{display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:9px;background:transparent;color:var(--muted);line-height:1;cursor:pointer}.floating-notification-actions button:hover{background:var(--bg);color:var(--text)}.floating-notification-read{font-size:.9rem;font-weight:900}.floating-notification-close{font-size:1.3rem}
.floating-notification-progress{grid-column:1/-1;height:3px;background:#10182814}.floating-notification-progress i{display:block;height:100%;width:100%;background:var(--primary);transform-origin:left;animation:notification-progress linear forwards}
.floating-notification.offer{border-left-color:#12b76a}.floating-notification.assigned{border-left-color:#175cd3}.floating-notification.assigned .floating-notification-icon{background:#e4f0ff}.floating-notification.assigned .floating-notification-heading em{color:#175cd3}.floating-notification.assigned .floating-notification-progress i{background:#175cd3}.floating-notification.order{border-left-color:#6938ef}.floating-notification.order .floating-notification-icon{background:#ece9fe}.floating-notification.order .floating-notification-heading em{color:#5925dc}.floating-notification.order .floating-notification-progress i{background:#6938ef}.floating-notification.cancelled{border-left-color:#f04438}.floating-notification.cancelled .floating-notification-icon{background:#fee4e2}.floating-notification.cancelled .floating-notification-heading em{color:#b42318}.floating-notification.cancelled .floating-notification-progress i{background:#f04438}.floating-notification.rating{border-left-color:#f5b700}.floating-notification.rating .floating-notification-icon{background:#fff5d6}.floating-notification.rating .floating-notification-heading em{color:#8b5d00}.floating-notification.rating .floating-notification-progress i{background:#f5b700}.floating-notification.commission{border-left-color:#0e9384}.floating-notification.commission .floating-notification-icon{background:#d7f5f1}.floating-notification.commission .floating-notification-heading em{color:#0e7a6e}.floating-notification.commission .floating-notification-progress i{background:#0e9384}.floating-notification.broadcast{border-left-color:#fdb022}.floating-notification.broadcast .floating-notification-icon{background:#fff5d6}.floating-notification.broadcast .floating-notification-heading em{color:#b54708}.floating-notification.broadcast .floating-notification-progress i{background:#fdb022}
.floating-notification.urgent{animation:notification-in .28s cubic-bezier(.2,.9,.3,1.15),notification-pulse 1.7s ease-out .3s 3}.floating-notification.urgent .floating-notification-content strong{font-size:1.05rem}
.notification-toast-tools,.notification-toast-more{pointer-events:auto;display:flex;align-items:center;justify-content:flex-end;gap:6px}.notification-toast-tools button,.notification-toast-tools a{border:1px solid var(--line);border-radius:99px;padding:6px 11px;background:var(--panel);color:var(--muted);font-size:.7rem;font-weight:800;cursor:pointer;box-shadow:0 6px 18px #10182818}.notification-toast-tools button:hover,.notification-toast-tools a:hover{color:var(--text)}.notification-toast-more{justify-content:center;padding:9px 12px;border:1px dashed var(--line);border-radius:13px;background:var(--panel);color:var(--muted);font-size:.75rem;font-weight:800}
@keyframes notification-in{from{opacity:0;transform:translateY(-14px) scale(.97)}to{opacity:1;transform:none}}@keyframes notification-out{to{opacity:0;transform:translateX(30px) scale(.96)}}@keyframes notification-progress{from{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes notification-pulse{0%{box-shadow:0 18px 45px #10182838,0 0 0 0 #12b76a66}100%{box-shadow:0 18px 45px #10182838,0 0 0 14px #12b76a00}}
html[data-theme=dark] .floating-notification{box-shadow:0 18px 45px #00000066}html[data-theme=dark] .floating-notification-progress{background:#ffffff1a}
@media(prefers-reduced-motion:reduce){.floating-notification,.floating-notification.urgent,.floating-notification.leaving{animation:none}.floating-notification-progress i{animation:none}}
@media(max-width:900px){.notification-toast-stack[data-position=bottom-right],.notification-toast-stack[data-position=bottom-center]{bottom:80px}}
@media(max-width:620px){.notification-toast-stack{width:min(390px,calc(100vw - 20px))}.notification-toast-stack[data-position=top-right]{top:74px;right:10px}.notification-toast-stack[data-position=top-center]{top:74px}.notification-toast-stack[data-position=bottom-right]{right:10px}.floating-notification-body{padding:13px 2px 14px 13px}.floating-notification-content small{font-size:.78rem}}

.notification-settings{display:grid;gap:20px;max-width:980px}.notification-settings .section-title{margin-bottom:2px}.notification-settings .form-actions{margin-bottom:10px}.sound-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.sound-fields.disabled{opacity:.5}.sound-choice{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.sound-choice label{min-width:0}.sound-choice small{grid-column:1/-1}.sound-choice .btn{min-width:54px;padding:12px}.notification-settings input[type=range]{padding:0;height:36px;border:0;background:transparent;accent-color:var(--primary)}.notification-settings output{font-weight:900;color:#087545}.notification-settings label{align-content:start}@media(max-width:700px){.sound-fields{grid-template-columns:1fr}}