:root{
  --bg:#080b10;--panel:#111721;--panel2:#171f2b;--panel3:#0d131c;--text:#f7f8fb;--muted:#8f9bad;
  --line:#263142;--line-soft:#1b2430;--accent:#d9ad5b;--accent2:#f0cf8b;--danger:#ef5350;--danger2:#ff6b67;
  --good:#67d49b;--radius:18px;--radius-sm:13px;--shadow:0 18px 50px rgba(0,0,0,.28)
}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh;background:
radial-gradient(circle at 50% -10%,rgba(217,173,91,.12),transparent 30%),
linear-gradient(180deg,#0d1219 0%,#080b10 58%)}
button,input{font:inherit}.hidden{display:none!important}.screen{min-height:100vh}
.auth-screen{display:grid;place-items:center;padding:24px}.auth-card,.card,.hero-card,.modal-card{background:linear-gradient(180deg,rgba(18,24,34,.98),rgba(14,19,27,.98));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.auth-card{width:min(420px,100%);padding:30px}.brand-mark{width:62px;height:62px;border-radius:18px;background:linear-gradient(145deg,var(--accent2),var(--accent));color:#111;display:grid;place-items:center;font-weight:950;font-size:29px;margin-bottom:20px;box-shadow:0 10px 24px rgba(217,173,91,.16)}
h1,h2,h3,p{margin-top:0}h1{margin-bottom:6px;letter-spacing:-.03em}h2{margin-bottom:0;font-size:21px;letter-spacing:-.02em}h3{margin-bottom:14px}.muted{color:var(--muted)}.tiny{font-size:13px}.eyebrow{font-size:10px;letter-spacing:.19em;color:var(--accent2);font-weight:900;margin-bottom:4px}
.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;background:rgba(8,11,16,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(38,49,66,.7)}
.topbar-brand{display:flex;align-items:center;gap:11px;min-width:0}.mini-brand{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;flex:0 0 auto;background:linear-gradient(145deg,var(--accent2),var(--accent));color:#111;font-size:18px;font-weight:950;box-shadow:0 8px 18px rgba(217,173,91,.12)}
main{padding:20px 18px 34px;max-width:760px;margin:auto}.top-actions,.row{display:flex;align-items:center;gap:9px}.between{justify-content:space-between}
.icon-btn,.text-btn,.seg-btn,.menu-card,.primary-btn,.danger-btn,.secondary-btn,.logout-btn,.menu-back-btn,.price-btn{border:0;cursor:pointer}
.icon-btn{width:42px;height:42px;border-radius:13px;background:var(--panel2);color:var(--text);font-size:20px;border:1px solid var(--line)}.text-btn{background:transparent;color:var(--accent2);font-weight:800}
.segmented{display:grid;grid-template-columns:1fr 1fr;gap:5px;background:#0a0f16;border:1px solid var(--line);padding:5px;border-radius:14px;margin:18px 0}.seg-btn{padding:11px 12px;border-radius:10px;background:transparent;color:var(--muted);font-weight:850}.seg-btn.active{background:var(--panel2);color:var(--text);box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
.form-stack{display:grid;gap:14px}label span,.field-label{display:block;font-size:13px;font-weight:750;margin:0 0 7px;color:#cbd3dd}label em{font-style:normal;color:var(--muted);font-weight:500}
input{width:100%;background:#0a0f16;color:var(--text);border:1px solid var(--line);border-radius:13px;padding:14px 15px;outline:none;font-size:16px;transition:border-color .15s,box-shadow .15s}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(217,173,91,.10)}
.primary-btn{background:linear-gradient(180deg,var(--accent2),var(--accent));color:#14110b;border-radius:13px;padding:14px 16px;font-weight:950;box-shadow:0 8px 20px rgba(217,173,91,.12)}.primary-btn:active{transform:translateY(1px)}
.secondary-btn{background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:11px;padding:10px 12px;font-weight:800}.danger-btn{background:rgba(239,83,80,.11);color:#ff9c99;border:1px solid rgba(239,83,80,.22);border-radius:11px;padding:10px 12px;font-weight:800}
.hero-card{position:relative;overflow:hidden;padding:24px;margin-bottom:16px;background:linear-gradient(140deg,#171f2a 0%,#111721 65%,#151b24 100%)}.hero-card:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-80px;top:-95px;background:radial-gradient(circle,rgba(217,173,91,.13),transparent 70%);pointer-events:none}.small-hero{padding:19px}.money{font-size:40px;font-weight:950;letter-spacing:-.045em;margin:5px 0 14px}.hero-split{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;font-size:11px;color:var(--muted)}.hero-split span{background:rgba(8,11,16,.36);border:1px solid var(--line-soft);padding:9px 10px;border-radius:11px;min-width:0}.hero-split strong{display:block;color:var(--text);margin-top:3px;font-size:13px}
.card{padding:19px;margin-bottom:16px}.compact-card{margin-top:16px;background:rgba(17,23,33,.75)}
.quick-delivery-card{border-color:#3a4656;background:linear-gradient(180deg,#151c26,#10161f)}.quick-delivery-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}.quick-delivery-head h3{margin:0}.quick-delivery-form{display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px}.quick-amount-label{min-width:0}.quick-amount-label input{font-size:21px;font-weight:900;padding:14px}.quick-add-btn{min-height:52px;min-width:96px;font-size:16px}
.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.menu-card{min-height:142px;text-align:left;background:linear-gradient(180deg,var(--panel),#0e141d);color:var(--text);border:1px solid var(--line);border-radius:var(--radius);padding:17px;display:flex;flex-direction:column;gap:7px;transition:.15s transform,.15s border-color,.15s background}.menu-card:active{transform:scale(.985);background:#151d28}.menu-card:hover{border-color:#435064}.menu-icon{width:42px;height:42px;border-radius:12px;background:#0b1118;border:1px solid var(--line-soft);display:grid;place-items:center;font-size:23px;margin-bottom:4px}.menu-card strong{font-size:16px;letter-spacing:-.01em}.menu-card small{color:var(--muted);line-height:1.35}
.section-head{display:flex;align-items:center;justify-content:space-between;margin:23px 2px 10px}.section-head h3{margin:0}.list{display:grid;gap:10px}.list-item{background:linear-gradient(180deg,var(--panel),#0f151d);border:1px solid var(--line);border-radius:16px;padding:15px}.item-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.item-amount{font-weight:950;font-size:20px}.item-meta{font-size:12px;color:var(--muted);margin-top:5px;line-height:1.45}.item-note{margin-top:8px;font-size:13px}.item-actions{display:flex;gap:8px;margin-top:13px;flex-wrap:wrap}.status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:950;margin-top:8px;letter-spacing:.04em}.status.active{background:rgba(103,212,155,.11);color:#8ce7b4;border:1px solid rgba(103,212,155,.15)}.status.expired{background:rgba(217,173,91,.11);color:#f0cc84;border:1px solid rgba(217,173,91,.15)}.status.revoked{background:rgba(239,83,80,.11);color:#ff9692;border:1px solid rgba(239,83,80,.16)}.timer{font-weight:950;color:var(--accent2);margin-top:6px}
.leaderboard{display:grid;gap:9px}.leader-row{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:14px;border-radius:14px;background:#0b1118;border:1px solid var(--line)}.rank{font-size:18px;font-weight:950;color:var(--accent2)}.leader-name{font-weight:900}.leader-sub{font-size:11px;color:var(--muted);margin-top:3px}.leader-money{font-weight:950;font-size:15px}
.modal{position:fixed;inset:0;background:rgba(3,5,8,.78);z-index:20;display:grid;place-items:center;padding:18px;backdrop-filter:blur(8px)}.modal-card{width:min(440px,100%);padding:21px}.toast{position:fixed;z-index:50;left:50%;bottom:24px;transform:translate(-50%,20px);background:#f7f8fb;color:#101318;padding:11px 15px;border-radius:12px;font-weight:850;font-size:13px;opacity:0;pointer-events:none;transition:.2s;box-shadow:0 10px 30px rgba(0,0,0,.35)}.toast.show{opacity:1;transform:translate(-50%,0)}.empty{padding:22px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:16px}.page-section{animation:fade .16s ease}@keyframes fade{from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:none}}
.menu-back-btn{min-height:42px;border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:12px;padding:0 13px;font-weight:900;white-space:nowrap}.logout-btn{min-height:42px;border:1px solid rgba(239,83,80,.36);border-radius:12px;background:linear-gradient(180deg,#e85a57,#cf403e);color:white;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:13px;font-weight:950;cursor:pointer;white-space:nowrap;box-shadow:0 8px 18px rgba(239,83,80,.13)}.logout-btn:active{transform:scale(.98)}.logout-icon{font-size:16px;line-height:1;color:white}
.price-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.price-btn{border:1px solid var(--line);background:#0a0f16;color:var(--text);border-radius:13px;padding:12px 8px;display:grid;gap:3px;text-align:center}.price-btn strong{font-size:15px}.price-btn small{font-size:10px;color:var(--muted)}.price-btn.active{border-color:var(--accent);background:rgba(217,173,91,.10);box-shadow:inset 0 0 0 1px var(--accent)}.custom-price-wrap{margin-top:10px}.renter-label{font-size:15px!important;color:var(--text)!important}.renter-input{font-size:18px!important;font-weight:850;padding:15px!important}.rental-item{padding-top:12px}.renter-name-card{background:#0a0f16;border:1px solid var(--line);border-radius:13px;padding:12px 13px;margin-bottom:11px}.renter-name-card strong{display:block;font-size:21px;line-height:1.2}.renter-caption{font-size:10px;letter-spacing:.16em;color:var(--accent2);font-weight:950;display:block;margin-bottom:4px}
.signout-card{text-align:center;max-width:380px}.signout-symbol{width:56px;height:56px;border-radius:17px;margin:0 auto 15px;display:grid;place-items:center;background:rgba(239,83,80,.11);border:1px solid rgba(239,83,80,.22);color:#ff7b77;font-size:25px;font-weight:900}.signout-card h3{font-size:22px;margin-bottom:7px}.signout-card p{line-height:1.5;margin-bottom:19px}.signout-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wide-btn{min-height:46px;justify-content:center}.confirm-logout{padding:0 16px}
@media(max-width:480px){main{padding:15px 14px 30px}.topbar{padding:12px 14px}.mini-brand{width:36px;height:36px;border-radius:11px}.topbar-brand{gap:9px}h2{font-size:18px}.money{font-size:34px}.menu-grid{grid-template-columns:1fr 1fr}.menu-card{min-height:132px;padding:15px}.hero-split{gap:6px}.hero-split span{padding:8px}.quick-delivery-head{display:block}.quick-delivery-head .muted{display:block;margin-top:4px}.quick-add-btn{min-width:84px}.price-btn{padding:10px 4px}.price-btn strong{font-size:13px}.menu-back-btn{padding:0 10px}.logout-btn{padding:0 11px}}
@media(max-width:370px){.topbar .eyebrow{display:none}.topbar h2{font-size:17px}.mini-brand{display:none}.top-actions{gap:6px}.menu-back-btn,.logout-btn{font-size:12px;padding:0 9px}.menu-card{min-height:126px}.hero-split{grid-template-columns:1fr}.leader-row{grid-template-columns:36px 1fr}.leader-money{grid-column:2;text-align:left}.signout-actions{grid-template-columns:1fr}}


/* v6: quick actions + list-only history pages */
.quick-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:14px}
.quick-rental-card{border-color:rgba(212,172,92,.28)}
.quick-rental-form{margin-top:12px}
.list-page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px;padding:4px 2px 10px;border-bottom:1px solid var(--border)}
.list-page-intro h3{margin:3px 0 5px}
.list-page-intro>strong{font-size:1.35rem;white-space:nowrap}
@media (min-width:850px){.quick-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start}}
@media (max-width:520px){.list-page-intro{align-items:flex-start;flex-direction:column;gap:8px}.price-options{grid-template-columns:repeat(3,minmax(0,1fr))}.price-btn{padding-left:6px;padding-right:6px}}


/* v7: auto-dismiss confirmation popups */
.toast.confirm-toast{width:min(420px,calc(100% - 28px));bottom:auto;top:50%;background:linear-gradient(180deg,#17231d,#101914);color:var(--text);border:1px solid rgba(103,212,155,.32);padding:14px 15px;display:flex;align-items:center;gap:12px;border-radius:16px;box-shadow:0 16px 40px rgba(0,0,0,.42)}
.toast-check{width:38px;height:38px;flex:0 0 38px;border-radius:12px;display:grid;place-items:center;background:rgba(103,212,155,.14);border:1px solid rgba(103,212,155,.28);color:#8ce7b4;font-size:20px;font-weight:950}
.toast-copy{min-width:0;display:grid;gap:3px;text-align:left}.toast-copy strong{font-size:14px;line-height:1.2}.toast-copy span{font-size:12px;line-height:1.35;color:#b7c5bc;overflow-wrap:anywhere}
@media(max-width:480px){.toast.confirm-toast{bottom:auto;top:50%;width:calc(100% - 24px);padding:13px}.toast-copy span{font-size:11.5px}}

.toast.confirm-toast{transform:translate(-50%,calc(-50% + 18px))}
.toast.confirm-toast.show{transform:translate(-50%,-50%)}

/* v12 premium authentication */
.auth-screen{position:relative;overflow:hidden;min-height:100svh;padding:28px 18px 34px;background:radial-gradient(circle at 50% 9%,rgba(221,174,80,.16),transparent 28%),linear-gradient(180deg,#07090d 0%,#0a0d12 45%,#05070a 100%);display:grid;place-items:center}
.auth-screen:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,black,transparent 72%)}
.auth-screen:after{content:"";position:absolute;left:-8%;right:-8%;bottom:-3%;height:34%;pointer-events:none;background:linear-gradient(165deg,transparent 42%,rgba(232,184,90,.055) 43%,transparent 44%),linear-gradient(15deg,transparent 48%,rgba(255,255,255,.025) 49%,transparent 50%);filter:blur(.2px)}
.auth-ambient{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none}.auth-ambient-one{width:220px;height:220px;background:rgba(232,184,90,.12);top:-80px;right:-70px}.auth-ambient-two{width:260px;height:260px;background:rgba(130,148,180,.07);left:-140px;bottom:7%}
.auth-shell{position:relative;z-index:1;width:min(430px,100%);display:flex;flex-direction:column;align-items:stretch}
.auth-brand{text-align:center;margin-bottom:22px}.auth-logo{width:124px;height:124px;object-fit:cover;border-radius:29px;box-shadow:0 18px 50px rgba(0,0,0,.48),0 0 0 1px rgba(232,184,90,.3);margin-bottom:17px}.auth-kicker{font-size:12px;letter-spacing:.31em;color:#efc875;font-weight:900;margin-left:.31em}.auth-brand h1{margin:10px 0 7px;font-size:31px;line-height:1.05;letter-spacing:-.035em}.auth-subtitle{max-width:335px;margin:0 auto;color:#929cab;font-size:14px;line-height:1.55}
.premium-auth-card{width:100%;padding:8px 18px 20px;border-radius:25px;background:linear-gradient(180deg,rgba(17,22,30,.94),rgba(10,14,20,.97));border-color:rgba(232,184,90,.23);box-shadow:0 24px 70px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.035);backdrop-filter:blur(18px)}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:0 -10px 21px;padding:5px;border-radius:17px;background:#080b10;border:1px solid #202936}.auth-tab{min-height:45px;border-radius:12px;background:transparent;color:#7f8998;font:inherit;font-size:14px;font-weight:900;cursor:pointer}.auth-tab.active{color:#17130c;background:linear-gradient(180deg,#f6d78c,#dbaa4d);box-shadow:0 6px 18px rgba(219,170,77,.18)}
.auth-form{gap:16px}.auth-field>span{display:block;margin:0 0 8px 3px;color:#cbd2dd;font-size:13px;font-weight:800}.auth-input-wrap{display:flex;align-items:center;gap:10px;min-height:58px;border-radius:16px;border:1px solid #273241;background:#080d13;padding:0 14px;transition:.18s ease}.auth-input-wrap:focus-within{border-color:#cf9f49;box-shadow:0 0 0 3px rgba(232,184,90,.08)}.auth-input-wrap input{border:0!important;background:transparent!important;padding:0!important;min-width:0;box-shadow:none!important;font-size:16px}.auth-field-icon{width:24px;text-align:center;color:#9da6b3;font-size:19px;opacity:.85}.auth-submit{margin-top:4px;min-height:58px;border-radius:16px;font-size:16px;letter-spacing:.01em;display:flex;align-items:center;justify-content:center;gap:11px}.auth-submit span{font-size:21px;margin-top:-1px}.auth-divider{display:flex;align-items:center;gap:9px;margin:18px 0 12px;color:#666f7c}.auth-divider span{height:1px;background:#252d38;flex:1}.auth-divider em{font-style:normal;font-size:8px;letter-spacing:.2em;white-space:nowrap}.auth-hint{text-align:center;margin:0}.auth-footer{display:flex;justify-content:space-between;gap:16px;padding:17px 4px 0;color:#505967;font-size:8px;font-weight:800;letter-spacing:.18em}.auth-footer span:last-child{color:#7b6640}
.mini-brand{overflow:hidden;padding:0!important;background:#0d1117!important;border:1px solid rgba(232,184,90,.28)!important}.mini-brand img{width:100%;height:100%;display:block;object-fit:cover}
@media(max-width:390px){.auth-screen{padding-top:20px}.auth-logo{width:104px;height:104px;border-radius:25px}.auth-brand{margin-bottom:18px}.auth-brand h1{font-size:28px}.premium-auth-card{padding-left:15px;padding-right:15px}.auth-footer{font-size:7px}.auth-input-wrap{min-height:55px}}

/* v13: Danny Morgan admin approval center */
.admin-menu-card{border-color:rgba(232,184,90,.42);background:linear-gradient(160deg,rgba(232,184,90,.12),rgba(16,22,31,.98) 58%)}
.admin-menu-card .menu-icon{background:rgba(232,184,90,.11);border-color:rgba(232,184,90,.25)}
.admin-hero{position:relative;overflow:hidden;border-color:rgba(232,184,90,.30);background:linear-gradient(145deg,#171d26,#10151d 70%)}
.admin-hero:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;right:-70px;top:-90px;background:radial-gradient(circle,rgba(232,184,90,.16),transparent 70%);pointer-events:none}
.admin-badge{display:inline-flex;align-items:center;min-height:27px;padding:0 10px;border-radius:999px;margin-bottom:11px;background:rgba(232,184,90,.11);border:1px solid rgba(232,184,90,.24);color:var(--accent2);font-size:9px;font-weight:950;letter-spacing:.16em}
.admin-hero h3{font-size:23px;margin-bottom:7px}.admin-hero p{line-height:1.55;margin-bottom:0;max-width:520px}
.pending-count{min-width:30px;height:30px;padding:0 9px;border-radius:999px;display:grid;place-items:center;background:rgba(232,184,90,.12);border:1px solid rgba(232,184,90,.24);color:var(--accent2);font-size:12px;font-weight:950}
.approval-item{display:grid;gap:13px}.approval-main{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.approval-name{font-size:18px;font-weight:950;letter-spacing:-.015em}.pending-status{background:rgba(232,184,90,.10)!important;border-color:rgba(232,184,90,.22)!important;color:#efcb83!important}.approve-btn{width:100%;min-height:47px}.admin-members-head{margin-top:24px}.approved-member{background:linear-gradient(180deg,rgba(16,25,23,.72),rgba(13,19,27,.98))}.revoke-access-btn{width:100%;min-height:44px}.admin-name-tag{display:inline-flex;vertical-align:middle;margin-left:6px;padding:3px 6px;border-radius:6px;background:rgba(232,184,90,.12);border:1px solid rgba(232,184,90,.22);color:var(--accent2);font-size:8px;letter-spacing:.12em}.admin-empty{border-color:rgba(232,184,90,.20)}

.approval-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.delete-request-btn{min-height:48px}.approval-actions .approve-btn{min-height:48px}@media(max-width:420px){.approval-actions{grid-template-columns:1fr}}

/* v15: account settings */
.settings-hero{border-color:rgba(232,184,90,.27);background:linear-gradient(145deg,#171d26,#10151d 72%)}
.settings-profile{display:flex;align-items:center;gap:16px}.settings-profile h3{font-size:22px;margin:3px 0 5px}
.settings-avatar{width:78px;height:78px;flex:0 0 78px;border-radius:23px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#202936,#0c1118);border:1px solid rgba(232,184,90,.30);box-shadow:0 12px 30px rgba(0,0,0,.28);font-size:28px}
.settings-avatar-img,.home-avatar-img{width:100%;height:100%;object-fit:cover;display:block}
.settings-card{margin-top:14px}.settings-section-head{margin-bottom:14px}.settings-section-head h3{margin-bottom:5px}.settings-section-head p{margin:0;line-height:1.5}
.photo-picker{min-height:76px;border:1px dashed rgba(232,184,90,.35);border-radius:17px;background:rgba(232,184,90,.055);display:flex!important;align-items:center;gap:13px;padding:12px 14px;cursor:pointer}
.photo-picker-icon{width:43px;height:43px;flex:0 0 43px;border-radius:13px;display:grid!important;place-items:center;background:rgba(232,184,90,.11);border:1px solid rgba(232,184,90,.23);color:var(--accent2);font-size:24px!important;line-height:1}
.photo-picker>span:nth-child(2){display:grid!important;gap:3px;margin:0!important}.photo-picker strong{font-size:14px}.photo-picker small{font-size:11px;color:var(--muted)}
.avatar-preview-wrap{display:flex;align-items:center;gap:12px;padding:10px;border-radius:15px;background:var(--panel2);border:1px solid var(--line)}.avatar-preview{width:62px;height:62px;object-fit:cover;border-radius:16px;border:1px solid rgba(232,184,90,.26)}
#saveAvatarBtn:disabled{opacity:.45;cursor:not-allowed}.logged-account{display:flex;align-items:center;gap:10px}.home-avatar{width:40px;height:40px;border-radius:12px;overflow:hidden;display:grid;place-items:center;background:#111821;border:1px solid rgba(232,184,90,.23);font-size:16px}
@media(max-width:390px){.settings-avatar{width:68px;height:68px;flex-basis:68px;border-radius:20px}.settings-profile{gap:13px}.settings-profile h3{font-size:20px}}

/* v17: operation switch + Drug Operations */
.operation-switch{max-width:760px;margin:14px auto 0;padding:0 18px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.operation-btn{min-height:48px;border:1px solid var(--line);border-radius:15px;background:#0d1219;color:#7f8997;font:inherit;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;cursor:pointer}.operation-btn strong{font-weight:900}.operation-btn.active{color:#17130b;border-color:rgba(232,184,90,.48);background:linear-gradient(180deg,#f0c873,#c9963e);box-shadow:0 8px 22px rgba(217,173,91,.13)}.operation-btn.drug-mode-btn.active{color:#e7fff1;border-color:rgba(75,211,132,.42);background:linear-gradient(180deg,#163526,#10281d);box-shadow:0 8px 24px rgba(43,184,104,.12)}
.drug-mode{background:#060b09}.drug-mode .topbar{border-bottom-color:rgba(75,211,132,.14)}.drug-mode .mini-brand{border-color:rgba(75,211,132,.25)!important}.drug-operations-page{--drug:#4bd384;--drug2:#9aefbd;--drugline:rgba(75,211,132,.20);--drugpanel:#0b1511}.drug-hero{position:relative;overflow:hidden;padding:24px;border:1px solid var(--drugline);border-radius:23px;background:radial-gradient(circle at 88% 5%,rgba(75,211,132,.16),transparent 31%),linear-gradient(145deg,#10231a,#09120e 67%);box-shadow:0 18px 48px rgba(0,0,0,.24);margin-bottom:15px}.drug-hero:after{content:'◈';position:absolute;right:-10px;top:-28px;font-size:140px;color:rgba(75,211,132,.035);transform:rotate(18deg)}.drug-kicker{color:var(--drug2);font-size:9px;font-weight:950;letter-spacing:.2em}.drug-hero h3{font-size:27px;margin:7px 0 5px}.drug-hero p{font-size:12px;color:#87a194;line-height:1.5;max-width:430px;margin:0 0 20px}.drug-total{padding:14px;border-radius:16px;border:1px solid var(--drugline);background:rgba(4,10,7,.42)}.drug-total span,.drug-stats span{display:block;color:#789185;font-size:10px;font-weight:750}.drug-total strong{display:block;color:#dffff0;font-size:32px;margin-top:3px;letter-spacing:-.035em}.drug-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px}.drug-stats div{padding:11px 10px;border-radius:13px;background:rgba(4,10,7,.38);border:1px solid rgba(75,211,132,.11)}.drug-stats strong{display:block;color:#d6e9df;font-size:14px;margin-top:4px}.drug-card,.drug-breakdown-card{padding:18px;border:1px solid var(--drugline);border-radius:19px;background:linear-gradient(180deg,#0d1713,#09110e);margin-bottom:15px}.drug-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.drug-section-head h3{margin:3px 0 0;font-size:18px}.drug-section-head>span{font-size:9px;color:#729181;padding:5px 8px;border:1px solid var(--drugline);border-radius:999px}.drug-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.drug-operations-page input{background:#06100b;border-color:rgba(75,211,132,.17)}.drug-operations-page input:focus{border-color:var(--drug);box-shadow:0 0 0 3px rgba(75,211,132,.08)}.drug-primary-btn{min-height:50px;border:1px solid rgba(104,230,155,.38);border-radius:13px;background:linear-gradient(180deg,#51db8b,#35b96e);color:#06120b;font:inherit;font-weight:950;cursor:pointer}.drug-breakdown{display:grid;gap:7px}.drug-break-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:13px;background:#07100c;border:1px solid rgba(75,211,132,.10)}.drug-break-row div{display:grid;gap:3px}.drug-break-row strong{font-size:13px}.drug-break-row span{font-size:10px;color:#72877c}.drug-break-row b{color:var(--drug2);font-size:14px}.drug-history-head{margin:22px 2px 10px}.drug-sales-list{display:grid;gap:10px}.drug-sale-item{padding:16px;border-radius:17px;border:1px solid var(--drugline);background:linear-gradient(180deg,#0c1612,#08100d)}.drug-sale-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.drug-sale-top>div:first-child{display:grid;gap:4px}.drug-product{font-size:10px;color:var(--drug2);font-weight:950;letter-spacing:.12em;text-transform:uppercase}.drug-sale-top strong{font-size:23px}.drug-unit-pill{padding:7px 9px;border-radius:10px;background:rgba(75,211,132,.08);border:1px solid var(--drugline);font-size:10px;color:#9bd7b4;font-weight:800}.drug-sale-meta{font-size:10px;color:#6f8579;margin-top:8px}.drug-note{margin-top:10px;padding:9px 10px;border-radius:10px;background:#07100c;color:#a7b9af;font-size:11px}.drug-edit-btn,.drug-delete-btn{border-radius:11px;padding:10px 13px;font:inherit;font-size:12px;font-weight:850;cursor:pointer}.drug-edit-btn{background:rgba(75,211,132,.08);color:#a6e8c0;border:1px solid var(--drugline)}.drug-delete-btn{background:rgba(239,83,80,.08);color:#ff9c99;border:1px solid rgba(239,83,80,.20)}.drug-empty{padding:22px;text-align:center;color:#698075;font-size:12px;border:1px dashed rgba(75,211,132,.14);border-radius:14px}
@media(max-width:390px){.operation-switch{padding:0 12px}.operation-btn{font-size:12px}.drug-hero{padding:20px}.drug-form-grid{grid-template-columns:1fr}.drug-stats strong{font-size:12px}}

/* v18 beta: Chopshop Operation */
.operation-switch{grid-template-columns:repeat(3,1fr)}
.operation-btn.chop-mode-btn.active{color:#fff5e5;border-color:rgba(255,145,54,.48);background:linear-gradient(180deg,#3a2112,#24150c);box-shadow:0 8px 24px rgba(255,122,24,.13)}
.chop-mode{background:#080706}.chop-mode .topbar{border-bottom-color:rgba(255,145,54,.15)}.chop-mode .mini-brand{border-color:rgba(255,145,54,.26)!important}
.chopshop-page{--chop:#ff9136;--chop2:#ffc17c;--chopline:rgba(255,145,54,.20);--choppanel:#17100b}
.chop-hero{position:relative;overflow:hidden;padding:24px;border:1px solid var(--chopline);border-radius:23px;background:radial-gradient(circle at 90% 7%,rgba(255,145,54,.17),transparent 31%),linear-gradient(145deg,#24150d,#100c09 68%);box-shadow:0 18px 48px rgba(0,0,0,.27);margin-bottom:14px}
.chop-hero:after{content:'⚙';position:absolute;right:-18px;top:-42px;font-size:150px;color:rgba(255,145,54,.045);transform:rotate(18deg);pointer-events:none}.chop-kicker{color:var(--chop2);font-size:9px;font-weight:950;letter-spacing:.2em}.chop-hero h3{font-size:27px;margin:7px 0 5px}.chop-hero p{font-size:12px;color:#a68d7a;line-height:1.5;max-width:450px;margin:0 0 20px}.chop-inventory-total{padding:14px;border-radius:16px;border:1px solid var(--chopline);background:rgba(8,5,3,.45)}.chop-inventory-total span,.chop-stats span{display:block;color:#9a806c;font-size:10px;font-weight:750}.chop-inventory-total strong{display:block;color:#fff2e6;font-size:34px;margin-top:3px;letter-spacing:-.035em}.chop-inventory-total small{display:block;color:#6e5949;font-size:9px;margin-top:2px}.chop-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px}.chop-stats div{padding:11px 10px;border-radius:13px;background:rgba(8,5,3,.38);border:1px solid rgba(255,145,54,.11)}.chop-stats strong{display:block;color:#eadbd0;font-size:14px;margin-top:4px}
.chop-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:15px;padding:5px;border:1px solid var(--chopline);border-radius:16px;background:#100b08}.chop-tab{min-height:43px;border:0;border-radius:11px;background:transparent;color:#806b5b;font:inherit;font-size:11px;font-weight:900;cursor:pointer}.chop-tab.active{background:linear-gradient(180deg,#ff9a45,#d56c1d);color:#1b0d05;box-shadow:0 8px 18px rgba(229,107,25,.14)}
.chop-card{padding:18px;border:1px solid var(--chopline);border-radius:19px;background:linear-gradient(180deg,#18110c,#100b08);margin-bottom:15px}.chop-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.chop-section-head h3{margin:3px 0 0;font-size:18px}.chop-section-head>span{font-size:9px;color:#9b7a60;padding:5px 8px;border:1px solid var(--chopline);border-radius:999px}.chop-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.chopshop-page input,.chopshop-page select{width:100%;min-height:49px;border-radius:12px;border:1px solid rgba(255,145,54,.18);background:#0b0705;color:#f1e6dd;padding:0 13px;font:inherit;outline:none}.chopshop-page select{appearance:auto}.chopshop-page input:focus,.chopshop-page select:focus{border-color:var(--chop);box-shadow:0 0 0 3px rgba(255,145,54,.08)}.chop-primary-btn{min-height:50px;border:1px solid rgba(255,171,92,.40);border-radius:13px;background:linear-gradient(180deg,#ff9a45,#dc701f);color:#1b0d05;font:inherit;font-weight:950;cursor:pointer}.chop-history-head{margin:22px 2px 10px}.chop-log-list{display:grid;gap:10px}.chop-log-item{padding:16px;border-radius:17px;border:1px solid var(--chopline);background:linear-gradient(180deg,#17100b,#0e0a07)}.chop-log-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.chop-log-top>div:first-child{display:grid;gap:4px}.chop-vehicle-name{font-size:10px;color:var(--chop2);font-weight:950;letter-spacing:.11em;text-transform:uppercase}.chop-log-top strong{font-size:22px}.chop-qty-pill{padding:7px 9px;border-radius:10px;background:rgba(255,145,54,.08);border:1px solid var(--chopline);font-size:9px;color:#d9a16f;font-weight:850}.chop-meta{font-size:10px;color:#806c5d;margin-top:8px}.chop-note{margin-top:10px;padding:9px 10px;border-radius:10px;background:#0b0705;color:#b9a596;font-size:11px}.chop-edit-btn,.chop-delete-btn{border-radius:11px;padding:10px 13px;font:inherit;font-size:12px;font-weight:850;cursor:pointer}.chop-edit-btn{background:rgba(255,145,54,.08);color:#f4b77f;border:1px solid var(--chopline)}.chop-delete-btn{background:rgba(239,83,80,.08);color:#ff9c99;border:1px solid rgba(239,83,80,.20)}.chop-empty{padding:22px;text-align:center;color:#806b5b;font-size:12px;border:1px dashed rgba(255,145,54,.14);border-radius:14px}
.inventory-balance-card{display:flex;align-items:center;justify-content:space-between;gap:18px}.inventory-balance-card h3{margin:4px 0 5px}.inventory-big-number{font-size:38px;font-weight:950;letter-spacing:-.04em;color:#fff0e2;min-width:90px;text-align:right}.chop-adjust-mode{display:grid;grid-template-columns:1fr 1fr;gap:8px}.chop-adjust-btn{min-height:44px;border-radius:11px;border:1px solid var(--chopline);background:#0c0805;color:#8f7867;font:inherit;font-weight:900;cursor:pointer}.chop-adjust-btn.active{background:rgba(255,145,54,.13);color:#ffc28b;border-color:rgba(255,145,54,.36)}.parts-negative{color:#ff9c99}.parts-positive{color:#ffc17c}
.vehicle-list-intro h3{margin:4px 0 5px}.chop-vehicle-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.chop-vehicle-card{overflow:hidden;border-radius:17px;border:1px solid var(--chopline);background:#100b08;box-shadow:0 12px 28px rgba(0,0,0,.20)}.chop-vehicle-card img{width:100%;aspect-ratio:1.45/1;object-fit:cover;display:block;background:#090604}.chop-vehicle-card div{padding:12px 13px 14px;display:grid;gap:2px}.chop-vehicle-card span{font-size:8px;font-weight:950;letter-spacing:.18em;color:#ba7f4e}.chop-vehicle-card strong{font-size:15px;color:#f5e9df}.chop-adjustment-item .chop-qty-pill{font-size:8px}
@media(max-width:520px){.operation-switch{padding:0 12px;gap:5px}.operation-btn{min-height:47px;font-size:10px;gap:4px}.operation-btn span{font-size:13px}.chop-hero{padding:20px}.chop-form-grid{grid-template-columns:1fr}.chop-vehicle-gallery{grid-template-columns:1fr 1fr}.inventory-balance-card{align-items:flex-end}.inventory-big-number{font-size:31px}.chop-stats strong{font-size:12px}.chop-tab{font-size:10px}}
@media(max-width:350px){.operation-btn strong{font-size:9px}.chop-vehicle-gallery{grid-template-columns:1fr}}


/* v20: push notifications */
.push-settings-card{border-color:rgba(84,158,255,.22);background:linear-gradient(145deg,#121923,#0d131b 72%)}
.push-settings-card .settings-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.push-status{flex:0 0 auto;padding:6px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);color:#8994a3;font-size:8px;font-weight:950;letter-spacing:.11em}
.push-status.ready{color:#9fe8ba;border-color:rgba(81,211,132,.24);background:rgba(81,211,132,.08)}
.push-status.blocked{color:#ffaaa8;border-color:rgba(239,83,80,.24);background:rgba(239,83,80,.08)}
.push-help{margin:10px 2px 0!important;line-height:1.45}.push-prefs{display:grid;gap:8px;margin-top:14px}
.push-pref-row{display:flex!important;align-items:center;justify-content:space-between;gap:14px;padding:12px 13px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.025);cursor:pointer}
.push-pref-row>span{display:grid!important;gap:3px;margin:0!important}.push-pref-row strong{font-size:13px}.push-pref-row small{font-size:10px;color:var(--muted)}
.push-pref-row input{appearance:none;width:42px;height:24px;flex:0 0 42px;border-radius:999px;border:1px solid rgba(255,255,255,.13);background:#171d25;position:relative;cursor:pointer;transition:.18s}
.push-pref-row input:after{content:'';position:absolute;width:18px;height:18px;left:2px;top:2px;border-radius:50%;background:#6d7887;transition:.18s}
.push-pref-row input:checked{background:rgba(81,211,132,.19);border-color:rgba(81,211,132,.40)}.push-pref-row input:checked:after{left:20px;background:#65dd91}
.push-test-btn{width:100%;min-height:45px;margin-top:4px}
@media(max-width:420px){.push-settings-card .settings-section-head{display:grid}.push-status{justify-self:start}}