:root{
  color-scheme:light;
  --bg:#ffffff;--bg2:#f5f7fa;--panel:#ffffff;--panel2:#f8fafc;
  --line:#e1e7ee;--text:#092b4b;--muted:#52677b;
  --orange:#f36f00;--orange2:#ff8a16;--navy:#00254c;--navy2:#003a6d;
  --green:#31d487;--red:#ff6271;--blue:#3c8ee8;--purple:#9f83ff;
  --shadow:0 18px 60px rgba(0,37,76,.09)
}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;min-height:100vh;color:var(--text);font-family:"Segoe UI",Tahoma,Arial,sans-serif;
background:
radial-gradient(900px 600px at 100% -10%,rgba(243,111,0,.14),transparent 55%),
radial-gradient(700px 500px at -10% 18%,rgba(62,133,194,.12),transparent 52%),
linear-gradient(160deg,#061d33 0%,#031426 48%,#020c16 100%);
background-attachment:fixed}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.2;
background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
background-size:34px 34px}
button,input,select,textarea{font:inherit}
a{color:inherit}
.hidden{display:none!important}
.muted{color:var(--muted)}
.money{font-weight:900;color:#7be7b4}
.eyebrow{font-size:10px;letter-spacing:2px;color:var(--orange2);font-weight:800}

.auth-wrap{position:relative;isolation:isolate;min-height:100vh;display:grid;place-items:center;overflow:hidden;padding:max(30px,env(safe-area-inset-top)) 22px max(30px,env(safe-area-inset-bottom));background:radial-gradient(circle at 15% 12%,rgba(243,111,0,.13),transparent 27%),radial-gradient(circle at 88% 88%,rgba(0,65,119,.38),transparent 36%),linear-gradient(135deg,#020d18,#031b31 52%,#001326)}
.auth-wrap:before{content:"";position:absolute;inset:0;z-index:-3;opacity:.28;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,#000,transparent 90%)}
.auth-wrap:after{content:"";position:absolute;inset:auto -12% -42% auto;width:720px;height:720px;border:1px solid rgba(243,111,0,.12);border-radius:50%;box-shadow:0 0 0 90px rgba(243,111,0,.025),0 0 0 180px rgba(255,255,255,.012);z-index:-2}
.auth-glow{position:absolute;z-index:-1;border-radius:999px;filter:blur(3px);opacity:.75;animation:authFloat 9s ease-in-out infinite}.auth-glow-one{width:260px;height:260px;top:-100px;right:9%;background:radial-gradient(circle,rgba(243,111,0,.24),transparent 68%)}.auth-glow-two{width:360px;height:360px;bottom:-180px;left:2%;background:radial-gradient(circle,rgba(0,85,148,.34),transparent 69%);animation-delay:-4s}
.auth-layout{width:min(1030px,100%);min-height:610px;display:grid;grid-template-columns:1.08fr .92fr;overflow:hidden;border:1px solid rgba(150,190,220,.2);border-radius:36px;background:rgba(3,20,36,.84);box-shadow:0 38px 120px rgba(0,8,19,.6),inset 0 1px rgba(255,255,255,.04);backdrop-filter:blur(24px);animation:authEnter .65s cubic-bezier(.2,.85,.3,1) both}
.auth-showcase{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:48px;background:linear-gradient(145deg,rgba(0,47,88,.98),rgba(0,29,57,.98));border-left:1px solid rgba(255,255,255,.07)}
.auth-showcase:before{content:"";position:absolute;width:460px;height:460px;border-radius:50%;left:-210px;top:-190px;border:70px solid rgba(243,111,0,.08);box-shadow:0 0 0 1px rgba(243,111,0,.15)}
.auth-showcase:after{content:"";position:absolute;width:250px;height:250px;left:42px;bottom:-180px;transform:rotate(35deg);background:linear-gradient(135deg,rgba(243,111,0,.19),transparent 70%)}
.auth-logo{position:relative;z-index:1;width:260px;height:184px;border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 20px 55px rgba(0,5,14,.34),0 0 0 1px rgba(255,255,255,.7);transform:rotate(-1.5deg);animation:logoHover 6s ease-in-out infinite}
.auth-logo img{width:100%;height:100%;object-fit:cover}
.auth-showcase-copy{position:relative;z-index:1;margin-top:34px}.auth-showcase-copy h1{margin:9px 0 12px;font-size:clamp(36px,4vw,54px);line-height:1.05;letter-spacing:-1.7px}.auth-showcase-copy h1 em{font-style:normal;color:var(--orange2)}.auth-showcase-copy p{margin:0;color:#b7cada;font-size:15px;line-height:1.8}
.auth-points{position:relative;z-index:1;display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.auth-points span{padding:7px 10px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.045);color:#c9d7e2;font-size:11px}
.auth-mark{position:absolute;z-index:1;left:34px;bottom:26px;color:rgba(255,255,255,.22);font-size:34px;font-weight:1000;letter-spacing:-4px}.auth-mark small{font-size:7px;letter-spacing:2.5px;margin-right:8px;color:rgba(255,255,255,.32)}
.auth-card{width:auto;display:flex;flex-direction:column;justify-content:center;padding:54px 48px;background:linear-gradient(160deg,rgba(8,34,57,.94),rgba(3,17,31,.98))}
.auth-form-head{margin-bottom:25px}.portal-pill{display:inline-flex;padding:7px 11px;border-radius:999px;background:rgba(243,111,0,.12);border:1px solid rgba(243,111,0,.24);color:#ffb16f;font-size:11px;font-weight:850}.auth-form-head h2{margin:15px 0 7px;font-size:32px;letter-spacing:-.8px}.auth-form-head p{margin:0;color:var(--muted);font-size:13px}
.auth-field{margin:14px 0}.auth-field label{font-size:12px;font-weight:700;color:#cbd7e1}.input-shell{position:relative}.input-shell input{height:54px;padding-right:46px;padding-left:70px;background:rgba(0,15,28,.62);border-color:rgba(130,176,211,.22);border-radius:16px}.input-shell:focus-within{filter:drop-shadow(0 10px 26px rgba(243,111,0,.08))}.field-icon{position:absolute;z-index:2;right:16px;top:50%;transform:translateY(-50%);width:22px;height:22px;display:grid;place-items:center;border-radius:7px;background:rgba(243,111,0,.13);color:#ff9d4b;font-size:11px;font-weight:900}.password-toggle{position:absolute;left:12px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#ffad68;font-size:11px;font-weight:800;cursor:pointer;padding:8px}
.session-note{display:flex;align-items:center;gap:8px;color:#94aabd;font-size:11px;margin:12px 2px 18px}.session-check{width:19px;height:19px;display:grid;place-items:center;border-radius:6px;background:rgba(49,212,135,.12);border:1px solid rgba(49,212,135,.22);color:#65e8aa;font-weight:900}
.auth-submit{min-height:54px;display:flex;justify-content:center;align-items:center;gap:14px;border-radius:16px;color:#fff;font-size:14px;letter-spacing:.1px;box-shadow:0 16px 40px rgba(243,111,0,.23)}.auth-submit b{font-size:20px;transition:transform .2s}.auth-submit:hover b{transform:translateX(-4px)}
.login-foot{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:22px;color:#718a9f;font-size:10px}.login-foot i{width:3px;height:3px;border-radius:50%;background:var(--orange)}
.brand{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:18px;text-align:center}.logo-shell{width:150px;height:112px;border-radius:22px;background:#fff;display:grid;place-items:center;overflow:hidden;box-shadow:0 18px 45px rgba(0,0,0,.28)}.logo-shell img{width:100%;height:100%;object-fit:cover}.brand h1{margin:0;font-size:28px}.brand p{margin:0;color:var(--muted)}
@keyframes authEnter{from{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:none}}@keyframes authFloat{50%{transform:translate3d(0,18px,0) scale(1.05)}}@keyframes logoHover{50%{transform:translateY(-7px) rotate(.5deg)}}

.field{display:flex;flex-direction:column;gap:7px;margin:11px 0}
.field label{font-size:13px;color:#bfd0df}
.field input,.field select,.field textarea{width:100%;min-height:46px;background:rgba(4,18,30,.72);border:1px solid rgba(106,156,198,.23);border-radius:14px;color:#fff;padding:12px 14px;outline:none}
.field textarea{min-height:86px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(243,111,0,.85);box-shadow:0 0 0 4px rgba(243,111,0,.1)}

.btn{border:0;border-radius:13px;padding:11px 15px;cursor:pointer;background:#17324c;color:#fff;font-weight:800;transition:.18s}
.btn:hover{filter:brightness(1.08)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed}
.btn-primary{background:linear-gradient(135deg,var(--orange),var(--orange2));color:#fff;box-shadow:0 12px 30px rgba(243,111,0,.22)}
.btn-blue{background:#1265ad}.btn-green{background:#1da86a}.btn-red{background:#b93b48}
.btn-ghost{background:transparent;border:1px solid #31516e}.btn-sm{padding:7px 10px;font-size:12px;border-radius:10px}.full{width:100%}

.shell{display:grid;grid-template-columns:278px minmax(0,1fr);min-height:100vh}
.sidebar{position:sticky;top:0;height:100vh;padding:20px 16px;background:linear-gradient(180deg,rgba(5,15,25,.98),rgba(5,13,22,.94));border-left:1px solid var(--line);display:flex;flex-direction:column}
.side-brand{display:flex;align-items:center;gap:10px;padding:4px 2px 18px;border-bottom:1px solid var(--line);margin-bottom:16px}
.side-brand img{width:86px;height:58px;object-fit:cover;background:#fff;border-radius:14px;box-shadow:0 10px 28px rgba(0,12,25,.28)}
.side-brand strong{font-size:18px}.side-brand small{display:block;color:var(--muted);font-size:11px;margin-top:2px}
.live-dot{margin-inline-start:auto;width:10px;height:10px;border-radius:50%;background:#37db8d;box-shadow:0 0 0 5px rgba(55,219,141,.09),0 0 18px rgba(55,219,141,.55)}
.nav{display:flex;flex-direction:column;gap:6px;flex:1}
.nav button{text-align:right;border:1px solid transparent;background:transparent;color:#c4d3e0;padding:12px 14px;border-radius:12px;cursor:pointer;font-weight:700}
.nav button.active,.nav button:hover{background:linear-gradient(90deg,rgba(243,111,0,.2),rgba(243,111,0,.04));border-color:rgba(243,111,0,.22);color:#fff}
.side-foot{border-top:1px solid var(--line);padding-top:14px}
.user-pill{background:#0b2134;border:1px solid #22435f;border-radius:14px;padding:10px;margin-bottom:9px}
.user-pill small{display:block;color:var(--muted);margin-top:4px}

.main{padding:26px 28px 42px;min-width:0}
.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:54px;margin-bottom:20px}
.topbar h2{margin:0;font-size:24px}.topbar .muted{font-size:12px}.actions{display:flex;gap:8px;flex-wrap:wrap}
.mobile-brand{display:none}
.mobile-menu,.mobile-logout{display:none}

.panel{background:linear-gradient(155deg,rgba(13,35,55,.92),rgba(7,21,34,.94));border:1px solid var(--line);border-radius:22px;padding:16px;box-shadow:0 15px 45px rgba(0,0,0,.14)}
.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:13px}.panel-head h3,.panel h3{margin:0}
.welcome-card{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;margin-bottom:16px;border-radius:24px;background:linear-gradient(120deg,rgba(243,111,0,.15),rgba(21,59,89,.33));border:1px solid rgba(255,138,22,.18)}
.welcome-card h3{margin:5px 0;font-size:25px}.welcome-card p{margin:0;color:var(--muted)}.quick-actions{display:flex;gap:9px;flex-wrap:wrap}

.grid{display:grid;gap:12px}.stats{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:16px}
.stat{position:relative;overflow:hidden;padding:18px;background:linear-gradient(145deg,rgba(15,41,64,.94),rgba(8,23,37,.96));border:1px solid var(--line);border-radius:20px}
.stat:after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;background:rgba(243,111,0,.07);left:-24px;top:-24px}
.stat span{display:block;color:var(--muted);font-size:12px}.stat b{display:block;font-size:29px;margin-top:7px}
.finance-strip{display:flex;align-items:center;gap:14px;margin-bottom:16px;padding:14px 18px;border:1px solid rgba(49,212,135,.15);background:rgba(49,212,135,.055);border-radius:17px;color:var(--muted)}
.finance-strip strong{font-size:20px;color:#7be7b4}.mini-status{margin-inline-start:auto;color:#60dca0;font-size:12px}

.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.span-2{grid-column:1/-1}.category-picker{display:flex;flex-wrap:wrap;gap:8px;margin:7px 0 10px}.category-picker label{cursor:pointer}.category-picker input{position:absolute;opacity:0;pointer-events:none}.category-picker span{display:inline-flex;padding:8px 11px;border:1px solid #2a4962;border-radius:999px;background:#081b2b;color:#b7c9d6;font-size:12px;transition:.18s}.category-picker input:checked+span{border-color:#ff812d;background:rgba(243,111,0,.16);color:#ffc399;box-shadow:0 0 0 2px rgba(243,111,0,.08)}.category-list{display:flex;flex-wrap:wrap;gap:5px;margin:7px 0}.store-editor{margin-top:14px;border-color:rgba(243,111,0,.32)}
.toolbar{display:flex;gap:8px;flex-wrap:wrap}.toolbar input,.toolbar select{background:#071827;border:1px solid #26445d;border-radius:11px;color:#fff;padding:9px 10px}
.table-wrap{overflow:auto;border:1px solid #19384f;border-radius:16px;background:rgba(3,14,24,.22)}
.table{width:100%;border-collapse:collapse;min-width:760px}.table th,.table td{padding:12px 10px;text-align:right;border-bottom:1px solid rgba(132,175,210,.1);font-size:13px}.table th{background:#0c2235;color:#afc3d4;position:sticky;top:0}.table tr:hover td{background:rgba(48,91,125,.13)}
.badge{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:800;background:#18314a}
.badge.green{background:rgba(49,212,135,.15);color:#68e7aa}.badge.orange{background:rgba(243,111,0,.17);color:#ffac70}.badge.red{background:rgba(255,95,109,.15);color:#ff8f99}.badge.blue{background:rgba(74,159,255,.15);color:#7fbbff}.badge.purple{background:rgba(181,140,255,.15);color:#cdb3ff}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.card{background:linear-gradient(145deg,rgba(12,35,55,.88),rgba(8,24,38,.9));border:1px solid var(--line);border-radius:18px;padding:14px}.card h4{margin:0 0 10px}.card p{margin:5px 0;color:#c8d5df;font-size:13px}
.empty{text-align:center;padding:32px;color:var(--muted)}.fancy-empty{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:28px}.fancy-empty strong{font-size:16px;color:#e5eef5}.fancy-empty span{font-size:12px}
.created-account{margin-top:15px;border:1px solid rgba(49,212,135,.25);background:rgba(49,212,135,.08);border-radius:14px;padding:13px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.created-account small{color:var(--muted);width:100%}
.order-row{display:grid;grid-template-columns:38px repeat(5,minmax(95px,1fr));gap:7px;align-items:center;margin:7px 0}.order-row input,.order-row select{min-width:0;background:#081a2a;border:1px solid #27455f;color:#fff;border-radius:10px;padding:9px}.order-row .idx{height:34px;width:34px;border-radius:50%;display:grid;place-items:center;background:#17334e;color:#ffd1ad;font-weight:800}
.check{width:18px;height:18px;accent-color:var(--orange)}
.captain-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.captain-header h3{margin:4px 0 0;font-size:24px}
.captain-finance{margin-bottom:14px}.captain-finance>p{font-size:12px;line-height:1.7}.captain-cash-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.captain-cash-summary .stat b{font-size:23px}.cash-details{border-top:1px solid var(--line);padding-top:12px;margin-top:12px}.cash-details summary{cursor:pointer;color:var(--navy);font-weight:800}.cash-history{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.cash-history h4{margin:12px 0 8px}.cash-history p{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:8px 0;margin:0;font-size:13px}.cash-history strong{white-space:nowrap}
.accounting-head .panel-head{align-items:flex-end}.accounting-head .panel-head .field{min-width:175px}.accounting-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.accounting-stats .stat b{font-size:22px}.accounting-head>p{font-size:12px;line-height:1.7}.accounting-close{display:flex;align-items:end;gap:15px;justify-content:space-between;flex-wrap:wrap;padding:15px;border:1px solid var(--line);border-radius:16px;background:#fffaf5}.accounting-close p{margin:5px 0 0}.accounting-close .field{min-width:165px}.accounting-day{padding-top:14px;color:var(--muted);font-size:13px}.accounting-day b{color:var(--navy)}.accounting-ledger{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.ledger-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 3px;border-bottom:1px solid var(--line);font-size:13px}.ledger-row span{min-width:0;overflow-wrap:anywhere}.ledger-row b{white-space:nowrap}.accounting-ledger .form-grid{margin-bottom:14px}
.alert-panel{margin-bottom:14px}.alert-order{display:block;width:100%;text-align:right;border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin:5px 0;color:var(--navy);background:#fffaf4;cursor:pointer}.alert-order:hover{border-color:var(--orange)}.captain-route-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.captain-route-summary .stat b{font-size:22px}.route-area{margin:19px 0 9px;padding:9px 12px;border-right:4px solid var(--orange);background:#fff6ec;border-radius:9px;color:var(--navy)}#storeDuplicate{display:block;padding-top:5px;color:#a64700}#storeSheetPreview{margin:10px 0;line-height:1.6}
.captain-order{background:linear-gradient(145deg,rgba(13,37,58,.96),rgba(7,22,36,.96));border:1px solid var(--line);border-radius:18px;padding:14px;margin-bottom:10px}.captain-order .head{display:flex;justify-content:space-between;gap:10px}.captain-order h4{margin:0}.captain-order .price{font-size:22px;color:#ffb077;font-weight:900}.captain-order .quick{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.captain-order a{text-decoration:none}
.owner-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}
.qr-card{text-align:center}.qr-card canvas,.qr-card img{max-width:180px;background:#fff;padding:8px;border-radius:12px}
.toast{position:fixed;left:24px;bottom:24px;z-index:9999;min-width:220px;max-width:420px;background:#10263b;border:1px solid #31506d;border-radius:14px;padding:12px 14px;box-shadow:var(--shadow);opacity:0;transform:translateY(15px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translateY(0)}.toast.error{border-color:#8f3b48;background:#3a1820}.toast.ok{border-color:#227d58;background:#102f25}

@media(max-width:1180px){.stats{grid-template-columns:repeat(3,1fr)}.shell{grid-template-columns:240px 1fr}.cards{grid-template-columns:repeat(2,1fr)}.auth-layout{width:min(920px,100%)}.auth-showcase{padding:38px}.auth-card{padding:46px 38px}}
@media(max-width:760px){
  .captain-cash-summary,.accounting-ledger{grid-template-columns:1fr}.cash-history{grid-template-columns:1fr}.accounting-stats,.captain-route-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.accounting-stats .stat b,.captain-route-summary .stat b{font-size:19px}
  body{padding-bottom:76px;background-attachment:scroll}.shell{display:block}.main{padding:14px 12px 24px}
  .sidebar{position:static;height:auto;padding:0;background:transparent;border:0;display:block}.side-brand,.side-foot{display:none}
  .nav{position:fixed;z-index:90;bottom:0;right:0;left:0;height:72px;padding:7px 7px max(7px,env(safe-area-inset-bottom));display:flex;flex-direction:row;gap:5px;overflow-x:auto;background:rgba(5,15,25,.94);border-top:1px solid rgba(132,175,210,.18);backdrop-filter:blur(20px)}
  .nav button{min-width:max-content;flex:1;text-align:center;padding:10px 11px;font-size:11px;border-radius:12px}
  .topbar{position:sticky;top:0;z-index:60;margin:-14px -12px 14px;padding:10px 12px;background:rgba(6,17,29,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(132,175,210,.1)}
  .topbar>div:first-of-type:not(.mobile-brand){display:none}.mobile-brand{display:flex;align-items:center;gap:8px;font-weight:800}.mobile-brand img{width:58px;height:38px;object-fit:cover;background:#fff;border-radius:9px}
  .welcome-card{padding:18px;align-items:flex-start;flex-direction:column}.welcome-card h3{font-size:21px}.quick-actions{width:100%}.quick-actions .btn{flex:1}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.stat{padding:14px}.stat b{font-size:24px}
  .finance-strip{flex-wrap:wrap}.mini-status{margin-inline-start:0;width:100%}
  .panel{padding:13px;border-radius:18px}.form-grid,.form-grid.two,.cards,.owner-summary{grid-template-columns:1fr}
  .order-row{grid-template-columns:32px 1fr}.order-row input,.order-row select{grid-column:2}.order-row .idx{grid-row:1/span 9}
  .table{min-width:700px}.auth-wrap{display:block;padding:12px 10px 24px;overflow:auto}.auth-layout{display:grid;grid-template-columns:1fr;min-height:0;border-radius:28px}.auth-showcase{min-height:275px;padding:24px 22px;border-left:0;border-bottom:1px solid rgba(255,255,255,.07);align-items:center;text-align:center}.auth-logo{width:190px;height:132px;border-radius:20px}.auth-showcase-copy{margin-top:20px}.auth-showcase-copy h1{font-size:29px;line-height:1.08;margin:7px 0}.auth-showcase-copy p{font-size:12px}.auth-points,.auth-mark{display:none}.auth-card{padding:28px 20px 24px;border-radius:0}.auth-form-head{margin-bottom:20px}.auth-form-head h2{font-size:27px}.input-shell input{height:51px}.login-foot{flex-wrap:wrap}.logo-shell{width:145px;height:105px}
  .captain-order .head{flex-direction:column}.captain-order .quick .btn{flex:1;text-align:center}
  .toast{left:12px;right:12px;bottom:88px;max-width:none}
}

/* V4 Sticker workflow */
.create-account-panel,.sticker-panel{border-color:rgba(243,111,0,.18)}
.qr-card{background:linear-gradient(145deg,rgba(243,111,0,.08),rgba(11,32,51,.96))}
.brandRow img{background:#fff}
@media(max-width:760px){
body[data-portal="store"] .nav button{min-width:145px}
}

/* White-first Drop Off identity: navy typography, orange accents. */
body{background:var(--bg)}
body:before{display:none}
.money,.finance-strip strong,.mini-status{color:#16734c}
.eyebrow{color:#a64800}
.auth-wrap{background:radial-gradient(ellipse at 90% 0,rgba(243,111,0,.055),transparent 45%),#fff}
.auth-wrap:before{opacity:.4;background-image:linear-gradient(#e9edf2 1px,transparent 1px),linear-gradient(90deg,#e9edf2 1px,transparent 1px)}
.auth-wrap:after{border-color:#f8dfc8;box-shadow:0 0 0 90px #fffaf5,0 0 0 180px #fffdfb}
.auth-glow{opacity:.18}
.auth-layout{background:#fff;border-color:var(--line);box-shadow:var(--shadow);backdrop-filter:none}
.auth-showcase{background:linear-gradient(150deg,#fff,#fffaf5);border-color:var(--line)}
.auth-showcase:before{border-color:rgba(243,111,0,.035);box-shadow:none}
.auth-showcase:after{opacity:.3}
.auth-logo,.logo-shell{background:transparent;box-shadow:none;border-radius:0;transform:none;animation:none;overflow:visible}
.auth-logo{width:min(100%,330px);height:230px}
.auth-logo img,.logo-shell img{object-fit:contain}
.auth-showcase-copy h1{line-height:1.3;letter-spacing:0;color:var(--navy)}
.auth-showcase-copy h1 em{color:#b64e00}
.auth-showcase-copy p{color:var(--muted)}
.auth-points span{background:#fff;border-color:var(--line);color:#456079}
.auth-mark,.auth-mark small{color:#8495a5}
.auth-card{background:#fff}
.auth-wrap>.auth-card{width:min(440px,100%);border:1px solid var(--line);border-radius:24px}
.portal-pill{background:#fff4e9;border-color:#f8d7b9;color:#a64700}
.field label,.auth-field label{color:#344f68}
.field input,.field select,.field textarea,.toolbar input,.toolbar select,.order-row input,.order-row select,.capacity{color:var(--text);background:#fff;border:1px solid #ced8e2}
.field input::placeholder,.field textarea::placeholder,.toolbar input::placeholder,.order-row input::placeholder{color:#6b7c8c;opacity:1}
.field .input-shell input{padding-right:46px;padding-left:70px;background:#fafbfd;border-radius:16px}
.field-icon{background:#fff0e2;color:#ad4a00}
.password-toggle{color:#a64700}
.session-note,.login-foot{color:var(--muted)}
.session-check{color:#16734c;background:#eaf8f0;border-color:#c9e7d6}
.btn{background:var(--navy);color:#fff}
.btn-primary{background:linear-gradient(135deg,#f36f00,#ff8a16);color:#00254c;box-shadow:0 8px 22px rgba(243,111,0,.16)}
.btn-blue{background:#123d64}.btn-green{background:#187447}.btn-red{background:#ad3040}
.btn-ghost{background:#fff;border-color:#ccd7e2;color:var(--navy)}
.btn:hover{filter:brightness(.97)}
button:focus-visible,a:focus-visible{outline:3px solid #c65300;outline-offset:3px}
.category-picker input:focus-visible+span{outline:3px solid #c65300;outline-offset:3px}
.sidebar{background:#fff;border-color:var(--line)}
.side-brand img,.mobile-brand img,.brandRow img{background:transparent;box-shadow:none;border-radius:0;object-fit:contain}
.nav button{color:#415c73}
.nav button.active,.nav button:hover{background:#fff2e6;border-color:#f8d7b9;color:#913d00}
.user-pill{background:#f7f9fb;border-color:var(--line)}
.panel,.stat,.card,.captain-order{background:#fff;border-color:var(--line);box-shadow:0 5px 20px rgba(0,37,76,.035)}
.welcome-card{background:linear-gradient(110deg,#fff8f1,#fff);border-color:#f6dfca}
.finance-strip{background:#f4fbf7;border-color:#d9eadf}
.category-picker span{background:#fff;border-color:#d3dee7;color:#466077}
.category-picker input:checked+span{background:#fff1e4;border-color:#e87721;color:#954000}
.table-wrap{background:#fff;border-color:var(--line)}
.table th{background:#f5f7fa;color:#405a72}
.table th,.table td{border-bottom-color:#e8edf2}
.table tr:hover td{background:#fffaf5}
.badge{background:#edf2f7;color:#405972}
.badge.green{background:#e8f6ed;color:#166a43}
.badge.orange{background:#fff0dd;color:#944200}
.badge.red{background:#fff0f1;color:#ac2c3b}
.badge.blue{background:#eaf2fc;color:#235a91}
.badge.purple{background:#f0ebfa;color:#68429b}
.card p{color:#486078}.fancy-empty strong{color:var(--navy)}
.order-row .idx{background:#fff0e2;color:#9b4200}
.captain-order .price{color:#a64700}
.qr-card{background:#fff}
.toast{background:#fff;border-color:#cfdae5;color:var(--navy)}
.toast.error{background:#fff4f4;border-color:#eabfc5;color:#992a38}
.toast.ok{background:#f0fbf4;border-color:#c0dfcd;color:#176b43}
.capacity{max-width:100%;padding:9px;border-radius:10px}
.created-order{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:16px;padding:18px;border:1px solid #cfe3d8;border-radius:18px;background:#f7fcf9;overflow-wrap:anywhere}
.created-order h3{margin:10px 0;font-size:24px;color:var(--navy)}
.created-order p{margin:6px 0;color:#36516a}
.created-order small{color:var(--muted)}
.created-order img{width:150px;height:150px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:12px;padding:5px;flex:none}
@media(max-width:760px){
  body:has(.auth-wrap){padding-bottom:0}
  .auth-logo{width:220px;height:156px}
  .auth-showcase{border-color:var(--line)}
  .sidebar{background:transparent}
  .nav,.topbar{background:rgba(255,255,255,.97);border-color:var(--line)}
}
/* Phone layout: compact login and a usable navigation drawer for administration. */
@media(max-width:760px){
  html,body,#app,.shell,.main{max-width:100%;min-width:0}
  .main{padding-right:12px;padding-left:12px}
  .mobile-logout{display:inline-flex}
  .mobile-action{min-width:40px;min-height:40px;align-items:center;justify-content:center;padding:7px 9px;font-size:19px}
  .mobile-action span{display:none}
  .topbar{min-height:62px;gap:5px}
  .topbar .actions{gap:5px;flex-wrap:nowrap}
  .mobile-brand{min-width:0;gap:5px;font-size:14px;white-space:nowrap}
  .mobile-brand img{width:55px;height:36px;flex:none}
  .panel,.card,.stat,.welcome-card,.captain-order,.finance-strip,.table-wrap,.form-grid>*{min-width:0;max-width:100%}
  .panel-head,.toolbar,.quick-actions,.captain-order .quick{min-width:0}
  .toolbar>*{min-width:0;max-width:100%;flex:1 1 140px}
  .table-wrap{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
  .quick-actions .btn,.captain-order .quick .btn{min-width:0;white-space:normal}
  .order-row{grid-template-columns:28px minmax(0,1fr)}
  .order-row .idx{width:28px;height:28px}
  .auth-wrap{padding:10px 10px max(20px,env(safe-area-inset-bottom))}
  .auth-layout{width:100%;border-radius:22px}
  .auth-showcase{min-height:0;padding:18px 16px 16px}
  .auth-logo{width:min(185px,65vw);height:120px}
  .auth-showcase-copy{margin-top:7px}
  .auth-showcase-copy h1{font-size:clamp(23px,6vw,28px);margin:3px 0}
  .auth-showcase-copy p{font-size:12px;line-height:1.5}
  .auth-card{padding:22px 18px 26px}
  .auth-form-head{margin-bottom:14px}
  .auth-form-head h2{font-size:24px;margin:10px 0 4px}
  .auth-field{margin:10px 0}
  .input-shell input{font-size:16px}
  .session-note{margin:9px 2px 13px}
  .login-foot{margin-top:15px}
  body[data-portal="admin"]{padding-bottom:0}
  body[data-portal="admin"].menu-open{overflow:hidden}
  body[data-portal="admin"] .mobile-menu{display:inline-flex}
  body[data-portal="admin"] .nav{display:none;position:fixed;z-index:55;top:62px;right:0;bottom:0;left:0;width:100%;height:auto;padding:14px 12px max(18px,env(safe-area-inset-bottom));flex-direction:column;gap:6px;overflow-y:auto;overflow-x:hidden;border-top:1px solid var(--line);background:#fff;backdrop-filter:none}
  body[data-portal="admin"] .nav.open{display:flex}
  body[data-portal="admin"] .nav button{width:100%;min-width:0;min-height:48px;flex:none;text-align:right;padding:12px 16px;font-size:15px}
  body[data-portal="management"]{padding-bottom:82px}
  body[data-portal="store"] .nav button{min-width:0}
  body[data-portal="captain"] .nav button{min-width:0}
  body[data-portal="store"] .nav,body[data-portal="captain"] .nav{height:calc(65px + env(safe-area-inset-bottom));padding-bottom:max(7px,env(safe-area-inset-bottom));overflow-x:hidden}
  .toast{bottom:calc(80px + env(safe-area-inset-bottom))}
  body[data-portal="admin"] .toast{bottom:16px}
  .created-order{flex-direction:column;align-items:stretch;padding:14px}
  .created-order img{align-self:center}
}
@media(max-width:360px){
  .mobile-brand span{display:none}
  .stats{grid-template-columns:1fr 1fr}
  .stat{padding:10px}
  .stat b{font-size:20px}
  .auth-wrap{padding:6px}
  .auth-card{padding:18px 13px 22px}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* Attendance and payroll */
.attendance-panel{margin-top:14px}
.attendance-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}
.attendance-panel .panel-head{align-items:center;gap:12px}
.attendance-panel .panel-head .field{min-width:150px}
.attendance-panel .cards{margin:12px 0 20px}
.attendance-panel .card small{display:block;margin-top:8px}
.attendance-panel .table-wrap{margin:12px 0}
.attendance-panel .pay-rate{width:110px;max-width:100%;padding:8px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--text)}
@media(max-width:650px){
  .attendance-stats{grid-template-columns:1fr 1fr}
  .attendance-panel .panel-head{align-items:stretch;flex-direction:column}
  .attendance-panel .panel-head .field{min-width:0}
  .attendance-panel .table-wrap table{min-width:640px}
}
.payroll-table{min-width:1280px}
.payroll-table td{vertical-align:top}
.payroll-table small{display:block;margin-top:4px;white-space:nowrap}
.pay-settings{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px;min-width:230px}
.pay-settings label{font-size:11px;color:var(--muted)}
.pay-settings input{display:block;width:100%;margin-top:3px;padding:7px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text)}
@media(max-width:650px){
  .payroll-table{min-width:1220px}
}

/* Captain workforce suite */
.workforce-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0}
.workforce-two>.panel,.workforce-settings,.payroll-panel{margin:0}
.form-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.form-grid .full-span{grid-column:1/-1}
.workforce-alert{margin:12px 0;padding:12px 15px;border:1px solid #f4d19e;border-radius:13px;background:#fff8ed;color:#7b4700;font-weight:700}
.workforce-alert.danger{border-color:#efb9c0;background:#fff2f3;color:#a12435}
.workforce-alerts{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 16px}
.workforce-alerts span{padding:8px 11px;border:1px solid #f2cf99;border-radius:999px;background:#fff7e9;color:#8a4b00;font-size:12px;font-weight:800}
.workforce-alerts span.danger{border-color:#efbcc2;background:#fff1f2;color:#a72838}
.workforce-alerts span.ok{border-color:#bce0cb;background:#effbf4;color:#176b43}
.workforce-settings{background:linear-gradient(135deg,#fff 0%,#fffaf4 100%)}
.workforce-settings .quick{display:flex;align-items:end;gap:7px;flex-wrap:wrap}
.active-captains .warning-card{border-color:#efbcc2;background:#fffafa}
.danger-text{color:#a72838!important;font-weight:800}.ok-text{color:#177249!important}.badge.red{background:#fff0f1;color:#ac2c3b}
.approval-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}
.approval-row>div:first-child{min-width:0}.approval-row strong,.approval-row small{display:block}.approval-row small{margin-top:4px;color:var(--muted)}
.mini-list{margin-top:14px;max-height:330px;overflow:auto}
.salary-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}
.salary-breakdown>div{display:flex;justify-content:space-between;gap:10px;padding:10px;border:1px solid var(--line);border-radius:11px;background:#fbfcfe}
.salary-breakdown .salary-total{grid-column:1/-1;background:#fff5e9;border-color:#f1c893}.salary-breakdown .salary-total b{color:var(--orange);font-size:20px}
.calendar-weekdays,.attendance-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.calendar-weekdays{margin:12px 0 6px;color:var(--muted);font-size:11px;text-align:center;font-weight:800}
.calendar-day{position:relative;display:flex;min-height:58px;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:1px solid var(--line);border-radius:11px;background:#f7f9fb;color:var(--navy)}
.calendar-day b{font-size:15px}.calendar-day small{font-size:9px;text-align:center}.calendar-day.present{background:#eaf8f0;border-color:#9ed4b4;color:#176b43}.calendar-day.late{background:#fff2df;border-color:#e9bd77;color:#8b4b00}.calendar-day.absent{background:#fff0f1;border-color:#e7aeb6;color:#a72838}.calendar-day.leave{background:#f3edff;border-color:#cbb8ef;color:#67439c}.calendar-day.friday{background:#eef2f6;color:#6b7784}.calendar-day.future{opacity:.58}.calendar-day.overtime{box-shadow:inset 0 -3px 0 #168bc2}
.performance-row{display:grid;grid-template-columns:1.4fr repeat(5,1fr);gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.performance-row b{color:var(--orange)}
.audit-list{max-height:420px;overflow:auto;margin-top:10px}
.payroll-table{min-width:1660px}.payroll-table td>.badge{margin-bottom:5px}
@media(max-width:900px){.form-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.performance-row{grid-template-columns:1fr 1fr 1fr}.workforce-two{grid-template-columns:1fr}}
@media(max-width:650px){
  .form-grid.four{grid-template-columns:1fr}
  .workforce-title{align-items:stretch!important;flex-direction:column}
  .workforce-settings .quick,.approval-row{align-items:stretch;flex-direction:column}
  .workforce-settings .quick .btn,.approval-row .quick .btn{flex:1}
  .calendar-weekdays,.attendance-calendar{gap:3px}.calendar-day{min-height:49px;border-radius:8px}.calendar-day small{font-size:8px}
  .salary-breakdown{grid-template-columns:1fr}.salary-breakdown .salary-total{grid-column:auto}
  .performance-row{grid-template-columns:1fr 1fr}.payroll-table{min-width:1580px}
}

/* Blue Drop Off identity, based on the supplied Arabic logo. */
:root{
  --bg:#f6f8ff;--bg2:#eef3ff;--panel:#fff;--panel2:#f9fbff;
  --line:#dce5fa;--text:#0b1d56;--muted:#596a91;
  --orange:#114eea;--orange2:#0daef4;--navy:#081d78;--navy2:#0b39b9;
  --blue:#1267eb;--shadow:0 20px 55px rgba(10,44,135,.095)
}
html{background:var(--bg)}
body{background:linear-gradient(150deg,#f9fbff 0%,#f1f5ff 58%,#f7fbff 100%);color:var(--text)}
.eyebrow{color:#0b58c6}
.money,.finance-strip strong,.mini-status{color:#07559d}
.auth-wrap{
  background:radial-gradient(550px 430px at 0 100%,rgba(11,173,245,.17),transparent 75%),
    radial-gradient(700px 490px at 100% 0,rgba(9,50,184,.16),transparent 72%),#f7f9ff
}
.auth-wrap:before{opacity:.42;background-image:linear-gradient(#dce7fd 1px,transparent 1px),linear-gradient(90deg,#dce7fd 1px,transparent 1px)}
.auth-wrap:after{border-color:rgba(16,79,228,.16);box-shadow:0 0 0 90px rgba(16,79,228,.025),0 0 0 180px rgba(16,174,244,.025)}
.auth-glow-one{background:radial-gradient(circle,rgba(13,174,244,.27),transparent 68%)}
.auth-glow-two{background:radial-gradient(circle,rgba(9,52,185,.23),transparent 69%)}
.auth-layout{width:min(1080px,100%);min-height:650px;border:1px solid #dce5fa;border-radius:32px;background:#fff;box-shadow:0 35px 95px rgba(8,35,124,.15)}
.auth-showcase{
  align-items:center;text-align:center;padding:40px;
  background:linear-gradient(150deg,#071c89 0%,#0b32ba 55%,#1266e5 100%);
  border-color:rgba(255,255,255,.13);color:#fff
}
.auth-showcase:before{border-color:rgba(255,255,255,.07);box-shadow:0 0 0 1px rgba(255,255,255,.13)}
.auth-showcase:after{background:linear-gradient(135deg,rgba(12,187,253,.2),transparent 70%);opacity:1}
.auth-logo{
  width:260px;height:260px;max-width:100%;border-radius:28px;overflow:hidden;
  background:#0823a6;box-shadow:0 24px 60px rgba(0,9,77,.32),0 0 0 1px rgba(255,255,255,.22);
  transform:none;animation:logoHover 6s ease-in-out infinite
}
.auth-logo img{display:block;width:110%;height:110%;max-width:none;margin:-5%;object-fit:cover;border-radius:13%}
.auth-showcase-copy{margin-top:25px}
.auth-showcase-copy .eyebrow{color:#9feaff}
.auth-showcase-copy h1{color:#fff;font-size:clamp(34px,4vw,50px);line-height:1.23}
.auth-showcase-copy h1 em{color:#83e6ff}
.auth-showcase-copy p{color:#d5e4ff}
.auth-points{justify-content:center}.auth-points span{border-color:rgba(170,224,255,.25);background:rgba(255,255,255,.09);color:#edf7ff}
.auth-mark,.auth-mark small{color:rgba(208,231,255,.33)}
.auth-card{background:#fff;padding:55px 50px}
.auth-form-head h2{color:var(--navy);font-size:34px}
.portal-pill{background:#eaf2ff;border-color:#cbdcff;color:#0a43bd}
.field label,.auth-field label{color:#263c70}
.field input,.field select,.field textarea,.toolbar input,.toolbar select,.order-row input,.order-row select,.capacity{
  background:#fff;border-color:#cbd8f1;color:var(--text)
}
.field .input-shell input{background:#f8faff;border-color:#d8e2f7}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#2370ea;box-shadow:0 0 0 4px rgba(20,102,235,.12)}
.input-shell:focus-within{filter:drop-shadow(0 10px 20px rgba(20,102,235,.07))}
.field-icon{background:#e8f2ff;color:#0d57c9}
.password-toggle{color:#0b52bd}
.session-check{background:#e7f6ff;border-color:#b8e7fa;color:#0a87bc}
.btn{background:#102d91;color:#fff}
.btn-primary{background:linear-gradient(120deg,#0b37c2,#1268ea 70%,#139df3);color:#fff;box-shadow:0 10px 27px rgba(20,83,213,.23)}
.btn-blue{background:#1164d8;color:#fff}.btn-green{background:#168269}.btn-red{background:#b33751}
.btn-ghost{background:#fff;border-color:#cad9f3;color:#123ba0}
.btn:hover{filter:brightness(1.05)}
.btn:disabled:hover{filter:none}
button:focus-visible,a:focus-visible,.category-picker input:focus-visible+span{outline:3px solid #18a9f4;outline-offset:3px}
.auth-submit{box-shadow:0 18px 35px rgba(9,54,190,.22)}
.login-foot i{background:#17aef4}
.logo-shell{width:124px;height:124px;overflow:hidden;border-radius:24px;background:#0a32b0}
.logo-shell img{width:100%;height:100%;object-fit:cover;border-radius:12%}
.sidebar{background:#fff;border-left:1px solid #dae5fa;box-shadow:8px 0 35px rgba(13,51,142,.035)}
.side-brand{padding-bottom:20px}
.side-brand img,.mobile-brand img,.brandRow img{
  background:#092ba6;object-fit:cover;border-radius:13px;
  box-shadow:0 8px 18px rgba(10,45,165,.17)
}
.side-brand img,.mobile-brand img{clip-path:inset(2.3% round 16%)}
.side-brand img{width:52px;height:52px;flex:none}
.side-brand strong{color:#102c91;font-size:19px}
.nav button{color:#375085}
.nav button.active,.nav button:hover{background:#eaf2ff;border-color:#cbdcfc;color:#0a3db5}
.user-pill{background:#f4f7ff;border-color:#e0e8f9}
.main{background:transparent}
.topbar{padding-bottom:8px;border-bottom:1px solid rgba(19,67,178,.1)}
.topbar h2{color:#102e9b}
.panel,.stat,.card,.captain-order{background:#fff;border-color:#dce5f8;box-shadow:0 8px 27px rgba(14,55,146,.045)}
.panel{border-radius:20px}
.stat{border-radius:18px;background:linear-gradient(145deg,#fff,#fafdff)}
.stat:after{background:rgba(21,156,243,.09)}
.stat b{color:#0c36a4}
.welcome-card{background:linear-gradient(112deg,#e9f2ff,#f9fbff 70%,#e8f8ff);border-color:#cfe0fb}
.welcome-card h3,.panel-head h3{color:#0a2e9d}
.finance-strip{background:#ecf7ff;border-color:#cee9fa}
.category-picker span{border-color:#d1ddf2;color:#45608f}
.category-picker input:checked+span{background:#e6f4ff;border-color:#39a7ef;color:#0b54b8;box-shadow:0 0 0 2px rgba(20,142,229,.08)}
.table-wrap{border-color:#dbe5f9}
.table th{background:#edf3ff;color:#29468a}
.table th,.table td{border-bottom-color:#e7edfa}
.table tr:hover td{background:#f2f8ff}
.badge{background:#eaf0fc;color:#2c4c90}
.badge.blue,.badge.orange{background:#e6f2ff;color:#0d58b6}
.badge.green{background:#e5f7f2;color:#116b55}
.badge.red{background:#fff0f3;color:#aa2946}
.badge.purple{background:#edf0ff;color:#4e4ca8}
.card p{color:#49608b}
.order-row .idx{background:#e4f4ff;color:#0956b9}
.route-area{border-right-color:#159fea;background:#edf7ff}
.alert-order{background:#f3f8ff;color:#0c359c}
.alert-order:hover{border-color:#0b91e9}
.captain-order .price{color:#0b59c5}
.toast{border-color:#cbdaf5;color:#0c318f}
.created-order{border-color:#cde1f6;background:#f5faff}
.workforce-settings{background:linear-gradient(135deg,#fff,#f3f8ff)}
.workforce-alert,.workforce-alerts span{background:#eef6ff;border-color:#cfe0fa;color:#174894}
.salary-breakdown .salary-total{background:#eaf4ff;border-color:#bfdbfc}
.salary-breakdown .salary-total b,.performance-row b{color:#0b59ca}
.calendar-day.overtime{box-shadow:inset 0 -3px 0 #0c9ce4}
@media(max-width:760px){
  .auth-layout{min-height:0}
  .auth-showcase{padding:24px 20px 22px}
  .auth-logo{width:168px;height:168px;border-radius:22px}
  .auth-showcase-copy{margin-top:12px}
  .auth-showcase-copy h1{font-size:26px;line-height:1.2}
  .auth-card{padding:28px 23px}
  .nav,.topbar{background:rgba(255,255,255,.97);border-color:#dce6f8}
  .mobile-brand img{width:40px;height:40px;border-radius:10px}
  body[data-portal="admin"] .nav{background:#fff}
  .topbar{padding-bottom:10px}
}
@media(max-width:430px){
  .auth-wrap{padding:8px 8px max(18px,env(safe-area-inset-bottom))}
  .auth-showcase{padding:15px 15px 16px}
  .auth-logo{width:130px;height:130px}
  .auth-showcase-copy h1{font-size:23px;margin:5px 0}
  .auth-card{padding:20px 18px 24px}
  .mobile-brand img{width:38px;height:38px}
  .salary-breakdown{grid-template-columns:1fr}
}