:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f8fafc;background:#07111f;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 0,#173154 0,#0b1728 34%,#060d18 100%)}button,input,select,textarea{font:inherit}.shell{width:min(760px,100%);margin:auto;padding:22px 18px 42px}.top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px}.brand{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:#93a4bc}.who{font-size:13px;color:#9fb0c8}.title{font-size:clamp(25px,6vw,42px);line-height:1.04;margin:0 0 8px}.sub{color:#9fb0c8;margin:0 0 24px}.card{background:rgba(17,31,51,.92);border:1px solid #263b59;border-radius:24px;padding:20px;box-shadow:0 22px 70px #0007}.login{max-width:430px;margin:10vh auto 0}.pin{width:100%;padding:18px;text-align:center;letter-spacing:.45em;font-size:28px;border-radius:15px;border:1px solid #37506f;background:#07111f;color:#fff;outline:none}.pin:focus,.field:focus{border-color:#53d6a3;box-shadow:0 0 0 3px #53d6a326}.primary,.secondary,.danger{border:0;border-radius:15px;padding:16px 18px;font-weight:750;cursor:pointer}.primary{background:#48d59c;color:#062218}.secondary{background:#1e3049;color:#e8eef7}.danger{background:#5f2732;color:#ffd9de}.full{width:100%;margin-top:14px}.hint{font-size:13px;color:#8395ae;margin-top:14px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.tile{min-height:142px;border:1px solid #29415f;border-radius:20px;padding:18px;background:linear-gradient(145deg,#172a43,#101e31);color:#fff;text-align:left;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between}.tile strong{font-size:20px}.tile span{font-size:13px;color:#9fb0c8}.tile.accent{background:linear-gradient(145deg,#55dfa9,#2aaf7f);color:#05251a;border:0}.tile.accent span{color:#0c503c}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#243a56;color:#b8c7d9;font-size:12px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.label{display:block;color:#9fb0c8;font-size:13px;margin:0 0 7px}.field{width:100%;border:1px solid #304764;border-radius:13px;background:#0a1524;color:#fff;padding:14px;outline:none}.span2{grid-column:1/-1}.transfer{display:grid;grid-template-columns:1fr 140px 44px;gap:8px;margin:8px 0}.iconbtn{border:0;border-radius:12px;background:#482633;color:#ffd5dc;font-size:22px}.sum{display:flex;justify-content:space-between;align-items:end;margin:18px 0;padding-top:16px;border-top:1px solid #2a3f5b}.sum strong{font-size:28px}.actions{display:flex;gap:10px;flex-wrap:wrap}.actions>*{flex:1}.report{border:1px solid #2a405e;border-radius:16px;padding:14px;margin:10px 0;background:#0b1727}.reporttop{display:flex;justify-content:space-between;gap:10px}.report p{margin:5px 0;color:#9fb0c8;font-size:13px}.status-draft{color:#f5c96a}.status-queued{color:#f5c96a}.status-exported{color:#68b8ff}.status-accepted{color:#58d49f}.empty{text-align:center;color:#8295ae;padding:36px 10px}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,120px);background:#f8fafc;color:#0b1524;padding:12px 16px;border-radius:12px;box-shadow:0 10px 35px #0009;transition:.25s;z-index:5}.toast.show{transform:translate(-50%,0)}@media(max-width:560px){.grid,.formgrid{grid-template-columns:1fr}.span2{grid-column:auto}.tile{min-height:118px}.transfer{grid-template-columns:1fr 110px 42px}.shell{padding:16px 12px 32px}.card{padding:16px;border-radius:20px}}
/* Terminal-style home tile layout */
.home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.home-grid .tile-wide{grid-column:1/-1;min-height:150px}
.home-grid .tile-logout{background:linear-gradient(145deg,#162338,#0d1828)}
@media(max-width:560px){.home-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-grid .tile{min-height:132px;padding:16px;border-radius:18px}.home-grid .tile-wide{grid-column:1/-1;min-height:140px}.home-grid .tile strong{font-size:18px;line-height:1.08}.home-grid .tile span{font-size:12px;line-height:1.3}}
@media(max-width:360px){.home-grid{grid-template-columns:1fr}.home-grid .tile-wide{grid-column:auto}}
.formgrid>*{min-width:0}.date-button,.date-picker{display:block;width:100%;min-width:0;max-width:100%;min-height:52px}.date-button{text-align:left;color:#e8eef7}.date-picker[hidden]{display:none}
.date-overlay{position:fixed;inset:0;z-index:20;display:flex;align-items:flex-end;justify-content:center;padding:16px;background:#020711bf;backdrop-filter:blur(8px)}.date-sheet{width:min(560px,100%);padding:22px;border:1px solid #304764;border-radius:26px;background:#111f33;box-shadow:0 24px 80px #000b}.date-sheet h2{margin:0 0 6px;font-size:24px}.date-sheet>p{margin:0 0 20px;color:#9fb0c8}.date-selects{display:grid;grid-template-columns:.75fr 1.5fr 1fr;gap:10px;margin-bottom:20px}.date-selects label{min-width:0}.date-selects span{display:block;margin:0 0 7px;color:#9fb0c8;font-size:12px}.date-selects .field{padding:14px 10px}@media(max-width:390px){.date-overlay{padding:10px}.date-sheet{padding:18px 14px}.date-selects{grid-template-columns:.7fr 1.45fr .9fr;gap:7px}.date-selects .field{padding:13px 7px;font-size:14px}}
.quick-transfer{margin-top:10px;padding:14px;border:1px solid #304764;border-radius:16px;background:#0b1727}.quick-transfer[hidden]{display:none}.quick-transfer label{display:block;margin-bottom:12px}.quick-transfer .actions{margin-top:4px}
.salary-box{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;margin:-4px 0 18px;padding:16px;border:1px solid #2f6b59;border-radius:16px;background:#0d2a23}.salary-box span{color:#a9c9be}.salary-box strong{font-size:26px;color:#55dfa9}.salary-box small{flex-basis:100%;color:#7fa99b}
.preview-rows{display:grid;gap:0;margin:12px 0 18px;border:1px solid #2a405e;border-radius:16px;overflow:hidden}.preview-rows>div{display:flex;justify-content:space-between;gap:16px;padding:11px 14px;border-bottom:1px solid #263b59}.preview-rows>div:last-child{border-bottom:0}.preview-rows span{color:#9fb0c8}.preview-rows .preview-total{background:#142b3f}.preview-rows .preview-cash{background:#0d362b}.preview-total strong{color:#d8e8ff}.preview-cash strong{color:#55dfa9;font-size:20px}
.report-text{min-height:210px;resize:vertical;word-break:break-all;margin-bottom:4px}.send{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.report-card{padding:18px}.report-card .reporttop>strong{font-size:18px}.report-card .reporttop>span{font-size:13px;text-align:right}.report-total{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-top:16px;padding-top:15px;border-top:1px solid #ffffff12}.report-total span{color:#8fa2ba;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.report-total strong{font-size:24px;letter-spacing:-.02em}.report-actions{display:grid;gap:9px;margin-top:14px}.report-actions button,.report-send{width:100%;min-height:44px;padding:11px 14px;border:0;border-radius:14px;text-align:center;font-size:13px;font-weight:800}.report-send{display:flex;min-height:58px;align-items:center;justify-content:center;background:linear-gradient(135deg,#55dfa9,#28b982);color:#062218;text-decoration:none;box-shadow:0 13px 30px #26bd8425}.edit-report{background:#594715;color:#ffe18a;border:1px solid #f4c84c55!important}.delete-report{background:#5f2732;color:#ffd9de}@media(max-width:420px){.report-card{padding:16px}.report-card p{font-size:12px;line-height:1.5}.report-card .reporttop{align-items:flex-start}.report-total strong{font-size:22px}.report-send{min-height:60px;font-size:15px}}
/* Admin analytics v17 */
.dashboard-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;margin-bottom:30px;border:1px solid #29415f;border-radius:28px;background:linear-gradient(135deg,#152b45,#0c1929);box-shadow:0 24px 70px #0005}.eyebrow{display:block;margin-bottom:8px;color:#738aa6;font-size:11px;font-weight:800;letter-spacing:.17em}.dashboard-head h2,.store-hero h2{margin:0;font-size:clamp(34px,8vw,58px);letter-spacing:-.045em}.metric-caption{display:flex;align-items:center;gap:9px;margin-top:8px;color:#9fb0c8}.trend{display:inline-flex;align-items:center;width:max-content;padding:5px 8px;border-radius:99px;font-size:11px;font-weight:800}.trend.up{color:#61e2b0;background:#143c31}.trend.down{color:#ff8b9a;background:#44202a}.trend.flat{color:#aab8ca;background:#26364a}.donut{width:138px;height:138px;flex:0 0 138px;padding:15px;border-radius:50%;box-shadow:0 0 45px #59e1ac18}.donut>div{display:flex;width:100%;height:100%;align-items:center;justify-content:center;flex-direction:column;border-radius:50%;background:#0d1a2b;box-shadow:inset 0 0 0 1px #ffffff10}.donut strong{font-size:30px}.donut span{color:#8094ad;font-size:11px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:24px 0 14px}.section-title h2{margin:0;font-size:23px}.round-action{width:45px;height:45px;border:1px solid #304967;border-radius:50%;background:#14253a;color:#fff;font-size:25px;cursor:pointer}.shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.shop-card{position:relative;overflow:hidden;min-height:190px;padding:18px;border:1px solid #29415f;border-radius:22px;background:linear-gradient(145deg,#152943,#0e1b2c);color:#fff;text-align:left;cursor:pointer;transition:.2s transform,.2s border-color}.shop-card:hover{transform:translateY(-3px);border-color:var(--shop)}.shop-card:after{content:"";position:absolute;right:-45px;bottom:-55px;width:145px;height:145px;border-radius:50%;background:var(--shop);filter:blur(70px);opacity:.22}.shop-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.shop-dot{width:12px;height:12px;border-radius:50%;background:var(--shop);box-shadow:0 0 18px var(--shop)}.shop-card>strong{display:block;font-size:19px}.shop-revenue{display:block;margin:5px 0 16px;font-size:27px;font-weight:800;letter-spacing:-.03em}.share{height:4px;margin-bottom:8px;overflow:hidden;border-radius:5px;background:#25374c}.share i{display:block;height:100%;border-radius:5px;background:var(--shop)}.shop-card small{color:#8297b0}.admin-actions{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:10px;margin-top:18px}.admin-actions button{font-size:13px}.admin-actions b{float:right;padding:1px 7px;border-radius:99px;background:#31445e}.store-hero{position:relative;margin-bottom:22px;padding:24px;border:1px solid #29415f;border-radius:28px;background:radial-gradient(circle at 85% 20%,#1b5c4c,#132943 44%,#0d1a2b 100%)}.back-link{margin:0 0 32px;padding:0;border:0;background:none;color:#a7b8cb;cursor:pointer}.store-hero h2{font-size:42px}.hero-money{display:flex;align-items:center;gap:12px;margin-top:22px;font-size:32px;font-weight:850}.store-hero p{margin:5px 0 0;color:#8fa3ba}.analytics-card{margin:12px 0;padding:18px;border:1px solid #29415f;border-radius:22px;background:#0d1929}.average{color:#8fa3ba;font-size:12px}.spark{display:block;width:100%;height:190px;margin-top:8px}.chart-empty{padding:60px 0;text-align:center;color:#71869f}.kpi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.kpi{padding:17px;border:1px solid #29415f;border-radius:19px;background:#101f32}.kpi span,.kpi small{display:block;color:#8196ae}.kpi strong{display:block;margin:9px 0 5px;font-size:23px}.kpi small{font-size:11px}.mini-report{display:flex;width:100%;justify-content:space-between;align-items:center;padding:13px 0;border:0;border-bottom:1px solid #243850;background:none;color:#fff;text-align:left}.mini-report:last-child{border-bottom:0}.mini-report span,.mini-report small{display:block}.mini-report small{margin-top:4px;color:#7f94ad}.mini-report b{font-size:17px}@media(max-width:560px){.dashboard-head{padding:19px}.donut{width:108px;height:108px;flex-basis:108px;padding:12px}.dashboard-head h2{font-size:32px}.shop-card{min-height:175px;padding:15px}.shop-revenue{font-size:23px}.admin-actions{grid-template-columns:1fr}.analytics-card{padding:14px}.spark{height:145px}.hero-money{font-size:27px}.average{max-width:120px;text-align:right}}@media(max-width:360px){.dashboard-head{align-items:flex-start}.donut{width:88px;height:88px;flex-basis:88px}.donut strong{font-size:22px}.shop-grid,.kpi-grid{grid-template-columns:1fr}}
/* Cinematic admin skin v18 */
body{position:relative;overflow-x:hidden;background:#050914}.ambient{position:fixed;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(circle at 50% -10%,#162c4c 0,transparent 43%),linear-gradient(145deg,#050914,#07111f 62%,#050812)}.ambient:after{content:"";position:absolute;inset:0;opacity:.14;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000,transparent 72%)}.ambient i{position:absolute;width:42vw;height:42vw;border-radius:50%;filter:blur(100px);opacity:.18;animation:float-orb 16s ease-in-out infinite alternate}.ambient i:nth-child(1){left:-18vw;top:-12vw;background:#1fa97e}.ambient i:nth-child(2){right:-16vw;top:18vh;background:#346edb;animation-duration:21s}.ambient i:nth-child(3){left:32vw;bottom:-30vw;background:#743fd0;animation-duration:25s}.shell{width:min(860px,100%);padding-top:28px}.top{margin-bottom:28px}.brand{display:flex;align-items:center;gap:9px;color:#b0bfd1;font-weight:800}.brand i,footer i{width:8px;height:8px;border-radius:50%;background:#5be8b2;box-shadow:0 0 0 5px #5be8b214,0 0 18px #5be8b2;animation:live-pulse 2s infinite}.compact{padding:10px 13px;border:1px solid #ffffff0c;background:#ffffff08;backdrop-filter:blur(14px)}.title{font-weight:850;letter-spacing:-.045em}.sub{margin-bottom:28px}
.dashboard-head,.shop-card,.analytics-card,.kpi,.store-hero{border-color:#ffffff12;background:linear-gradient(145deg,#172b44bd,#0b1627c9);box-shadow:inset 0 1px #ffffff0b,0 25px 80px #0004;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.dashboard-head{position:relative;overflow:hidden;min-height:205px;background:radial-gradient(circle at 88% 10%,#38dba326,transparent 35%),linear-gradient(135deg,#193351d9,#0b1729e6)}.dashboard-head:before{content:"";position:absolute;inset:-50%;background:linear-gradient(110deg,transparent 42%,#ffffff0b 50%,transparent 58%);animation:sweep 7s ease-in-out infinite;pointer-events:none}.donut{position:relative;animation:donut-in 1.1s cubic-bezier(.2,.9,.2,1) both;filter:drop-shadow(0 0 22px #54dbaa2b)}.donut:after{content:"";position:absolute;inset:-7px;border:1px solid #ffffff13;border-radius:50%;animation:ring-breathe 3s ease-in-out infinite}
.shop-card{transform:perspective(850px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform .22s ease,border-color .3s,box-shadow .3s}.shop-card:before{content:"";position:absolute;inset:0;opacity:0;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),#ffffff16,transparent 38%);transition:opacity .25s;pointer-events:none}.shop-card:hover:before{opacity:1}.shop-card:hover{transform:perspective(850px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-4px);box-shadow:0 25px 70px #0008}.shop-card>*{position:relative;z-index:1;transform:translateZ(12px)}.shop-dot{animation:dot-pulse 2.4s ease-in-out infinite}.share i{position:relative;animation:bar-grow 1.1s cubic-bezier(.2,.9,.2,1) both;transform-origin:left}.share i:after{content:"";position:absolute;right:0;top:-3px;width:10px;height:10px;border-radius:50%;background:inherit;box-shadow:0 0 15px var(--shop)}.round-action{box-shadow:inset 0 1px #ffffff14,0 8px 24px #0003;transition:.35s transform,.35s background}.round-action:hover{transform:rotate(150deg);background:#1e3854}.kpi{transition:.25s transform,.25s border-color}.kpi:hover{transform:translateY(-3px);border-color:#59e1ac55}.reveal{opacity:0;animation:reveal-card .7s var(--delay,0ms) cubic-bezier(.2,.8,.2,1) forwards}.toast{backdrop-filter:blur(20px);background:#f8fafce8}
footer{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:34px;color:#435670;font-size:10px;font-weight:800;letter-spacing:.18em}footer i{width:5px;height:5px}.primary,.secondary,.danger,.round-action,.mini-report{-webkit-tap-highlight-color:transparent}.primary:active,.secondary:active,.round-action:active{transform:scale(.97)}
@keyframes float-orb{to{transform:translate(10vw,12vh) scale(1.18)}}@keyframes live-pulse{50%{opacity:.45;box-shadow:0 0 0 9px transparent,0 0 8px #5be8b2}}@keyframes sweep{0%,55%{transform:translateX(-55%) rotate(4deg)}85%,100%{transform:translateX(55%) rotate(4deg)}}@keyframes donut-in{from{opacity:0;transform:scale(.55) rotate(-110deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes ring-breathe{50%{transform:scale(1.06);opacity:.4}}@keyframes dot-pulse{50%{transform:scale(.75);opacity:.55}}@keyframes bar-grow{from{transform:scaleX(0)}}@keyframes reveal-card{from{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}.shop-card{transform:none!important}}@media(max-width:560px){.ambient i{width:80vw;height:80vw;filter:blur(80px)}.dashboard-head{min-height:180px}.shell{padding-top:20px}.shop-card:hover{transform:none}}
.seller-shell .card,.seller-shell .tile,.seller-shell .report{border-color:#ffffff12;background:linear-gradient(145deg,#172b44d9,#0b1627e8);box-shadow:inset 0 1px #ffffff0b,0 25px 70px #0004;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.seller-shell .tile{position:relative;overflow:hidden;transition:.25s transform,.25s border-color}.seller-shell .tile:after{content:"";position:absolute;right:-45px;bottom:-60px;width:150px;height:150px;border-radius:50%;background:#4ddda7;filter:blur(70px);opacity:.13}.seller-shell .tile:hover{transform:translateY(-3px);border-color:#59e1ac66}.seller-shell .tile.accent{background:radial-gradient(circle at 85% 15%,#b5ffe150,transparent 30%),linear-gradient(135deg,#56e2ad,#25a879);box-shadow:0 20px 55px #24c88e25}.seller-shell .tile strong{position:relative;z-index:1}.seller-shell .field,.seller-shell .pin{background:#07111fd9;border-color:#ffffff18}.seller-shell .card{animation:reveal-card .65s cubic-bezier(.2,.8,.2,1) both}.archive-btn{padding:8px 10px;border:1px solid #ff788f35;border-radius:10px;background:#4a1e29;color:#ff9cac;font-size:11px;font-weight:800;cursor:pointer}.report-bottom{align-items:center;margin-top:12px}.delete-sheet{text-align:center}.delete-icon{display:grid;width:58px;height:58px;margin:0 auto 16px;place-items:center;border-radius:18px;background:#4a1e29;color:#ff9cac;font-size:28px;box-shadow:0 16px 35px #0005}.delete-sheet .hint{margin:10px 0 22px}.delete-sheet .danger{background:linear-gradient(135deg,#ff7188,#cf3f58);color:#fff}@media(max-width:560px){.seller-shell .tile:hover{transform:none}.admin-report .report-bottom{align-items:center}}
.earning-hero{display:flex;position:relative;overflow:hidden;flex-direction:column;margin-bottom:14px;padding:20px;border:1px solid #ffffff16;border-radius:22px;background:radial-gradient(circle at 85% 15%,#79ffd64a,transparent 34%),linear-gradient(135deg,#173b34,#10243a);box-shadow:0 20px 60px #0004}.earning-hero:after{content:"";position:absolute;right:-22px;top:-48px;width:145px;height:145px;border:1px solid #8effda25;border-radius:50%;box-shadow:0 0 0 24px #8effda08}.earning-hero span{position:relative;z-index:1;color:#8fb9ab;font-size:10px;font-weight:800;letter-spacing:.16em}.earning-hero strong{position:relative;z-index:1;margin:7px 0 3px;color:#baffea;font-size:35px;letter-spacing:-.04em}.earning-hero small{position:relative;z-index:1;color:#779a90}.payroll-total{display:flex;flex-direction:column;margin-bottom:14px;padding:22px;border:1px solid #56dda648;border-radius:24px;background:linear-gradient(135deg,#123a30,#13253c);box-shadow:0 22px 65px #0005}.payroll-total span{color:#78a99a;font-size:10px;font-weight:800;letter-spacing:.14em}.payroll-total strong{margin-top:8px;color:#84f2c7;font-size:38px}.seller-stats{display:grid;gap:11px}.seller-stat{display:grid;grid-template-columns:52px 1fr;gap:14px;padding:17px;border:1px solid #ffffff12;border-radius:21px;background:linear-gradient(145deg,#172b44d9,#0b1627e8);box-shadow:inset 0 1px #ffffff0b,0 18px 50px #0003}.seller-avatar{display:grid;width:52px;height:52px;place-items:center;border-radius:17px;background:var(--shop);color:#07111f;font-size:22px;font-weight:900;box-shadow:0 10px 28px color-mix(in srgb,var(--shop) 24%,transparent)}.seller-main span,.seller-main strong,.seller-main small{display:block}.seller-main span{color:#9fb0c8;font-size:13px}.seller-main strong{margin:2px 0;font-size:25px}.seller-main small{color:#71869f}.seller-breakdown{display:flex;grid-column:1/-1;gap:7px;flex-wrap:wrap;padding-top:10px;border-top:1px solid #ffffff0c}.seller-breakdown span{padding:7px 9px;border-radius:9px;background:#ffffff07;color:#8093aa;font-size:11px}.seller-breakdown b{margin-left:4px;color:#dce8f5}
.mailru-mark{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border-radius:13px;background:linear-gradient(145deg,#168bff,#0764df);color:#fff;font-size:24px;font-weight:900;box-shadow:0 8px 22px #0879ef55}.mailru-big{display:grid;width:62px;height:62px;margin:28px auto 16px;place-items:center;border-radius:19px;background:linear-gradient(145deg,#168bff,#0764df);color:#fff;font-size:36px;font-weight:900;box-shadow:0 12px 28px #0879ef44}.mailru-button{background:#087eef;color:#fff}.mailru-mini{display:inline-grid;width:23px;height:23px;margin-right:8px;place-items:center;border-radius:6px;background:#087eef;color:#fff;font-style:normal;font-weight:900}.mailru-ring{border-color:#087eef}
.credential-box{display:grid;grid-template-columns:1fr auto;gap:6px 10px;margin:0 0 16px;padding:14px;border:1px solid #248cff55;border-radius:17px;background:#0b1b31}.credential-box label,.credential-box small{grid-column:1/-1;color:#8298b1;font-size:10px}.credential-box strong{overflow-wrap:anywhere;color:#fff;font-size:14px}.credential-box button{align-self:center;border:0;background:none;color:#55a7ff;font-size:9px;font-weight:900;cursor:pointer}.credential-box small{margin-top:5px;line-height:1.4}.password-field{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}
.mail-setup-banner,.mail-ready{display:flex;width:100%;align-items:center;gap:12px;margin-bottom:13px;padding:14px;border:1px solid #ffdd4844;border-radius:19px;background:linear-gradient(135deg,#342d13,#172338);color:#fff;text-align:left;cursor:pointer;box-shadow:0 16px 45px #0004}.mail-setup-banner>span:nth-child(2){flex:1}.mail-setup-banner strong,.mail-setup-banner small{display:block}.mail-setup-banner small{margin-top:3px;color:#b5a96c;font-size:11px}.mail-setup-banner>b{color:#ffdb4d;font-size:10px}.yandex-mark{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border-radius:13px;background:#ffdf45;color:#251d00;font-size:22px;font-weight:900}.mail-ready{justify-content:space-between;border-color:#57dda53b;background:#102b25;color:#69dbaa;font-size:12px}.mail-ready b{color:#7f9e94;font-size:10px}.setup-card{max-width:560px;margin:0 auto;padding:22px;border:1px solid #ffffff14;border-radius:28px;background:linear-gradient(145deg,#172b44e8,#0b1627f2);box-shadow:0 30px 90px #0008;backdrop-filter:blur(26px)}.setup-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:20px}.setup-progress i{height:4px;border-radius:9px;background:#283950}.setup-progress i.active{background:#ffdc4b;box-shadow:0 0 14px #ffdc4b66}.setup-count{color:#7b8fa8;font-size:10px;font-weight:800;letter-spacing:.16em}.setup-card h1{margin:8px 0;font-size:29px;letter-spacing:-.035em}.setup-card>p{min-height:42px;margin:0 0 18px;color:#95a8bd;line-height:1.45}.phone-shot{position:relative;width:min(260px,82%);height:360px;margin:15px auto 22px;overflow:hidden;border:7px solid #27364a;border-radius:38px;background:#f4f5f7;color:#111;box-shadow:0 25px 70px #0008,inset 0 0 0 1px #fff}.notch{width:92px;height:22px;margin:0 auto 5px;border-radius:0 0 15px 15px;background:#151b24}.ios-bar{display:flex;justify-content:space-between;padding:0 17px 10px;font-size:10px;font-weight:800}.store-head,.settings-title{padding:8px 16px 17px;font-size:19px;font-weight:800}.app-row{display:flex;align-items:center;gap:10px;padding:12px;background:#fff}.app-row>span:nth-child(2){flex:1}.app-row b,.app-row small{display:block}.app-row small{color:#888;font-size:10px}.app-row em{padding:6px 9px;border-radius:15px;background:#e5e9ef;color:#1670d2;font-size:9px;font-style:normal;font-weight:800}.ya-icon{display:grid;width:48px;height:48px;place-items:center;border-radius:12px;background:#ffd633;font-size:25px;font-weight:900}.screen-lines{padding:18px}.screen-lines i{display:block;height:10px;margin-bottom:12px;border-radius:7px;background:#e2e5e9}.ya-big{display:grid;width:62px;height:62px;margin:28px auto 16px;place-items:center;border-radius:19px;background:#ffd633;font-size:33px;font-weight:900}.phone-shot h4{text-align:center}.fake-field,.fake-button{margin:12px 20px;padding:13px;border-radius:11px;background:#e5e8ec;color:#777;font-size:11px}.fake-button{background:#ffdb4d;color:#211b00;text-align:center;font-weight:800}.settings-row{display:flex;position:relative;justify-content:space-between;margin:0 10px;padding:15px 12px;border-bottom:1px solid #ddd;background:#fff;font-size:12px}.settings-row b{color:#999}.settings-row.selected b{color:#237be7;font-size:18px}.ya-mini{display:inline-grid;width:23px;height:23px;margin-right:8px;place-items:center;border-radius:6px;background:#ffd633;font-style:normal;font-weight:900}.tap-ring{position:absolute;right:30px;top:106px;width:45px;height:45px;border:3px solid #ffca28;border-radius:50%;animation:ring-breathe 1.4s infinite}.compose-head{display:flex;justify-content:space-between;padding:10px 14px 18px;color:#3279d8;font-size:11px}.compose-head strong{color:#111}.mail-line{padding:12px 14px;border-top:1px solid #ddd;color:#777;font-size:11px}.success-orbit{display:grid;width:65px;height:65px;margin:54px auto;place-items:center;border-radius:50%;background:#47cc91;color:#fff;font-size:30px;box-shadow:0 0 0 14px #47cc9122}.setup-actions{display:grid;grid-template-columns:.75fr 1.6fr;gap:9px}.setup-actions button{font-size:11px}.setup-done{width:100%;margin-top:10px;padding:13px;border:1px solid #55dda649;border-radius:14px;background:#11352b;color:#67e0b0;font-weight:800;cursor:pointer}@media(max-width:420px){.setup-card{padding:17px 14px}.phone-shot{height:335px}.setup-actions{grid-template-columns:.7fr 1.5fr}.setup-card h1{font-size:26px}}
.order-text{min-height:150px;resize:vertical;line-height:1.5}.pending-order{display:grid;gap:6px;margin:14px 0;padding:14px;border:1px solid #ffbf5840;border-radius:16px;background:#362918}.pending-order strong{color:#ffd183}.pending-order span{color:#e7cfa8;font-size:13px}.pending-order small{margin-top:5px;color:#aa8e62}.order-checks{display:grid;gap:8px;margin:14px 0}.order-check{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid #2c435f;border-radius:13px;background:#0a1625;cursor:pointer}.order-check input{width:20px;height:20px;accent-color:#55dda6}.order-check.done span{text-decoration:line-through;color:#6d829b}.order-admin>small{color:#7f93aa}.admin-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
.forecast-card{margin:14px 0 28px;padding:19px;border:1px solid #65dcb334;border-radius:24px;background:radial-gradient(circle at 92% 0,#53dda51b,transparent 35%),linear-gradient(145deg,#132d32e8,#0b182ae8);box-shadow:inset 0 1px #ffffff0c,0 24px 70px #0004}.forecast-card .section-title{margin:0 0 14px}.forecast-live{padding:6px 9px;border-radius:99px;background:#153e33;color:#72deb5;font-size:9px;font-weight:900;letter-spacing:.1em}.forecast-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.forecast-shop{padding:14px;border:1px solid #ffffff10;border-radius:16px;background:#ffffff06}.forecast-shop>div{display:flex;justify-content:space-between;gap:8px}.forecast-shop small{color:#7f9eaa;font-size:10px}.forecast-shop b{display:block;margin:9px 0 5px;color:#b9ffe4;font-size:16px}.forecast-shop p{margin:0;color:#77908f;font-size:10px}.news-factors{display:grid;gap:6px;margin-top:14px;padding-top:13px;border-top:1px solid #ffffff0c}.news-factor{overflow:hidden;color:#93a9bd;font-size:11px;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.news-factor:before{content:'↗';margin-right:7px;color:#59e1ac}@media(max-width:560px){.forecast-grid{grid-template-columns:1fr}.forecast-shop>div{align-items:center}.forecast-card{padding:15px}.forecast-live{display:none}}
/* Live Gelendzhik weather scene v51 */
.ambient{background:#061523;transition:background 1.8s ease}.weather-sky{position:absolute;inset:0;overflow:hidden;background:linear-gradient(#178fd1 0,#6ec9e7 46%,#dbecda 66%,#0b5578 67%,#03283d 100%);transition:filter 1.6s,background 1.6s}.weather-sun{position:absolute;right:10vw;top:8vh;width:clamp(90px,14vw,190px);height:clamp(90px,14vw,190px);border-radius:50%;background:#fff5b2;box-shadow:0 0 45px #ffe578,0 0 130px #fff59caa,0 0 260px #fff7bd66;animation:sun-breathe 5s ease-in-out infinite}.cloud{position:absolute;width:260px;height:62px;border-radius:99px;background:#f1f7f6c9;filter:blur(1px);box-shadow:70px -28px 0 10px #f1f7f6c9,145px 5px 0 -8px #f1f7f6c9;opacity:.65;animation:cloud-drift 32s linear infinite}.cloud-a{left:-420px;top:12vh}.cloud-b{left:-520px;top:28vh;transform:scale(.7);animation-duration:45s;animation-delay:-20s}.cloud-c{left:-360px;top:4vh;transform:scale(.45);animation-duration:57s;animation-delay:-38s}.mountains{position:absolute;left:-5%;right:-5%;bottom:32%;height:33%;filter:drop-shadow(0 18px 22px #02162366)}.mountains i{position:absolute!important;bottom:0!important;width:54%!important;height:100%!important;border-radius:0!important;background:linear-gradient(145deg,#3f6f66,#163f46 68%,#092d39)!important;clip-path:polygon(0 100%,8% 80%,18% 72%,27% 43%,35% 57%,46% 18%,55% 48%,64% 34%,76% 63%,85% 48%,100% 100%)!important;filter:none!important;opacity:1!important;animation:none!important}.mountains i:nth-child(1){left:0!important}.mountains i:nth-child(2){left:34%!important;transform:scale(.92)!important}.mountains i:nth-child(3){right:-10%!important;transform:scale(.72)!important}.sea{position:absolute;inset:auto 0 0;height:34%;overflow:hidden;background:linear-gradient(#126b8d,#073b58 52%,#042a42)}.sea:after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,#aaf8ff1f 48%,transparent 65%);animation:sea-shimmer 7s ease-in-out infinite}.sea-glow{position:absolute;z-index:2;left:56%;bottom:0;width:28%;height:34%;background:linear-gradient(110deg,transparent,#fffabf2c,transparent);clip-path:polygon(45% 0,58% 0,100% 100%,0 100%);animation:sea-glow 4s ease-in-out infinite}.wave{position:absolute;left:-15%;width:130%;height:90px;border-radius:50%;border-top:2px solid #baf6f477;transform:rotate(-2deg);animation:wave-roll 5s ease-in-out infinite}.wave-a{top:12%}.wave-b{top:42%;animation-delay:-1.7s;animation-duration:7s;opacity:.65}.wave-c{top:70%;animation-delay:-3s;animation-duration:9s;opacity:.42}.rain-field{display:none;position:absolute;z-index:6;inset:0;transform:skewX(-8deg);pointer-events:none}.rain-field i{position:absolute!important;left:var(--x)!important;top:-12vh!important;width:1px!important;height:70px!important;border-radius:0!important;background:linear-gradient(transparent,#dff6ffcc)!important;filter:none!important;opacity:.75!important;animation:rain-fall var(--speed) linear var(--delay) infinite!important}.weather-caption{position:fixed;right:22px;bottom:18px;z-index:9;display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #ffffff24;border-radius:14px;background:#061a29a8;color:#fff;box-shadow:0 10px 40px #0005;backdrop-filter:blur(18px)}.weather-caption strong{font-size:18px}.weather-caption span{color:#b8d3dc;font-size:10px;text-transform:capitalize}body[data-weather=cloudy] .weather-sky{background:linear-gradient(#547484,#a5bbc0 54%,#cad5cb 66%,#315d6d 67%,#092f43 100%)}body[data-weather=cloudy] .weather-sun{opacity:.35;filter:blur(10px)}body[data-weather=cloudy] .cloud{opacity:.92;background:#cbd4d4;box-shadow:70px -28px 0 10px #cbd4d4,145px 5px 0 -8px #cbd4d4}body[data-weather=rain] .weather-sky,body[data-weather=storm] .weather-sky{background:linear-gradient(#182b3c,#526875 55%,#737f7c 66%,#263e4b 67%,#071d2c 100%)}body[data-weather=rain] .weather-sun,body[data-weather=storm] .weather-sun{opacity:.05}body[data-weather=rain] .cloud,body[data-weather=storm] .cloud{opacity:1;background:#667581;box-shadow:70px -28px 0 10px #667581,145px 5px 0 -8px #667581;filter:blur(3px)}body[data-weather=rain] .rain-field,body[data-weather=storm] .rain-field{display:block}body[data-weather=rain] .mountains,body[data-weather=storm] .mountains{filter:blur(2px) drop-shadow(0 18px 22px #02162366);opacity:.68}body[data-weather=storm] .weather-sky{animation:lightning 9s infinite}body.weather-night .weather-sky{filter:brightness(.36) saturate(.75)}body.weather-night .weather-sun{background:#e9f4ff;box-shadow:0 0 35px #dcecff99,0 0 120px #b6d5ff55}.shell{position:relative;z-index:10}
@keyframes sun-breathe{50%{transform:scale(1.06);box-shadow:0 0 55px #ffe578,0 0 155px #fff59ccc,0 0 290px #fff7bd77}}@keyframes cloud-drift{to{transform:translateX(calc(100vw + 800px))}}@keyframes wave-roll{50%{transform:translateX(7%) rotate(1deg) scaleY(1.25)}}@keyframes sea-shimmer{50%{transform:translateX(25%)}}@keyframes sea-glow{50%{opacity:.45;transform:scaleX(1.2)}}@keyframes rain-fall{to{transform:translateY(125vh)}}@keyframes lightning{0%,91%,93%,96%,100%{filter:none}92%,95%{filter:brightness(1.85)}}@media(max-width:560px){.weather-caption{right:10px;bottom:10px}.mountains{bottom:30%;height:26%}.sea{height:31%}.cloud{transform:scale(.7)}}
/* Put the scene above the old page paint, while keeping UI glass above it. */
:root{background:#061523}body{background:transparent!important}.ambient{z-index:0!important}.ambient:after{opacity:.045}.ambient+.shell,#app{position:relative;z-index:10}.dashboard-head,.shop-card,.forecast-card,.analytics-card,.kpi,.store-hero{background:linear-gradient(145deg,#10243bbb,#071321c7)!important;backdrop-filter:blur(15px) saturate(1.12);-webkit-backdrop-filter:blur(15px) saturate(1.12)}
/* Photographic weather direction v53 */
.weather-sky{background-image:linear-gradient(180deg,#04121e0a 0,#04121e14 45%,#020a12a8 100%),url('./assets/gelendzhik-bay-v1.jpg')!important;background-size:cover!important;background-position:center center!important;transform:scale(1.035);animation:bay-breathe 24s ease-in-out infinite alternate}.mountains,.sea,.sea-glow{display:none!important}.weather-sun{right:7vw;top:8vh;width:26vw;height:26vw;max-width:360px;max-height:360px;background:#fff3b300;box-shadow:0 0 100px #fff1a82f,0 0 230px #ffe4911c;opacity:.75}.cloud{height:48px;background:#eef5f3aa;box-shadow:70px -24px 0 7px #eef5f3aa,145px 4px 0 -10px #eef5f3aa;filter:blur(5px);opacity:.32}.cloud-a{top:10vh}.cloud-b{top:23vh}.cloud-c{top:4vh}.ambient:after{background:linear-gradient(180deg,transparent 42%,#02081242 100%);opacity:1;mask-image:none}.weather-caption{right:18px;bottom:16px;border-color:#ffffff2e;background:#06121c8f;box-shadow:0 16px 50px #0007}.dashboard-head,.shop-card,.forecast-card,.analytics-card,.kpi,.store-hero{border-color:#ffffff20!important;background:linear-gradient(145deg,#071622b8,#07111dd1)!important;box-shadow:inset 0 1px #ffffff12,0 24px 70px #0000004f!important;backdrop-filter:blur(20px) saturate(1.18)!important;-webkit-backdrop-filter:blur(20px) saturate(1.18)!important}.dashboard-head{background:linear-gradient(135deg,#0a1c2bb8,#06111dd4)!important}.forecast-card{background:linear-gradient(145deg,#09241ec9,#07131edb)!important}.shop-card:hover{border-color:#ffffff45!important}.shell{filter:drop-shadow(0 8px 24px #0003)}body[data-weather=cloudy] .weather-sky{background-image:linear-gradient(#15243170,#34485370),url('./assets/gelendzhik-bay-v1.jpg')!important;filter:saturate(.72) brightness(.78)}body[data-weather=rain] .weather-sky,body[data-weather=storm] .weather-sky{background-image:linear-gradient(#071522a6,#1726349c),url('./assets/gelendzhik-bay-v1.jpg')!important;filter:saturate(.42) brightness(.56) contrast(1.08)}body.weather-night .weather-sky{background-image:linear-gradient(#020814c9,#071426c4),url('./assets/gelendzhik-bay-v1.jpg')!important;filter:saturate(.48) brightness(.38)}body[data-weather=rain] .cloud,body[data-weather=storm] .cloud{background:#52616d;box-shadow:70px -28px 0 10px #52616d,145px 5px 0 -8px #52616d;opacity:.75}@keyframes bay-breathe{to{transform:scale(1.075) translate3d(-.7%,.4%,0)}}@media(max-width:560px){.weather-sky{background-position:42% center!important}.dashboard-head,.shop-card,.forecast-card,.analytics-card,.kpi,.store-hero{backdrop-filter:blur(14px) saturate(1.1)!important;-webkit-backdrop-filter:blur(14px) saturate(1.1)!important}}
.aerial-video{position:absolute;z-index:0;left:50%;top:50%;width:max(100vw,177.78vh);height:max(100vh,56.25vw);border:0;pointer-events:none;transform:translate(-50%,-50%) scale(1.08);filter:saturate(.92) contrast(1.04)}.weather-sun,.cloud,.rain-field,.weather-caption{z-index:2}.weather-sky:after{content:'';position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,#03101a18 0,#03101a08 42%,#0208128f 100%);pointer-events:none}body[data-weather=cloudy] .aerial-video{filter:saturate(.68) brightness(.76)}body[data-weather=rain] .aerial-video,body[data-weather=storm] .aerial-video{filter:saturate(.42) brightness(.5) contrast(1.08)}body.weather-night .aerial-video{filter:saturate(.38) brightness(.3)}
/* Clean neutral liquid-glass direction v59 */
:root{background:#111}body{background:#111!important}.ambient{background:#111!important}.weather-sky{background:#111!important;background-image:none!important;animation:none!important;transform:none!important;filter:none!important}.weather-sun,.cloud,.mountains,.sea,.sea-glow,.rain-field{display:none!important}.weather-sky:after{background:linear-gradient(180deg,#00000012 0,#00000008 42%,#0000009c 100%)}.aerial-video,body[data-weather=cloudy] .aerial-video,body[data-weather=rain] .aerial-video,body[data-weather=storm] .aerial-video,body.weather-night .aerial-video{filter:saturate(.88) contrast(1.04)!important}.weather-caption{border:1px solid #ffffff24;background:#1a1a1a99;color:#fff;box-shadow:0 18px 55px #0008;backdrop-filter:blur(28px) saturate(.8);-webkit-backdrop-filter:blur(28px) saturate(.8)}
.dashboard-head,.shop-card,.forecast-card,.analytics-card,.kpi,.store-hero,.card,.report,.seller-stat,.payroll-total,.earning-hero,.setup-card{border-color:#ffffff18!important;background:linear-gradient(145deg,#262626b8,#141414d6)!important;box-shadow:inset 0 1px #ffffff12,inset 0 -1px #00000036,0 24px 80px #0007!important;backdrop-filter:blur(30px) saturate(.72)!important;-webkit-backdrop-filter:blur(30px) saturate(.72)!important}.dashboard-head:before{display:none}.shop-card:after{opacity:.08;filter:grayscale(1) blur(78px)}.shop-card:hover{border-color:#ffffff42!important}.shop-dot{background:#d7d7d7!important;box-shadow:0 0 16px #ffffff55!important}.share{background:#ffffff12}.share i{background:#a9a9a9!important}.share i:after{display:none}.forecast-card{border-color:#ffffff1c!important}.forecast-live,.trend.up,.status-accepted{color:#dedede!important;background:#ffffff12!important}.trend.down{color:#e4b4b4!important;background:#ffffff10!important}.trend.flat,.badge{color:#c7c7c7!important;background:#ffffff0e!important}.secondary,.round-action{border-color:#ffffff16!important;background:#272727c9!important;color:#f1f1f1!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.primary{background:linear-gradient(145deg,#f0f0f0,#a9a9a9)!important;color:#141414!important}.field,.pin,.order-check{border-color:#ffffff18!important;background:#171717d9!important}.eyebrow,.sub,.metric-caption,.average,.shop-card small,.kpi span,.kpi small,.forecast-shop p,.forecast-shop small{color:#a8a8a8!important}.forecast-shop{border-color:#ffffff10;background:#ffffff08}.forecast-shop b{color:#f0f0f0}.brand i,footer i{background:#d4d4d4;box-shadow:0 0 0 5px #ffffff10,0 0 18px #ffffff70}.donut{filter:grayscale(1) drop-shadow(0 0 22px #ffffff12)}footer{color:#7b7b7b}@media(max-width:560px){.dashboard-head,.shop-card,.forecast-card,.analytics-card,.kpi,.store-hero,.card,.report{backdrop-filter:blur(22px) saturate(.7)!important;-webkit-backdrop-filter:blur(22px) saturate(.7)!important}}

/* Neutral glass + high-contrast financial signals v61 */
.dashboard-head h2,.hero-money,.shop-revenue,.mini-report b,.report-total strong,.payroll-total strong,.earning-hero strong{color:#7dffbd;text-shadow:0 0 28px #35e99b42}
.donut{filter:drop-shadow(0 0 24px #59e1ac30)}
.shop-card:after{opacity:.2;filter:blur(78px)}
.shop-dot{background:var(--shop)!important;box-shadow:0 0 18px var(--shop)!important}
.share i{background:var(--shop)!important;box-shadow:0 0 14px color-mix(in srgb,var(--shop) 65%,transparent)}
.share i:after{display:block}
.shop-revenue{color:var(--shop);text-shadow:0 0 24px color-mix(in srgb,var(--shop) 42%,transparent)}
.forecast-shop b{color:#7dffbd!important;text-shadow:0 0 20px #35e99b35}
.trend.up{color:#73f0b8!important;background:#123e2f!important}.trend.down{color:#ff8f9f!important;background:#461d27!important}
.kpi{position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;right:-30px;bottom:-45px;width:100px;height:100px;border-radius:50%;background:var(--money-accent);filter:blur(48px);opacity:.2}.kpi strong{position:relative;z-index:1;color:var(--money-accent);text-shadow:0 0 22px color-mix(in srgb,var(--money-accent) 40%,transparent)}
.kpi:nth-child(1){--money-accent:#66e6ad}.kpi:nth-child(2){--money-accent:#66b3ff}.kpi:nth-child(3){--money-accent:#c493ff}.kpi:nth-child(4){--money-accent:#ff9b72}
.spark{filter:drop-shadow(0 0 10px #59e1ac55)}

/* Readable forecast cards on compact mobile screens v65 */
.forecast-shop>div{align-items:flex-start}.forecast-shop>div strong{min-width:0;color:#fff;font-size:15px}.forecast-shop small{max-width:58%;color:#d4d4d4!important;line-height:1.35;text-align:right}.forecast-shop p{color:#c4c4c4!important;line-height:1.45}
@media(max-width:560px){.forecast-shop{padding:16px}.forecast-shop>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px}.forecast-shop>div strong{font-size:16px;line-height:1.25}.forecast-shop small{max-width:145px;font-size:11px;line-height:1.35;white-space:normal}.forecast-shop b{margin:12px 0 7px;font-size:17px;line-height:1.25}.forecast-shop p{font-size:11px}.weather-caption{display:none}}
@media(max-width:380px){.forecast-shop>div{grid-template-columns:1fr}.forecast-shop small{max-width:none;text-align:left}.forecast-shop b{font-size:16px}}

/* Full-screen application shell v66 */
html,body,#app{width:100%;height:100%;height:100dvh;overflow:hidden!important;overscroll-behavior:none}
#app{position:relative;z-index:10}
.shell{display:grid;width:min(920px,100%);height:100%;margin:0 auto;padding:clamp(12px,2.2vh,24px) clamp(12px,3vw,24px) max(10px,env(safe-area-inset-bottom));grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(8px,1.6vh,16px);overflow:hidden}
.shell>.top{margin:0}.app-stage{min-height:0;overflow:hidden}.app-stage>.title{font-size:clamp(25px,4vh,42px);line-height:1.02}.app-stage>.sub{margin:5px 0 clamp(10px,1.7vh,18px);font-size:clamp(11px,1.6vh,14px)}
.app-nav{display:grid;z-index:20;grid-template-columns:repeat(5,1fr);gap:4px;padding:6px;border:1px solid #ffffff1b;border-radius:22px;background:#171717c9;box-shadow:0 18px 60px #0009,inset 0 1px #ffffff12;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}
.app-nav button{display:flex;min-width:0;height:54px;align-items:center;justify-content:center;flex-direction:column;gap:3px;border:0;border-radius:16px;background:transparent;color:#8e8e8e;cursor:pointer}.app-nav button i{height:19px;color:#bdbdbd;font-size:18px;font-style:normal;line-height:18px}.app-nav button span{font-size:9px;font-weight:800}.app-nav button.active{background:#ffffff12;color:#fff;box-shadow:inset 0 1px #ffffff14}.app-nav button.active i{color:#7dffbd;text-shadow:0 0 18px #35e99b99}
.dashboard-head{height:min(31vh,245px);min-height:0!important;margin-bottom:clamp(8px,1.6vh,16px)}
.overview-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.overview-strip button{display:grid;min-width:0;padding:14px;border:1px solid #ffffff18;border-radius:19px;background:linear-gradient(145deg,#262626bd,#141414dc);color:#fff;text-align:left;box-shadow:inset 0 1px #ffffff10;backdrop-filter:blur(24px);cursor:pointer}.overview-strip span{overflow:hidden;color:#d6d6d6;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.overview-strip strong{margin:7px 0 3px;color:var(--shop);font-size:clamp(18px,3vh,26px)}.overview-strip small{color:#939393;font-size:9px}.quick-panel{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:13px 15px;border:1px solid #ffffff14;border-radius:18px;background:#181818c7;backdrop-filter:blur(24px)}.quick-panel .eyebrow{margin-bottom:3px}.quick-panel h2{margin:0;font-size:clamp(14px,2vh,19px)}
.app-shop-grid{height:calc(100% - 2px);align-content:center}.app-shop-grid .shop-card{min-height:0;height:min(27vh,220px)}
.app-stage>.forecast-card{height:calc(100% - 2px);margin:0;overflow:hidden}.app-stage>.forecast-card .forecast-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-stage>.forecast-card .forecast-shop{padding:clamp(10px,1.8vh,16px)}
.more-grid{display:grid;height:100%;align-content:center;gap:10px}.more-card{display:flex;width:100%;align-items:center;gap:14px;padding:18px;border:1px solid #ffffff18;border-radius:21px;background:linear-gradient(145deg,#262626bd,#141414dc);color:#fff;text-align:left;cursor:pointer;backdrop-filter:blur(26px)}.more-card>i{display:grid;width:44px;height:44px;flex:0 0 44px;place-items:center;border-radius:14px;background:#ffffff10;color:#7dffbd;font-size:21px;font-style:normal}.more-card span,.more-card strong,.more-card small{display:block}.more-card small{margin-top:4px;color:#999}
@media(max-height:700px){.shell{padding-top:9px;gap:7px}.top{font-size:11px}.compact{padding:7px 9px}.app-nav button{height:46px}.dashboard-head{height:27vh;padding:15px}.donut{width:92px;height:92px;flex-basis:92px}.overview-strip button{padding:10px}.quick-panel{padding:9px 12px}.app-stage>.title{font-size:24px}.app-stage>.sub{margin:3px 0 8px}.forecast-card .section-title{margin-bottom:8px}.news-factors{margin-top:8px;padding-top:8px}}
@media(max-width:560px){.shell{padding-left:10px;padding-right:10px}.brand{font-size:11px}.top-status .compact{display:none}.app-stage>.title{font-size:27px}.dashboard-head{height:28vh;padding:16px}.overview-strip{gap:7px}.overview-strip button{padding:11px}.app-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.app-shop-grid .shop-card{height:min(25vh,190px);padding:13px}.app-stage>.forecast-card .forecast-grid{grid-template-columns:1fr}.app-stage>.forecast-card .news-factors{display:none}.app-nav{border-radius:19px}.app-nav button{height:50px;border-radius:14px}}

.mobile-pin-head,.mobile-keypad{display:none}
@media(max-width:560px){
  body:not(.unlocked) .app-stage>.title,body:not(.unlocked) .app-stage>.sub{display:none}
  .login{display:flex;min-height:calc(100dvh - 92px);padding:12px 14px 8px!important;flex-direction:column;background:#050505d9!important}
  .login .offline-preload{margin:0 0 8px;padding:10px 12px;border-radius:15px}
  .login .offline-preload h2,.login .offline-preload p,.login .eyebrow,.login-divider{display:none}
  .login .offline-download{padding:10px;font-size:10px}
  .login>.pin,.login>#go{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
  .mobile-pin-head{display:flex;align-items:center;flex-direction:column;margin:auto 0 5vh}
  .mobile-pin-avatar{display:grid;width:68px;height:68px;place-items:center;border:1px solid #ffffff24;border-radius:50%;background:linear-gradient(145deg,#383838,#111);font-size:28px;font-weight:850;box-shadow:0 16px 45px #000}
  .mobile-pin-head strong{margin-top:12px;font-size:21px}
  .mobile-pin-dots{display:flex;gap:28px;margin-top:24px}
  .mobile-pin-dots i{width:18px;height:18px;border-radius:50%;background:#292929;transition:.18s transform,.18s background}
  .mobile-pin-dots i.filled{background:#f4f4f4;transform:scale(1.08)}
  .mobile-pin-dots.error{animation:pin-shake .38s ease}
  .mobile-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 34px;margin:0 10px max(4px,env(safe-area-inset-bottom))}
  .mobile-keypad button{height:min(10.5vh,78px);border:0;background:transparent;color:#fff;font:300 clamp(34px,10vw,52px)/1 system-ui;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
  .mobile-keypad button:active{border-radius:50%;background:#ffffff18;transform:scale(.9)}
  .mobile-keypad .pin-delete{color:#aaa;font-size:27px}
}

@media(max-width:560px){
  .app-shop-grid{height:100%;align-content:stretch;grid-template-rows:repeat(2,minmax(0,1fr));gap:8px}
  .app-shop-grid .shop-card{display:flex;height:auto!important;min-height:0!important;padding:11px 12px!important;flex-direction:column;justify-content:center;border-radius:18px}
  .app-shop-grid .shop-card-top{margin-bottom:8px}
  .app-shop-grid .shop-dot{width:9px;height:9px}
  .app-shop-grid .shop-date-badge{padding:4px 7px;font-size:8px;letter-spacing:.08em}
  .app-shop-grid .shop-card>strong{font-size:17px;line-height:1.15}
  .app-shop-grid .shop-revenue{margin:3px 0 8px;font-size:20px;line-height:1.1}
  .app-shop-grid .share{height:3px;margin-bottom:6px}
  .app-shop-grid .shop-card small{display:block;overflow:visible;font-size:9px;line-height:1.2;white-space:normal}
}
@media(max-height:690px) and (max-width:560px){
  .app-shop-grid .shop-card{padding:8px 10px!important}
  .app-shop-grid .shop-card-top{margin-bottom:5px}
  .app-shop-grid .shop-card>strong{font-size:15px}
  .app-shop-grid .shop-revenue{font-size:18px;margin-bottom:5px}
  .app-shop-grid .shop-card small{font-size:8px}
}

@media(max-width:560px){
  .app-shop-grid{grid-template-rows:repeat(2,minmax(0,168px));align-content:center}
  .app-shop-grid .shop-card{display:block;height:168px!important;padding:13px!important}
  .app-shop-grid .shop-card-top{margin-bottom:13px}
  .app-shop-grid .shop-card>strong{font-size:18px}
  .app-shop-grid .shop-revenue{margin:4px 0 10px;font-size:22px}
  .app-shop-grid .share{margin-bottom:7px}
  .app-shop-grid .shop-card small{font-size:9px}
}
@media(max-height:700px) and (max-width:560px){
  .app-shop-grid{grid-template-rows:repeat(2,minmax(0,145px))}
  .app-shop-grid .shop-card{height:145px!important;padding:10px!important}
  .app-shop-grid .shop-card-top{margin-bottom:7px}
  .app-shop-grid .shop-card>strong{font-size:16px}
  .app-shop-grid .shop-revenue{margin:2px 0 6px;font-size:19px}
  .app-shop-grid .share{margin-bottom:5px}
  .app-shop-grid .shop-card small{font-size:8px}
}
@keyframes pin-shake{25%{transform:translateX(-11px)}50%{transform:translateX(10px)}75%{transform:translateX(-6px)}}

@media(max-width:560px){
  body:not(.unlocked){overflow:hidden!important;background:#050505}
  body:not(.unlocked) .shell{width:100%;height:100dvh;min-height:0;padding:env(safe-area-inset-top) 10px env(safe-area-inset-bottom)!important;gap:0}
  body:not(.unlocked) .top,body:not(.unlocked) footer{display:none!important}
  body:not(.unlocked) .app-stage{height:100%;min-height:0;overflow:hidden}
  body:not(.unlocked) .login{width:100%;height:100%;min-height:0;margin:0!important;padding:8px 14px 4px!important;border:0!important;border-radius:0!important;background:#050505e8!important;box-shadow:none!important}
  body:not(.unlocked) .login .offline-preload{flex:0 0 auto;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
  body:not(.unlocked) .login .offline-preload h2,body:not(.unlocked) .login .offline-preload p,body:not(.unlocked) .login .eyebrow,body:not(.unlocked) .login-divider{display:none!important}
  body:not(.unlocked) .login .offline-download{width:auto;margin:0 auto;padding:8px 15px!important;border-radius:99px;font-size:9px;opacity:.72}
  body:not(.unlocked) .mobile-pin-head{flex:1 1 auto;min-height:150px;margin:0;justify-content:center}
  body:not(.unlocked) .mobile-pin-avatar{width:56px;height:56px;font-size:23px}
  body:not(.unlocked) .mobile-pin-head strong{margin-top:8px;font-size:18px}
  body:not(.unlocked) .mobile-pin-dots{gap:24px;margin-top:17px}
  body:not(.unlocked) .mobile-pin-dots i{width:15px;height:15px}
  body:not(.unlocked) .mobile-keypad{flex:0 0 auto;grid-template-rows:repeat(4,minmax(50px,1fr));height:min(44dvh,310px);gap:0 30px;margin:0 4px}
  body:not(.unlocked) .mobile-keypad button{height:auto;min-height:0;font-size:clamp(32px,9vw,46px)}
}
@media(max-height:650px) and (max-width:560px){
  body:not(.unlocked) .mobile-pin-avatar{width:46px;height:46px;font-size:20px}
  body:not(.unlocked) .mobile-pin-head strong{font-size:16px}
  body:not(.unlocked) .mobile-pin-dots{margin-top:11px}
  body:not(.unlocked) .mobile-keypad{height:42dvh}
}

@media(max-width:560px){
  body:not(.unlocked) .ambient{display:none!important}
  body:not(.unlocked) .login{
    position:fixed!important;
    z-index:1000;
    inset:0!important;
    width:100vw!important;
    height:100dvh!important;
    padding:max(12px,env(safe-area-inset-top)) 22px max(8px,env(safe-area-inset-bottom))!important;
    background:#050505!important;
  }
  body:not(.unlocked) .login .offline-preload{position:absolute;z-index:2;top:max(12px,env(safe-area-inset-top));left:50%;width:auto;transform:translateX(-50%)}
  body:not(.unlocked) .login .offline-download{white-space:nowrap;padding:7px 12px!important;border:0!important;background:transparent!important;color:#777!important;box-shadow:none!important;font-size:9px;letter-spacing:.06em}
  body:not(.unlocked) .login .offline-download.is-ready{color:#777!important}
  body:not(.unlocked) .mobile-pin-head{padding-top:32px}
  body:not(.unlocked) .mobile-keypad{width:100%;max-width:430px;align-self:center;margin:0 auto}
}

/* 50% cinematic shade above aerial video v67 */
.weather-sky:after{background:rgba(0,0,0,.5)!important}

/* Light glass experiment v73 — video is kept in code, only hidden. */
body.unlocked{background:#eef0f2!important;color:#17191d!important}
body.unlocked .ambient,body.unlocked .weather-sky{background:#eef0f2!important;background-image:none!important;filter:none!important;transform:none!important;animation:none!important}
body.unlocked .aerial-video,body.unlocked .weather-sun,body.unlocked .cloud,body.unlocked .rain-field,body.unlocked .weather-caption{display:none!important}
body.unlocked .weather-sky:after{background:linear-gradient(145deg,#ffffffd9,#dfe3e8cc)!important}
body.unlocked .ambient:after{display:none!important}
body.unlocked .dashboard-head,body.unlocked .shop-card,body.unlocked .forecast-card,body.unlocked .analytics-card,body.unlocked .kpi,body.unlocked .store-hero,body.unlocked .card,body.unlocked .report,body.unlocked .seller-stat,body.unlocked .payroll-total,body.unlocked .earning-hero,body.unlocked .setup-card,body.unlocked .overview-strip button,body.unlocked .quick-panel,body.unlocked .more-card{border-color:#ffffffd9!important;background:linear-gradient(145deg,#ffffffcf,#f4f5f7b8)!important;box-shadow:inset 0 1px #fff,0 18px 50px #3440541a!important;backdrop-filter:blur(30px) saturate(1.05)!important;-webkit-backdrop-filter:blur(30px) saturate(1.05)!important}
body.unlocked .app-nav{border-color:#ffffffd9;background:#f8f9fbd9;box-shadow:inset 0 1px #fff,0 14px 42px #34405421}
body.unlocked .app-nav button{color:#747980}body.unlocked .app-nav button i{color:#555b63}
body.unlocked .app-nav button.active{background:#25282d;color:#fff;box-shadow:0 8px 20px #24272c36}body.unlocked .app-nav button.active i{color:#7dffbd}
body.unlocked h1,body.unlocked h2,body.unlocked h3,body.unlocked .title,body.unlocked .shop-card strong,body.unlocked .forecast-shop b,body.unlocked .overview-strip span,body.unlocked .more-card,body.unlocked .quick-panel{color:#17191d!important}
body.unlocked .eyebrow,body.unlocked .sub,body.unlocked .metric-caption,body.unlocked .average,body.unlocked .shop-card small,body.unlocked .kpi span,body.unlocked .kpi small,body.unlocked .forecast-shop p,body.unlocked .forecast-shop small,body.unlocked footer{color:#6f757d!important}
body.unlocked .forecast-shop{border-color:#d9dde3;background:#ffffff80}
body.unlocked .secondary,body.unlocked .round-action{border-color:#d9dde3!important;background:#ffffffb8!important;color:#25282d!important}
body.unlocked .field,body.unlocked .pin,body.unlocked .order-check{border-color:#d5d9df!important;background:#ffffffd9!important;color:#17191d!important}

/* Warm graphite background + light interface v74. */
body.unlocked{background:#211e1b!important}
body.unlocked .ambient,body.unlocked .weather-sky{background:
  radial-gradient(circle at 12% 4%,#705b453d 0,transparent 34%),
  radial-gradient(circle at 92% 88%,#8a6d4b2e 0,transparent 38%),
  linear-gradient(145deg,#29241f 0,#1e1c1a 48%,#28221d 100%)!important}
body.unlocked .weather-sky:after{background:linear-gradient(150deg,#bc9c7412,#00000020)!important}
body.unlocked .dashboard-head,body.unlocked .shop-card,body.unlocked .forecast-card,body.unlocked .analytics-card,body.unlocked .kpi,body.unlocked .store-hero,body.unlocked .card,body.unlocked .report,body.unlocked .seller-stat,body.unlocked .payroll-total,body.unlocked .earning-hero,body.unlocked .setup-card,body.unlocked .overview-strip button,body.unlocked .quick-panel,body.unlocked .more-card{border-color:#fffaf1d4!important;background:linear-gradient(145deg,#fffdf8ed,#f1ece3e3)!important;box-shadow:inset 0 1px #fff,0 18px 52px #0807064a!important;backdrop-filter:blur(32px) saturate(.92)!important;-webkit-backdrop-filter:blur(32px) saturate(.92)!important}
body.unlocked .app-nav{border-color:#fffaf1cc;background:#f7f3ecef;box-shadow:inset 0 1px #fff,0 18px 46px #08070652}
body.unlocked .forecast-shop{border-color:#ded5c8;background:#fffaf1a6}
body.unlocked .secondary,body.unlocked .round-action{border-color:#ded5c8!important;background:#fffaf1d6!important}
body.unlocked .field,body.unlocked .pin,body.unlocked .order-check{border-color:#ded5c8!important;background:#fffdf8e8!important}

/* Unified warm graphite glass v75. */
body.unlocked{color:#f7f3ed!important;background:#1b1816!important}
body.unlocked .ambient,body.unlocked .weather-sky{background:radial-gradient(circle at 8% 0%,#8b694735 0,transparent 35%),radial-gradient(circle at 100% 100%,#aa7d4d22 0,transparent 40%),linear-gradient(145deg,#302922 0,#171615 52%,#241f1b 100%)!important}
body.unlocked .weather-sky:after{background:linear-gradient(155deg,#c79c6810,#00000035)!important}
body.unlocked .dashboard-head,body.unlocked .shop-card,body.unlocked .forecast-card,body.unlocked .analytics-card,body.unlocked .kpi,body.unlocked .store-hero,body.unlocked .card,body.unlocked .report,body.unlocked .seller-stat,body.unlocked .payroll-total,body.unlocked .earning-hero,body.unlocked .setup-card,body.unlocked .overview-strip button,body.unlocked .quick-panel,body.unlocked .more-card{border-color:#ffffff20!important;background:linear-gradient(145deg,#34312eba,#171716d9)!important;box-shadow:inset 0 1px #ffffff16,inset 0 -1px #0000004a,0 18px 48px #00000052!important;backdrop-filter:blur(28px) saturate(.78)!important;-webkit-backdrop-filter:blur(28px) saturate(.78)!important}
body.unlocked h1,body.unlocked h2,body.unlocked h3,body.unlocked .title,body.unlocked .shop-card strong,body.unlocked .forecast-shop b,body.unlocked .overview-strip span,body.unlocked .more-card,body.unlocked .quick-panel{color:#f8f5f0!important}
body.unlocked .brand{color:#e8e1d8!important}
body.unlocked .eyebrow,body.unlocked .sub,body.unlocked .metric-caption,body.unlocked .average,body.unlocked .shop-card small,body.unlocked .kpi span,body.unlocked .kpi small,body.unlocked .forecast-shop p,body.unlocked .forecast-shop small,body.unlocked footer{color:#b9b1a8!important}
body.unlocked .dashboard-head h2{color:#fff!important;text-shadow:none}
body.unlocked .donut{filter:drop-shadow(0 0 20px #0008)}
body.unlocked .donut>div{background:#1b1b1be8;box-shadow:inset 0 0 0 1px #ffffff18}
body.unlocked .donut strong{color:#fff!important;text-shadow:none}body.unlocked .donut span{color:#bcb5ac!important}
body.unlocked .overview-strip button strong,body.unlocked .shop-revenue{color:var(--shop)!important;text-shadow:0 0 24px color-mix(in srgb,var(--shop) 32%,transparent)!important}
body.unlocked .shop-dot{background:var(--shop)!important;box-shadow:0 0 16px var(--shop)!important}
body.unlocked .share{background:#ffffff15}body.unlocked .share i{background:var(--shop)!important}
body.unlocked .forecast-shop{border-color:#ffffff14;background:#ffffff09}
body.unlocked .secondary,body.unlocked .round-action{border-color:#ffffff1c!important;background:#282624d9!important;color:#f5f1eb!important}
body.unlocked .field,body.unlocked .pin,body.unlocked .order-check{border-color:#ffffff1c!important;background:#171615e8!important;color:#fff!important}
body.unlocked .app-nav{border-color:#ffffff20;background:#211f1ddd;box-shadow:inset 0 1px #ffffff14,0 18px 46px #00000070;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}
body.unlocked .app-nav button{color:#aaa39b}body.unlocked .app-nav button i{color:#c1bab2}
body.unlocked .app-nav button.active{background:#393632;color:#fff;box-shadow:inset 0 1px #ffffff18,0 8px 22px #0007}body.unlocked .app-nav button.active i{color:#7dffbd}
body.unlocked .trend.down{color:#ff94a3!important;background:#671c2d99!important}body.unlocked .trend.up{color:#83f7c8!important;background:#174638aa!important}body.unlocked .trend.flat{color:#d6cec5!important;background:#ffffff12!important}

/* Warm login typography and shared seller/admin visual language v76. */
@media(max-width:560px){
  body:not(.unlocked),body:not(.unlocked) .login{background:#090806!important}
  body:not(.unlocked) .mobile-pin-avatar{border-color:#e7d5bd38;background:linear-gradient(145deg,#3c352e,#171513);color:#f5e8d7;font-weight:550;box-shadow:inset 0 1px #ffffff18,0 18px 48px #000}
  body:not(.unlocked) .mobile-pin-head strong{color:#f1e3d1;font-weight:380;letter-spacing:-.02em}
  body:not(.unlocked) .mobile-pin-dots i{background:#403933}
  body:not(.unlocked) .mobile-pin-dots i.filled{background:#f0dfc9;box-shadow:0 0 16px #d8b98b55}
  body:not(.unlocked) .mobile-keypad button{color:#f2e4d2!important;font-weight:280!important}
  body:not(.unlocked) .mobile-keypad .pin-delete{color:#b9aa98!important}
  body:not(.unlocked) .login .offline-download,body:not(.unlocked) .login .offline-download.is-ready{color:#9e8f7e!important}
}
body.seller-mode.unlocked .seller-shell .card,body.seller-mode.unlocked .seller-shell .tile,body.seller-mode.unlocked .seller-shell .report{border-color:#ffffff20!important;background:linear-gradient(145deg,#34312eba,#171716d9)!important;box-shadow:inset 0 1px #ffffff16,inset 0 -1px #0000004a,0 18px 48px #00000052!important;backdrop-filter:blur(28px) saturate(.78)!important;-webkit-backdrop-filter:blur(28px) saturate(.78)!important}
body.seller-mode.unlocked .seller-shell .tile.accent{border-color:#d7b98a45!important;background:linear-gradient(145deg,#725d43d9,#42362bd9)!important;color:#fff5e8!important;box-shadow:inset 0 1px #ffe8c42b,0 18px 48px #0007!important}
body.seller-mode.unlocked .seller-shell .tile.accent span{color:#d8c3aa!important}
body.seller-mode.unlocked .seller-shell .tile:after{background:#b99366;opacity:.12}
body.seller-mode.unlocked .seller-shell .label,body.seller-mode.unlocked .seller-shell .hint,body.seller-mode.unlocked .seller-shell .report p,body.seller-mode.unlocked .seller-shell .tile span{color:#b9b1a8}
body.seller-mode.unlocked .seller-shell .primary{background:linear-gradient(145deg,#ead9c1,#bca07d)!important;color:#211a14!important}

/* Black canvas with a restrained warm halo v77. */
body.unlocked{background:#050504!important}
body.unlocked .ambient,body.unlocked .weather-sky{background:radial-gradient(ellipse at 50% 42%,#211b151c 0,transparent 58%),#050504!important}
body.unlocked .weather-sky:after{background:transparent!important}
body.unlocked .dashboard-head,body.unlocked .shop-card,body.unlocked .forecast-card,body.unlocked .analytics-card,body.unlocked .kpi,body.unlocked .store-hero,body.unlocked .card,body.unlocked .report,body.unlocked .seller-stat,body.unlocked .payroll-total,body.unlocked .earning-hero,body.unlocked .setup-card,body.unlocked .overview-strip button,body.unlocked .quick-panel,body.unlocked .more-card,body.unlocked .app-nav{box-shadow:inset 0 1px #ffffff14,inset 0 -1px #00000066,0 0 0 1px #c9a4740c,0 10px 34px #c2965d12,0 22px 55px #0000008a!important}
body.seller-mode.unlocked .seller-shell .card,body.seller-mode.unlocked .seller-shell .tile,body.seller-mode.unlocked .seller-shell .report{box-shadow:inset 0 1px #ffffff14,inset 0 -1px #00000066,0 0 0 1px #c9a4740c,0 10px 34px #c2965d12,0 22px 55px #0000008a!important}

/* Scrollable authenticated pages with a viewport-pinned bottom navigation v78. */
html:has(body.unlocked),body.unlocked,body.unlocked #app{height:auto;min-height:100%;min-height:100dvh;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:auto}
body.unlocked .shell{display:block;width:min(920px,100%);height:auto;min-height:100dvh;margin:0 auto;padding:max(clamp(12px,2.2vh,24px),calc(env(safe-area-inset-top) + 12px)) clamp(12px,3vw,24px) calc(92px + env(safe-area-inset-bottom));overflow:visible}
body.unlocked .shell>.top{margin-bottom:clamp(12px,2vh,22px)}
body.unlocked .app-stage{min-height:0;overflow:visible}
body.unlocked .app-nav{position:fixed;right:max(10px,calc((100vw - 900px)/2));bottom:max(8px,env(safe-area-inset-bottom));left:max(10px,calc((100vw - 900px)/2));z-index:1000}
body:not(.unlocked),body:not(.unlocked) #app{height:100%;height:100dvh;overflow:hidden!important;overscroll-behavior:none}
body:not(.unlocked) .shell,body:not(.unlocked) .app-stage{overflow:hidden!important}
@media(max-width:560px){body.unlocked .shell{padding-right:10px;padding-bottom:calc(78px + env(safe-area-inset-bottom));padding-left:10px}}

/* True viewport-floating navigation v79. The nav is reparented to body in admin.js. */
body.unlocked> .app-nav{
  position:fixed!important;
  right:max(10px,calc((100vw - 900px)/2))!important;
  bottom:max(8px,env(safe-area-inset-bottom))!important;
  left:max(10px,calc((100vw - 900px)/2))!important;
  z-index:10000!important;
  margin:0!important;
  transform:translateZ(0);
  will-change:transform;
}
/* v80 — warm gold active accents */
:root{--active-gold:#d7b06a;--active-gold-bright:#f1d39a;--active-gold-deep:#6d512c;--active-gold-glow:#d7a85d55}
body.unlocked .app-nav button.active i,.app-nav button.active i{color:var(--active-gold-bright)!important;text-shadow:0 0 18px var(--active-gold-glow)!important}
body.unlocked .trend.up,.trend.up{color:var(--active-gold-bright)!important;background:#5a4327b8!important}
body.unlocked .status-accepted,.status-accepted{color:var(--active-gold-bright)!important;background:#5a432759!important}
body.unlocked .brand i,body.unlocked footer i,.brand i,footer i{background:var(--active-gold)!important;box-shadow:0 0 0 5px #d7b06a18,0 0 18px var(--active-gold-glow)!important}
body.unlocked .dashboard-head h2,body.unlocked .hero-money,body.unlocked .shop-revenue,body.unlocked .mini-report b,body.unlocked .report-total strong,body.unlocked .payroll-total strong,body.unlocked .earning-hero strong{color:var(--active-gold-bright)!important;text-shadow:0 0 26px #d7a85d3b!important}
body.unlocked .forecast-shop b{color:var(--active-gold-bright)!important;text-shadow:0 0 20px #d7a85d30!important}
body.unlocked .more-card>i{color:var(--active-gold-bright)!important}
body.unlocked .donut{filter:drop-shadow(0 0 24px #d7a85d30)!important}
/* v81 — current operational reports */
.current-reports-donut{background-color:#5d5b58}
.missing-current-report{--shop:#5d5b58!important;filter:saturate(.28)}
.missing-current-report strong{color:#aaa49c!important;text-shadow:none!important}
.missing-current-report small{color:#c5beb5!important;font-weight:750}
.missing-report{border-color:#ffffff14!important;background:linear-gradient(145deg,#2a2927bd,#171716dc)!important}
.status-missing{padding:5px 9px;border-radius:999px;background:#77736e24;color:#aaa49c;font-size:12px;font-weight:750}
.missing-report-text{margin-top:14px;padding:14px;border:1px solid #ffffff10;border-radius:14px;background:#ffffff08;color:#d1cbc3;font-weight:750;text-align:center}
/* v82 — seller panel aligned with admin application */
body.seller-mode.unlocked .seller-shell{width:min(920px,100%)}
body.seller-mode.unlocked .seller-shell .title{margin-bottom:6px;color:#f8f5f0!important}
body.seller-mode.unlocked .seller-shell .sub{color:#b9b1a8!important}
.seller-summary{display:flex;min-height:190px;align-items:center;justify-content:space-between;gap:20px;padding:24px;border:1px solid #ffffff20;border-radius:28px;background:linear-gradient(145deg,#34312eba,#171716d9);box-shadow:inset 0 1px #ffffff16,inset 0 -1px #0000004a,0 0 0 1px #c9a4740c,0 10px 34px #c2965d12,0 22px 55px #0000008a;backdrop-filter:blur(28px) saturate(.78)}
.seller-summary h2{margin:7px 0 5px;color:var(--active-gold-bright);font-size:clamp(34px,8vw,58px);letter-spacing:-.045em;text-shadow:0 0 26px #d7a85d3b}
.seller-summary p{margin:0;color:#b9b1a8;font-size:13px}
.seller-summary-mark{display:flex;width:112px;height:112px;flex:0 0 112px;align-items:center;justify-content:center;flex-direction:column;border:1px solid #d7b06a35;border-radius:50%;background:#1b1a18e8;box-shadow:inset 0 0 0 10px #d7b06a0c,0 0 28px #d7a85d22}
.seller-summary-mark strong{color:var(--active-gold-bright);font-size:30px}.seller-summary-mark span{color:#bcb5ac;font-size:11px}
.seller-kpi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.seller-kpi{display:flex;min-height:132px;padding:17px;flex-direction:column;align-items:flex-start;border:1px solid #ffffff20;border-radius:20px;background:linear-gradient(145deg,#34312eba,#171716d9);color:#fff;text-align:left;box-shadow:inset 0 1px #ffffff14,0 15px 38px #0006;cursor:pointer}
.seller-kpi span,.seller-kpi small{color:#b9b1a8}.seller-kpi span{font-size:12px}.seller-kpi strong{margin:11px 0 7px;color:var(--active-gold-bright);font-size:clamp(19px,5vw,27px);line-height:1.05}.seller-kpi small{font-size:11px;line-height:1.35}
.seller-action-list{display:grid;gap:10px;margin-top:12px}.seller-action-card{display:flex;width:100%;align-items:center;gap:13px;padding:15px;border:1px solid #ffffff1b;border-radius:19px;background:#211f1dcc;color:#fff;text-align:left;box-shadow:inset 0 1px #ffffff12,0 14px 36px #0005;cursor:pointer}.seller-action-card>i{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border-radius:13px;background:#d7b06a16;color:var(--active-gold-bright);font-size:20px;font-style:normal}.seller-action-card span{min-width:0;flex:1}.seller-action-card strong,.seller-action-card small{display:block}.seller-action-card small{margin-top:4px;color:#aaa39b}.seller-action-card>b{color:#9e968e;font-size:25px;font-weight:300}
.seller-app-nav{grid-template-columns:repeat(5,1fr)}
.seller-more-grid{align-content:start;padding-top:4px}.seller-logout>i{color:#e7b1a7!important;background:#7f2f281f!important}
.seller-mail-card{border-color:#d7b06a2d!important;background:linear-gradient(145deg,#3b3227c9,#1b1916df)!important}
@media(max-width:560px){.seller-summary{min-height:158px;padding:19px}.seller-summary-mark{width:88px;height:88px;flex-basis:88px}.seller-summary-mark strong{font-size:24px}.seller-kpi{min-height:122px;padding:14px}.seller-action-card{padding:13px}.seller-app-nav button{height:54px}}
@media(max-width:360px){.seller-summary-mark{width:76px;height:76px;flex-basis:76px}.seller-kpi-grid{grid-template-columns:1fr}.seller-summary h2{font-size:30px}}
/* v83 — exact seller/admin canvas and PIN screen parity */
body.seller-mode,body.seller-mode.unlocked,body.seller-mode:not(.unlocked){background:#050504!important}
body.seller-mode .ambient,body.seller-mode.unlocked .ambient,body.seller-mode:not(.unlocked) .ambient{display:block!important;background:radial-gradient(ellipse at 50% 42%,#211b151c 0,transparent 58%),#050504!important;background-image:radial-gradient(ellipse at 50% 42%,#211b151c 0,transparent 58%)!important;filter:none!important;transform:none!important;animation:none!important}
body.seller-mode .ambient:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 14%,#b5895520,transparent 30%),radial-gradient(circle at 85% 82%,#8b694715,transparent 34%)}
body.seller-mode .ambient:after,body.seller-mode .ambient>i{display:none!important}
body.seller-mode:not(.unlocked) #app{background:transparent!important}
body.seller-mode:not(.unlocked) .seller-shell{position:relative;z-index:2;background:transparent!important}
body.seller-mode:not(.unlocked) .seller-login{background:#050504e8!important}
body.seller-mode:not(.unlocked) .seller-install{position:absolute;z-index:4;top:max(8px,env(safe-area-inset-top));left:50%;width:min(360px,calc(100% - 24px));margin:0;transform:translateX(-50%) scale(.86);transform-origin:top center;opacity:.72}
body.seller-mode:not(.unlocked) .mobile-pin-head strong{font-weight:380}
body.seller-mode:not(.unlocked) .mobile-pin-dots{gap:clamp(10px,4vw,22px)}
body.seller-mode:not(.unlocked) .mobile-pin-dots i{width:14px;height:14px}
.mobile-keypad .pin-submit{color:var(--active-gold-bright)!important;font-size:23px!important}
@media(min-width:561px){body.seller-mode:not(.unlocked) .seller-login{min-height:620px;margin:5vh auto 0}.seller-login .mobile-pin-head,.seller-login .mobile-keypad{display:flex}.seller-login .mobile-keypad{display:grid}.seller-login>.pin,.seller-login>#go{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}}
/* v85 — top warm-glass notifications, always above the mobile keypad. */
.toast{
  top:max(14px,calc(env(safe-area-inset-top) + 10px));
  bottom:auto;
  z-index:1000;
  width:max-content;
  max-width:calc(100vw - 28px);
  padding:12px 16px;
  border:1px solid #e2c59a2b;
  border-radius:15px;
  background:linear-gradient(145deg,#302a25ed,#171513f2)!important;
  color:#f3e5d3;
  font-size:13px;
  font-weight:560;
  line-height:1.35;
  text-align:center;
  box-shadow:inset 0 1px #ffffff14,0 0 28px #c4955830,0 16px 42px #000b;
  backdrop-filter:blur(24px) saturate(.85);
  -webkit-backdrop-filter:blur(24px) saturate(.85);
  opacity:0;
  transform:translate(-50%,-24px) scale(.96);
  transition:opacity .22s ease,transform .28s cubic-bezier(.2,.8,.2,1);
  pointer-events:none;
}
.toast.show{opacity:1;transform:translate(-50%,0) scale(1)}

/* v86 — remove the remaining cold-blue legacy surfaces. */
.date-overlay{
  background:#050403d9!important;
  backdrop-filter:blur(14px) saturate(.72)!important;
  -webkit-backdrop-filter:blur(14px) saturate(.72)!important;
}
.date-sheet{
  border-color:#d8b68138!important;
  background:radial-gradient(circle at 50% 0,#8d653126,transparent 38%),linear-gradient(155deg,#302a24f5,#171513fa 58%,#0d0c0b 100%)!important;
  color:#f7ecdc!important;
  box-shadow:inset 0 1px #fff4e018,0 0 0 1px #c89b5a0b,0 0 34px #bf8a4530,0 30px 90px #000d!important;
}
.date-sheet h2{color:#fff7eb!important;font-weight:650}
.date-sheet>p,.date-selects span{color:#bcae9b!important}
.date-selects .field{border-color:#d4b17d26!important;background:#171513ed!important;color:#f7ecdc!important;box-shadow:inset 0 1px #fff3dc0a}
.date-selects .field:focus{border-color:#d7b06a78!important;box-shadow:0 0 0 3px #d7b06a16!important}
input,select,textarea{accent-color:var(--active-gold)!important}
.order-check input{accent-color:var(--active-gold)!important}
.round-action:hover{background:#3a3026!important}
.kpi:hover{border-color:#d7b06a55!important}
.setup-card{border-color:#d8b68126!important;background:linear-gradient(145deg,#302a25e8,#151311f2)!important}
.setup-progress i{background:#41382f!important}.setup-progress i.active{background:var(--active-gold)!important;box-shadow:0 0 14px var(--active-gold-glow)!important}
.setup-count,.setup-card>p{color:#b9aa96!important}
.order-check{border-color:#ffffff1c!important;background:#171513e8!important}.order-check.done span{color:#8f8579!important}
.forecast-card{border-color:#d7b06a2e!important;background:radial-gradient(circle at 92% 0,#d7a85d17,transparent 35%),linear-gradient(145deg,#2d2822e8,#151311e8)!important}
.forecast-live{background:#5a43274f!important;color:var(--active-gold-bright)!important}
.forecast-shop small,.forecast-shop p,.news-factor{color:#b7aa99!important}.news-factor:before{color:var(--active-gold)!important}
.mail-ready,.setup-done{border-color:#d7b06a3b!important;background:#3d3021!important;color:#e6c690!important}
.status-queued{color:#e8c78e!important;background:#59442666!important}
.app-nav button.active i,.more-card>i{color:var(--active-gold-bright)!important;text-shadow:0 0 18px var(--active-gold-glow)!important}
.kpi:nth-child(1){--money-accent:#f1d39a!important}.kpi:nth-child(2){--money-accent:#e6a968!important}.kpi:nth-child(3){--money-accent:#d88f72!important}.kpi:nth-child(4){--money-accent:#efc36f!important}

/* v87 — confirmation sheets must sit above the floating app navigation. */
.date-overlay{
  z-index:500!important;
  align-items:center!important;
  padding:max(18px,env(safe-area-inset-top)) 16px max(18px,env(safe-area-inset-bottom))!important;
  overflow-y:auto!important;
}
.date-sheet{
  max-height:calc(100dvh - max(36px,env(safe-area-inset-top)) - max(36px,env(safe-area-inset-bottom)))!important;
  margin:auto!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
}
.delete-sheet .actions{position:relative;z-index:1;margin-top:18px;padding-bottom:2px}
@media(max-height:700px){.delete-sheet{padding:18px!important}.delete-icon{width:48px;height:48px;margin-bottom:10px}.delete-sheet h2{font-size:22px}.delete-sheet .hint{margin:8px 0 14px}}

/* v88 — current shift report details. */
.current-report-hero{margin-bottom:12px!important}.current-report-kpis{margin-bottom:12px}.current-report-breakdown{display:grid;gap:0}.current-report-breakdown .section-title{margin:0 0 10px}.report-detail-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid #ffffff12}.report-detail-row span{color:#b9b1a8}.report-detail-row strong{color:#f5eadb;text-align:right}.report-detail-total strong{color:var(--active-gold-bright);font-size:20px;text-shadow:0 0 18px var(--active-gold-glow)}.report-transfers{margin-top:18px}.report-transfers .eyebrow{margin-bottom:3px}.report-comment{margin-top:16px;padding:14px;border:1px solid #ffffff12;border-radius:15px;background:#ffffff07}.report-comment span{color:#a9a198;font-size:11px}.report-comment p{margin:7px 0 0;color:#eee5da;line-height:1.45}.current-report-breakdown>.archive-btn{margin-top:18px}

/* v89 — compact warm report review, never hidden by floating navigation. */
.report-preview-overlay{z-index:2147483647!important;background:#050403e8!important}
.report-preview{width:min(520px,100%)!important;padding:22px!important}
.report-preview h2{font-size:28px!important}.report-preview>p{margin-bottom:14px!important}
.report-preview .preview-rows{margin:10px 0 14px;border-color:#d7b06a2b!important;border-radius:18px;background:#171513b8;box-shadow:inset 0 1px #fff3dc08}
.report-preview .preview-rows>div{padding:12px 15px;border-bottom-color:#ffffff10!important;background:transparent!important}
.report-preview .preview-rows span{color:#b9b1a8!important}.report-preview .preview-rows strong{color:#f5eadb!important}
.report-preview .preview-total{background:#d7b06a12!important}.report-preview .preview-total strong{color:#f1d39a!important}
.report-preview .preview-cash{background:#b8874c18!important}.report-preview .preview-cash strong{color:#f1d39a!important;text-shadow:0 0 18px #d7a85d35}
.report-preview>.hint{margin:0 0 15px!important;color:#aa9d8c!important;font-size:12px;line-height:1.4}
.report-preview>.actions{display:grid!important;grid-template-columns:.9fr 1.25fr!important;gap:9px!important;margin:0!important;padding:0!important}.report-preview>.actions button{min-width:0;padding:14px 10px;font-size:11px}
body:has(.report-preview-overlay)>.seller-app-nav{opacity:0!important;pointer-events:none!important}
@media(max-height:760px){.report-preview{padding:17px!important}.report-preview h2{font-size:23px!important}.report-preview .preview-rows>div{padding:9px 12px}.report-preview>.hint{font-size:11px}.report-preview>.actions button{padding:12px 8px}}
.shop-required{border-color:#d7b06a80!important;box-shadow:0 0 0 3px #d7b06a18,0 0 22px #d7a85d20!important;color:#c9b99f!important}
/* Warm neural background */
.neural-bg{position:fixed!important;inset:0!important;z-index:0!important;width:100%;height:100%;pointer-events:none;background:#050504}
.ambient{display:none!important}
body{isolation:isolate}
body>#app,body>main{position:relative;z-index:1;background:transparent!important}
body>.toast,body>.install-banner,body>.offline-download{position:relative;z-index:2}
@media (prefers-reduced-motion:reduce){.neural-bg{opacity:.72}}
/* Keep the neural canvas visible beneath the full-screen PIN layouts. */
body:not(.unlocked) .login,
body.seller-mode:not(.unlocked) .seller-login{background:transparent!important}
body.seller-mode .ambient{display:none!important}
/* v91 — keep the shared neural canvas visible and the cash balance prominent. */
.neural-bg{z-index:0!important;background:#050504!important;opacity:1!important}
body>#app{position:relative!important;z-index:1!important;background:transparent!important}
.cash-after-deductions{display:flex!important;align-items:baseline!important;flex-wrap:wrap;gap:6px 9px;color:#c8bcae!important}
.cash-after-deductions strong{color:#f1d39a!important;font-size:17px;text-shadow:0 0 18px #d7a85d42}