:root{color-scheme:dark;--bg:#090b10;--panel:#11141c;--panel2:#151923;--stroke:rgba(255,255,255,.075);--text:#f4f5f8;--muted:#9299a8;--soft:#c4c9d3;--accent:#e9ae63;--mint:#a1e7ce;--amber:#f2c88f;--rose:#f294a3;--blue:#91bdfc}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 72% -20%,rgba(94,84,173,.13),transparent 45%),var(--bg);color:var(--text);font:14px 'DM Sans',sans-serif;letter-spacing:.005em}button,input{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;padding:27px 15px 18px;background:rgba(12,14,20,.86);border-right:1px solid var(--stroke);display:flex;flex-direction:column;backdrop-filter:blur(28px);z-index:2}.brand{height:45px;display:flex;align-items:center;gap:10px;padding-left:8px;font:800 22px Manrope,sans-serif;letter-spacing:-1.1px}.brand-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:10px;color:#11111a;background:linear-gradient(145deg,#d1ceff,#8e88ef);font:800 20px Manrope,sans-serif;box-shadow:0 3px 16px #e9ae632a}.workspace-label{font-size:10px;font-weight:700;letter-spacing:1.3px;color:#697081;margin:31px 10px 12px}.nav-item{border:0;background:transparent;width:100%;height:42px;border-radius:10px;text-align:left;color:#a1a6b3;padding:0 11px;display:flex;align-items:center;gap:12px;margin:2px 0;transition:.2s}.nav-item:hover{background:#ffffff08;color:#fff}.nav-item.active{background:linear-gradient(100deg,#e9ae631b,#e9ae630b);color:#f8e8cc;box-shadow:inset 2px 0 #edb86f}.nav-icon{font-size:17px;width:19px;text-align:center;color:#898fa0}.nav-item.active .nav-icon{color:#f6d49e}.sidebar-bottom{margin-top:auto}.sync-status{display:flex;align-items:center;gap:10px;padding:13px 10px 17px;border-bottom:1px solid var(--stroke);margin-bottom:11px}.status-dot{width:7px;height:7px;border-radius:50%;background:#71d5ad;box-shadow:0 0 10px #71d5886b}.sync-status b,.profile b{display:block;font-size:11px;font-weight:600;color:#d7dae2}.sync-status small,.profile small{display:block;font-size:10px;color:#818898;margin-top:3px}.profile{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:0;background:none;padding:7px 7px;border-radius:10px}.profile:hover{background:#ffffff08}.avatar{width:32px;height:32px;border-radius:11px;background:linear-gradient(135deg,#3b3a42,#bd8649);display:grid;place-items:center;font-weight:700;color:white}.more{margin-left:auto;font-size:20px;color:#7d8492}.main-area{margin-left:248px;min-height:100vh}.topbar{height:72px;border-bottom:1px solid var(--stroke);padding:0 42px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#0b0d13c9;backdrop-filter:blur(22px);z-index:1}.crumb{display:flex;gap:11px;align-items:center;color:#818897;font-size:12px}.crumb b{color:#d8dbe4;font-weight:500}.crumb-slash{color:#444a57}.top-actions{display:flex;gap:9px;align-items:center}.icon-button{height:35px;border:1px solid var(--stroke);background:#ffffff05;border-radius:9px;padding:0 11px;color:#b6bbc7;display:flex;align-items:center;gap:8px;font-size:12px;transition:.18s}.icon-button:hover{background:#ffffff0c;border-color:#ffffff20}.search-button{width:168px;justify-content:flex-start;color:#878e9d}.search-button span{font-size:11px}.search-button kbd{margin-left:auto;border:1px solid #ffffff14;border-radius:4px;padding:2px 4px;color:#858c9b;font:10px 'DM Sans'}.ai-button{border-color:#edb86f30;background:#edb86f0c;color:#f8dfb6}.sparkle{font-size:13px;color:#f0c47d}.page-content{max-width:1320px;padding:38px 42px 55px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:27px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.2px;color:#9299a9;text-transform:uppercase;margin-bottom:9px}.page-heading h1{font:600 29px Manrope,sans-serif;letter-spacing:-1.15px;margin:0}.page-heading p{margin:8px 0 0;color:var(--muted);font-size:12px}.heading-actions{display:flex;gap:8px}.button{height:36px;border-radius:9px;padding:0 13px;border:1px solid var(--stroke);background:#fff08;color:#d6dae3;font-size:11px;font-weight:600;display:inline-flex;align-items:center;gap:7px;transition:.18s}.button:hover{background:#ffffff10;border-color:#ffffff21}.button.primary{background:#edb86f;color:#11111b;border-color:#edb86f;box-shadow:0 5px 20px #9b93ff22}.button.primary:hover{background:#f7dcae}.grid{display:grid;gap:14px}.dashboard-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.card{background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));border:1px solid var(--stroke);border-radius:15px;padding:17px;box-shadow:0 12px 36px #0000000a;position:relative;overflow:hidden}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card-title{font-size:11px;color:#b4bac7;font-weight:600;display:flex;align-items:center;gap:8px}.card-title .mini-icon{width:23px;height:23px;display:grid;place-items:center;border-radius:7px;background:#ffffff0a;color:#f2ca89;font-size:12px}.card-action{border:0;background:none;color:#7e8695;font-size:17px;padding:0 3px}.welcome-card{grid-column:span 8;min-height:194px;background:linear-gradient(115deg,#171827 0%,#151722 56%,#181629 100%);display:flex;align-items:center}.welcome-card:after{content:'✳';font-size:220px;color:#b0aaff08;position:absolute;right:36px;top:-70px}.welcome-copy{position:relative;z-index:1;max-width:430px}.welcome-copy .eyebrow{color:#edb86f}.welcome-copy h2{font:600 24px Manrope,sans-serif;letter-spacing:-.75px;margin:0 0 8px}.welcome-copy p{color:#a5abba;font-size:12px;line-height:1.6;margin:0;max-width:370px}.welcome-cta{margin-top:17px}.weather-card{grid-column:span 4;min-height:194px;background:linear-gradient(150deg,#161a23,#11151c)}.weather-temp{font:500 38px Manrope,sans-serif;letter-spacing:-1.8px;margin:8px 0 0}.weather-meta{color:#a4abba;font-size:11px;margin-top:3px}.weather-icon{position:absolute;right:27px;top:46px;font-size:40px;filter:drop-shadow(0 0 18px #f2c88f55)}.weather-place{margin-top:15px;color:#747c8b;font-size:10px}.stat-card{grid-column:span 3;min-height:113px}.stat-value{font:600 22px Manrope,sans-serif;letter-spacing:-.7px;margin-top:10px}.stat-caption{font-size:10px;color:#818999;margin-top:4px}.stat-top{display:flex;justify-content:space-between;align-items:center}.stat-symbol{font-size:16px;color:#edb86f}.today-card{grid-column:span 7;min-height:263px}.tasks-card{grid-column:span 5;min-height:263px}.agenda-date{font-size:10px;color:#777f8d;margin-top:-10px;margin-bottom:13px}.event-row{display:grid;grid-template-columns:45px 3px 1fr auto;gap:10px;align-items:center;padding:9px 0;border-top:1px solid #ffffff08}.event-time{font-size:10px;color:#9aa1b0}.event-bar{height:28px;border-radius:9px;background:#edb86f}.event-bar.mint{background:#79d9b8}.event-bar.amber{background:#eab66d}.event-name{font-size:11px;font-weight:600;color:#e0e3eb}.event-detail{font-size:9px;color:#7e8695;margin-top:4px}.event-tag{font-size:9px;color:#a6aaff;background:#edb86f14;border-radius:5px;padding:5px 7px}.task-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #ffffff08}.check{width:15px;height:15px;border:1px solid #606777;border-radius:5px;background:none;flex:none;display:grid;place-items:center;color:#17191f;font-size:10px;padding:0}.check.done{background:#e9ae63;border-color:#e9ae63}.task-text{font-size:11px;color:#d6d9e1}.task-text.completed{text-decoration:line-through;color:#707887}.task-meta{margin-left:auto;color:#778091;font-size:9px;white-space:nowrap}.add-inline{width:100%;border:0;background:none;text-align:left;color:#8e93a1;font-size:10px;padding:12px 0 0}.add-inline:hover{color:#ccc8ff}.bottom-card{grid-column:span 6;min-height:155px}.week-chart{height:69px;display:flex;gap:8px;align-items:flex-end;padding:0 5px;margin-top:9px}.bar-group{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}.bar{width:100%;max-width:26px;border-radius:5px 5px 2px 2px;background:linear-gradient(0deg,#7269cb,#edb86f);opacity:.74}.bar.today{opacity:1;box-shadow:0 0 15px #e9ae632a}.bar-label{font-size:8px;color:#777f8d}.upcoming-line{display:flex;align-items:center;gap:11px;padding:8px 0;border-top:1px solid #ffffff08}.date-chip{width:34px;height:37px;border-radius:8px;background:#ffffff08;display:grid;place-items:center;font-size:9px;color:#b9becc;line-height:1.1;text-align:center}.upcoming-line b{font-size:10px;font-weight:600}.upcoming-line small{display:block;color:#818999;margin-top:4px;font-size:9px}.empty-state{text-align:center;padding:38px 20px;color:#8b93a2}.empty-state .empty-icon{font-size:28px;color:#edb86f;margin-bottom:10px}.empty-state h3{font:600 16px Manrope,sans-serif;color:#e1e4eb;margin:0 0 6px}.empty-state p{font-size:11px;line-height:1.6;max-width:350px;margin:0 auto 16px;color:#8c94a2}.section-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wide-card{grid-column:1/-1}.list-item{display:flex;align-items:center;gap:12px;padding:13px 5px;border-top:1px solid #ffffff09}.list-item .list-main{flex:1}.list-item b{font-size:12px;font-weight:600}.list-item small{display:block;margin-top:4px;color:#848c9a;font-size:10px}.badge{font-size:9px;border:1px solid var(--stroke);padding:5px 8px;border-radius:6px;color:#aeb4c2}.badge.green{color:#8edbbd;background:#8edbbd0d}.badge.purple{color:#f2ca89;background:#edb86f12}.month-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.month-head strong{font:600 16px Manrope,sans-serif}.month-controls{display:flex;gap:6px}.month-controls button{width:29px;height:28px;border-radius:7px;background:#ffffff08;border:1px solid var(--stroke);color:#afb5c2}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);border-left:1px solid var(--stroke);border-top:1px solid var(--stroke);border-radius:9px;overflow:hidden}.cal-cell{min-height:77px;padding:8px;border-right:1px solid var(--stroke);border-bottom:1px solid var(--stroke);font-size:9px;color:#818999}.cal-cell.head{min-height:30px;color:#a0a7b4;font-weight:600;background:#ffffff04}.cal-day{font-size:10px;color:#c1c6d1}.cal-day.today{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#edb86f;color:#111}.cal-event{margin-top:7px;font-size:8px;color:#f6d49e;background:#edb86f14;border-radius:4px;padding:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-backdrop{position:fixed;inset:0;background:#05060ac9;backdrop-filter:blur(9px);display:grid;place-items:center;z-index:5;padding:20px}.modal-backdrop[hidden]{display:none}.modal{width:min(500px,100%);border:1px solid #ffffff17;border-radius:16px;background:#151821;box-shadow:0 25px 100px #0009;padding:22px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.modal-head h2{font:600 17px Manrope,sans-serif;margin:0;letter-spacing:-.35px}.close{border:0;background:#ffffff08;color:#9ca3b0;width:28px;height:28px;border-radius:7px}.field{display:flex;flex-direction:column;gap:6px;margin:13px 0}.field label{font-size:10px;color:#9ba2b1;font-weight:600}.field input,.field select,.field textarea{width:100%;height:37px;border-radius:8px;border:1px solid #ffffff14;background:#0c0f15;padding:0 10px;color:#e5e8ee;outline:none;font-size:11px}.field input:focus,.field select:focus{border-color:#edb86f7a;box-shadow:0 0 0 3px #edb86f12}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:19px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,12px);opacity:0;pointer-events:none;padding:10px 15px;border:1px solid #ffffff1c;border-radius:9px;background:#1c202a;color:#e3e6ed;font-size:11px;z-index:9;transition:.25s;box-shadow:0 12px 35px #0006}.toast.show{opacity:1;transform:translate(-50%,0)}.search-results{max-height:300px;overflow:auto}.ai-note{font-size:11px;line-height:1.65;color:#9da4b2;background:#ffffff05;border:1px solid var(--stroke);padding:12px;border-radius:9px;margin-bottom:13px}.history-row{font-size:10px;color:#c1c6d1;padding:11px 0;border-top:1px solid var(--stroke)}.history-row small{display:block;color:#858d9a;margin-top:5px}
@media(max-width:1000px){.sidebar{width:210px}.main-area{margin-left:210px}.topbar{padding:0 25px}.page-content{padding:30px 25px}.welcome-card{grid-column:span 7}.weather-card{grid-column:span 5}.stat-card{grid-column:span 6}.today-card,.tasks-card{grid-column:span 12}.bottom-card{grid-column:span 12}}
@media(max-width:650px){.sidebar{width:60px;padding:19px 7px}.brand{padding:0;justify-content:center}.brand>span:last-child,.workspace-label,.nav-item:not(.active),.nav-item{font-size:0}.nav-item{justify-content:center;padding:0}.nav-icon{font-size:17px}.sidebar nav{margin-top:25px}.sidebar .sync-status{display:none}.profile{justify-content:center;padding:5px 0}.profile>span:not(.avatar){display:none}.main-area{margin-left:60px}.topbar{height:60px;padding:0 13px}.crumb{font-size:10px}.top-actions{gap:5px}.search-button{width:35px;justify-content:center;padding:0;font-size:0}.search-button span,.search-button kbd{display:none}.icon-button{padding:0 8px;height:32px}.ai-button{font-size:0}.ai-button .sparkle{font-size:15px}.page-content{padding:24px 14px}.page-heading{align-items:flex-start;gap:12px}.page-heading h1{font-size:23px}.page-heading p{font-size:10px}.heading-actions{flex-direction:column}.welcome-card,.weather-card{grid-column:span 12}.welcome-card{min-height:175px}.weather-card{min-height:160px}.stat-card{grid-column:span 6;padding:13px}.stat-value{font-size:19px}.bottom-card{grid-column:span 12}.section-grid{grid-template-columns:1fr}.field-row{grid-template-columns:1fr}.cal-cell{min-height:57px;padding:5px 3px}.cal-event{font-size:7px;padding:3px}}
.history-note{margin-top:12px;color:#737b8b;font-size:10px;line-height:1.5}.button:disabled{opacity:.45;cursor:not-allowed}
.cal-event.class{color:#c8f3e9;background:#73d6c51a}.cal-event.task{color:#ffdba8;background:#ffc36b18}.cal-more{display:block;margin-top:4px;color:#9aa2b2;font-size:8px}
.page-heading h1,.welcome-copy h2,.stat-value,.month-head strong,.modal-head h2{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.signal-card{grid-column:span 4}.signal-card .signal-title{font-size:16px;letter-spacing:-.25px;line-height:1.3;overflow-wrap:anywhere}.weather-enable,.weather-off{height:28px;margin-top:9px;padding:0 9px;border:1px solid #edb86f35;border-radius:7px;background:#edb86f10;color:#f6d49e;font-size:9px;font-weight:600}.weather-off{margin-left:7px;color:#a7adba;background:#ffffff07;border-color:var(--stroke)}.weather-enable:hover,.weather-off:hover{background:#edb86f22}.upcoming-task{display:flex;gap:10px;align-items:center;padding:12px 2px;border-top:1px solid #ffffff09}.upcoming-task-copy{min-width:0;flex:1}.upcoming-task-copy b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upcoming-task-copy small{display:block;margin-top:4px;color:#818999;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.due-pill{flex:none;padding:5px 7px;border-radius:6px;background:#edb86f12;color:#f6d49e;font-size:9px}.due-pill.overdue{color:#ffc3cc;background:#f294a31b}.task-list-item{min-height:62px}.field textarea{height:auto;min-height:58px;padding:9px 10px;resize:vertical;line-height:1.45}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quick-choice{min-height:75px;border:1px solid var(--stroke);border-radius:10px;background:#ffffff05;text-align:left;padding:12px}.quick-choice:hover{border-color:#edb86f65;background:#edb86f0c}.quick-choice b{display:block;font-size:11px;font-weight:600}.quick-choice small{display:block;color:#8c94a2;font-size:9px;margin:5px 0 0 25px}.weather-card{padding-bottom:14px}
@media(max-width:1000px){.signal-card{grid-column:span 4}}
.auth-gate{display:none}.auth-pending .app-shell,.signed-out .app-shell{visibility:hidden;pointer-events:none}.auth-pending .auth-gate,.signed-out .auth-gate{display:grid;position:fixed;inset:0;z-index:20;overflow:auto;background:radial-gradient(ellipse at 18% 12%,#b77d3c28,transparent 38%),radial-gradient(ellipse at 92% 86%,#5679a624,transparent 34%),#090b10}.authenticated .auth-gate{display:none}.login-layout{width:min(1120px,100%);min-height:100vh;margin:auto;padding:42px 55px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:70px}.login-story{min-height:580px;display:flex;flex-direction:column}.login-brand{padding:0;height:auto}.login-story-copy{margin:auto 0}.login-story-copy h1{font:600 clamp(43px,5.3vw,68px)/1.06 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-3px;margin:0;color:#f3f4f8}.login-story-copy>p{color:#a2a9b7;font-size:14px;line-height:1.7;max-width:410px;margin:18px 0 26px}.login-feature{display:flex;align-items:center;gap:13px;padding:13px 0;border-top:1px solid #ffffff0d;max-width:440px}.login-feature>span{width:35px;height:35px;display:grid;place-items:center;border:1px solid #edb86f23;border-radius:10px;background:#edb86f0c;color:#f2ca89}.login-feature b,.login-feature small{display:block}.login-feature b{font-size:12px;color:#e5e7ed}.login-feature small{font-size:10px;color:#7f8795;margin-top:4px}.login-foot,.login-bottom{font-size:10px;color:#717989}.login-card-wrap{width:min(420px,100%);justify-self:center}.login-card{border:1px solid #ffffff16;border-radius:20px;background:linear-gradient(145deg,#171a23ed,#10131aed);padding:36px;box-shadow:0 30px 100px #0006;backdrop-filter:blur(25px)}.login-card-mark{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;color:#f6d49e;background:linear-gradient(145deg,#edb86f2b,#edb86f0c);font-size:19px;margin-bottom:25px}.login-card .eyebrow{color:#edb86f;margin-bottom:8px}.login-card h2{font:600 27px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.8px;margin:0}.login-subtitle{color:#969eac;font-size:12px;line-height:1.6;margin:9px 0 24px}.google-button{width:100%;height:44px;justify-content:center;font-size:12px}.google-g{font:bold 15px Arial,sans-serif;color:#4285f4;background:#fff;width:20px;height:20px;display:grid;place-items:center;border-radius:50%}.login-divider{display:flex;align-items:center;gap:12px;margin:22px 0;color:#747c8a;font-size:8px;letter-spacing:1px}.login-divider:before,.login-divider:after{content:"";height:1px;flex:1;background:#ffffff10}.login-privacy{display:flex;align-items:flex-start;gap:9px;color:#858d9c;font-size:10px;line-height:1.55}.login-privacy .status-dot{flex:none;margin-top:4px}.login-status,.login-setup{display:block;margin-top:15px;color:#f0cc9a;font-size:10px;line-height:1.55}.login-setup{color:#858d9c}.login-bottom{text-align:center;margin-top:17px}@media(max-width:760px){.login-layout{grid-template-columns:1fr;gap:22px;padding:25px 20px}.login-story{min-height:auto}.login-story-copy{margin:58px 0 0}.login-story-copy h1{font-size:42px}.login-story-copy>p{font-size:12px;margin:11px 0 15px}.login-feature{display:none}.login-foot{display:none}.login-card-wrap{width:min(440px,100%)}.login-card{padding:26px}.login-card-mark{margin-bottom:17px}}
.weather-temp{font-size:22px;letter-spacing:-.45px;margin:24px 0 0;line-height:1.2}
.brand-mark{display:block;width:30px;height:30px;object-fit:cover;border-radius:9px;background:none;box-shadow:0 4px 18px #edb86f24}
.cloud-panel{border:1px solid var(--stroke);border-radius:12px;padding:14px;background:#ffffff04;margin:14px 0}.cloud-panel .eyebrow{color:#f2ca89;margin-bottom:7px}.cloud-panel p{font-size:11px;color:#a0a7b5;line-height:1.6;margin:0 0 10px}.cloud-panel .login-setup{display:block;margin-top:11px}.cloud-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cloud-setup-link{font-size:10px;color:#bdb7ff;padding:0 4px}.cloud-choice{display:grid;gap:9px}.cloud-panel .ai-note{margin:10px 0}.cloud-panel .cloud-actions+.login-setup{margin-top:9px}

/* Elios brand: midnight black with warm gold and cool stellar blue. */
:root{--bg:#08090c;--panel:#101216;--panel2:#17191f;--accent:#edb86f;--blue:#93bfff;--amber:#edb86f}
body{background:radial-gradient(ellipse at 74% -18%,rgba(183,126,63,.12),transparent 42%),radial-gradient(ellipse at 2% 46%,rgba(83,126,185,.075),transparent 32%),var(--bg)}
.brand-mark{object-fit:cover;border-radius:50%;box-shadow:0 0 22px rgba(230,169,94,.22),0 0 24px rgba(110,160,220,.12);background:#050608}
.sidebar .brand-mark{width:32px;height:32px}
.nav-item.active{background:linear-gradient(100deg,rgba(237,184,111,.16),rgba(127,165,213,.06));color:#f6e4c8;box-shadow:inset 2px 0 #edb86f}
.nav-item.active .nav-icon,.stat-symbol{color:#edb86f}
.ai-button{border-color:rgba(237,184,111,.3);background:rgba(237,184,111,.09);color:#f3d5a7}
.sparkle{color:#f1c47e}
.button.primary{background:linear-gradient(115deg,#f3c77f,#d89a52);border-color:#eab56e;color:#17120b;box-shadow:0 5px 22px rgba(221,163,88,.18)}
.button.primary:hover{background:linear-gradient(115deg,#ffdaa0,#e6ab62)}
.welcome-card{background:linear-gradient(115deg,#17191c 0%,#17171a 58%,#211b15 100%)}
.welcome-copy .eyebrow,.login-card .eyebrow{color:#edb86f}
.welcome-card:after{color:rgba(237,184,111,.055)}
.weather-icon{filter:drop-shadow(0 0 18px rgba(147,191,255,.35))}
.event-bar{background:linear-gradient(180deg,#f0c77f,#d69a54)}
.event-bar.amber{background:#edb86f}
.event-tag{color:#f4d9ad;background:rgba(237,184,111,.12)}
.check.done,.cal-day.today{background:#edb86f;border-color:#edb86f;color:#17120b}
.bar{background:linear-gradient(0deg,#7188a9,#edb86f)}
.bar.today{box-shadow:0 0 15px rgba(237,184,111,.22)}
.badge.purple{color:#f2cb8d;background:rgba(237,184,111,.1)}
.cal-event{color:#f3d49e;background:rgba(237,184,111,.12)}
.field input:focus,.field select:focus{border-color:rgba(237,184,111,.55);box-shadow:0 0 0 3px rgba(237,184,111,.1)}
.weather-enable{border-color:rgba(147,191,255,.3);background:rgba(147,191,255,.09);color:#c5ddff}
.weather-enable:hover{background:rgba(147,191,255,.16)}
.quick-choice:hover{border-color:rgba(237,184,111,.45);background:rgba(237,184,111,.07)}
.login-brand{display:block;width:112px;height:112px;padding:0;margin:0 0 22px}
.login-brand .brand-mark{width:112px;height:112px;border-radius:50%;box-shadow:0 0 38px rgba(231,167,91,.18),0 0 35px rgba(112,158,215,.1)}
.login-feature>span{border-color:rgba(237,184,111,.22);background:rgba(237,184,111,.08);color:#f0c47d}
.login-card-mark{color:#f2ca89;background:linear-gradient(145deg,rgba(237,184,111,.23),rgba(115,157,210,.1))}
.login-layout{background-image:radial-gradient(circle at 20% 48%,rgba(125,163,211,.045),transparent 30%)}
@media(max-width:760px){.login-brand,.login-brand .brand-mark{width:82px;height:82px}.login-brand{margin-bottom:14px}}

/* Keep the sign-in story and card on the same visual center line. */
.login-story{position:relative}
.login-brand{position:absolute;top:0;left:0}
.login-story-copy{margin:auto 0}
.login-status[hidden],.login-setup[hidden]{display:none}
@media(max-width:760px){.login-brand{position:static}.login-story-copy{margin:58px 0 0}}

/* A little more of the Elios night sky on the sign-in screen. */
.auth-gate{isolation:isolate}
.auth-gate::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.3;background-image:radial-gradient(1px 1px at 11% 19%,rgba(232,190,135,.8) 0,transparent 1.6px),radial-gradient(1px 1px at 28% 72%,rgba(145,190,244,.72) 0,transparent 1.5px),radial-gradient(1.5px 1.5px at 58% 13%,rgba(245,210,165,.7) 0,transparent 2px),radial-gradient(1px 1px at 81% 24%,rgba(145,190,244,.72) 0,transparent 1.5px),radial-gradient(1px 1px at 92% 68%,rgba(232,190,135,.75) 0,transparent 1.6px),radial-gradient(1px 1px at 67% 84%,rgba(145,190,244,.6) 0,transparent 1.5px),radial-gradient(ellipse at 78% 32%,rgba(106,145,197,.07),transparent 35%);background-size:100% 100%}
.auth-gate::after{content:"";position:fixed;z-index:-1;pointer-events:none;left:50%;top:50%;width:min(88vw,1050px);aspect-ratio:1;border:1px solid rgba(223,190,145,.045);border-radius:50%;transform:translate(-50%,-50%) rotate(-17deg);box-shadow:inset 0 0 80px rgba(93,137,195,.025),0 0 80px rgba(219,166,99,.025)}
.login-layout{position:relative;z-index:1}
.login-story-copy h1::after{content:"";display:block;width:66px;height:2px;margin:17px 0 0;border-radius:2px;background:linear-gradient(90deg,#edb86f,#91bdfc);box-shadow:0 0 14px rgba(237,184,111,.22)}
.login-card{position:relative;overflow:hidden;border-color:rgba(222,183,128,.16);background:linear-gradient(145deg,rgba(24,27,35,.96),rgba(12,14,19,.98));box-shadow:0 28px 90px rgba(0,0,0,.48),0 0 48px rgba(103,145,198,.055),inset 0 1px rgba(255,255,255,.035)}
.login-card::before{content:"";position:absolute;top:0;left:16%;width:68%;height:1px;background:linear-gradient(90deg,transparent,rgba(145,189,252,.7),rgba(237,184,111,.85),transparent)}
.login-card::after{content:"";position:absolute;right:-100px;top:-130px;width:260px;height:260px;pointer-events:none;background:radial-gradient(circle,rgba(237,184,111,.09),rgba(113,157,211,.035) 38%,transparent 70%)}
.login-card>*{position:relative;z-index:1}
.google-button{box-shadow:0 9px 26px rgba(228,169,94,.13),inset 0 1px rgba(255,255,255,.24)}
.google-button:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(228,169,94,.22),inset 0 1px rgba(255,255,255,.3)}
.google-button:focus-visible{outline:2px solid #91bdfc;outline-offset:3px}
@media(max-width:760px){.auth-gate::after{width:118vw;top:36%}.login-story-copy h1::after{margin-top:13px}}
@media(prefers-reduced-motion:reduce){.google-button:hover{transform:none}}

/* Edge-lit nebula that flows across the Elios sign-in screen. */
.auth-gate{background:radial-gradient(ellipse 62% 76% at -4% 40%,rgba(221,133,65,.46) 0%,rgba(177,91,39,.24) 43%,transparent 78%),radial-gradient(ellipse 57% 72% at 105% 78%,rgba(62,125,211,.45) 0%,rgba(42,83,154,.26) 45%,transparent 80%),radial-gradient(ellipse 50% 62% at 84% -8%,rgba(91,143,212,.22),transparent 78%),radial-gradient(ellipse 46% 58% at 28% 110%,rgba(220,148,73,.18),transparent 80%),linear-gradient(118deg,#100b09 0%,#0c0c12 45%,#0a101a 100%)}
.auth-gate::before{opacity:.92;background-image:radial-gradient(ellipse 54% 46% at 7% 39%,rgba(250,169,94,.19),transparent 76%),radial-gradient(ellipse 52% 48% at 96% 66%,rgba(112,173,255,.2),transparent 76%),linear-gradient(124deg,transparent 30%,rgba(106,155,222,.035) 48%,rgba(251,188,112,.045) 65%,transparent 83%),radial-gradient(1px 1px at 11% 19%,rgba(255,218,169,.95) 0,transparent 1.6px),radial-gradient(1px 1px at 28% 72%,rgba(170,209,255,.9) 0,transparent 1.5px),radial-gradient(1.5px 1.5px at 58% 13%,rgba(255,225,183,.95) 0,transparent 2px),radial-gradient(1px 1px at 81% 24%,rgba(170,209,255,.95) 0,transparent 1.5px),radial-gradient(1px 1px at 92% 68%,rgba(255,218,169,.95) 0,transparent 1.6px),radial-gradient(1px 1px at 67% 84%,rgba(170,209,255,.9) 0,transparent 1.5px)}

.ai-share-note{margin:12px 0 16px;padding:13px 14px;border:1px solid rgba(237,184,111,.2);border-radius:13px;background:linear-gradient(135deg,rgba(237,184,111,.08),rgba(94,139,204,.06));font-size:11px;line-height:1.55;color:#c5cad4}
.ai-share-note>b{display:block;color:#f2cc91;font-size:11px;letter-spacing:.04em}
.ai-share-note p{margin:5px 0 10px;color:#aeb5c2}
.ai-share-note label{display:flex;align-items:flex-start;gap:9px;color:#e5e7ed;cursor:pointer}
.ai-share-note input{accent-color:#dba65d;margin:2px 0 0;flex:none}
.ai-messages{display:flex;flex-direction:column;gap:9px;max-height:240px;overflow:auto;margin:10px 0 14px;padding:2px}
.ai-message{max-width:90%;padding:10px 12px;border-radius:13px;font-size:12px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
.ai-message.assistant{align-self:flex-start;border:1px solid #ffffff12;background:#ffffff08;color:#e2e5eb}
.ai-message.user{align-self:flex-end;border:1px solid #edb86f2c;background:#edb86f12;color:#f6d49e}
.ai-sources{display:flex;flex-wrap:wrap;gap:6px 10px;margin-top:10px;padding-top:8px;border-top:1px solid #ffffff12}.ai-sources small{flex-basis:100%;color:#8c94a3}.ai-sources a{font-size:11px;color:#f1c47f;text-decoration:underline;text-underline-offset:2px}.ai-action-preview{align-self:flex-start;max-width:92%;padding:12px 14px;border:1px solid #edb86f55;border-radius:14px;background:linear-gradient(145deg,#edb86f12,#ffffff08);color:#e8ebf0}.ai-action-preview ul{margin:8px 0;padding-left:19px}.ai-action-preview li{margin:4px 0;overflow-wrap:anywhere}.ai-action-preview small{display:block;color:#9aa2b1;font-size:11px;line-height:1.5}.ai-action-buttons{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.ai-action-buttons .button{min-height:36px;padding:7px 12px;font-size:12px}

/* Work & pay: distinguish the confirmed paycheck estimate from the optional savings goal. */
.pay-takehome{border-color:rgba(237,184,111,.25);background:linear-gradient(145deg,rgba(237,184,111,.09),rgba(255,255,255,.025) 58%)}
.pay-takehome .stat-value{font-size:clamp(30px,3vw,42px);color:#f4cc8d}
.pay-secondary{margin-top:9px;color:#9ca5b4;font-size:11px}
.savings-card{border-color:rgba(134,178,234,.2)}
.savings-total{margin:8px 0 17px;font-size:30px;font-weight:700;letter-spacing:-.04em;color:#b9d4fb}
.savings-total small{font-size:13px;font-weight:500;letter-spacing:0;color:#a8afbb}
.slider-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;color:#aeb5c2;font-size:11px}
.slider-label b{color:#f2cc91;font-size:13px}
.savings-slider{display:block;width:100%;height:6px;margin:0 0 12px;accent-color:#e9b66e;cursor:pointer}
.input-prefix{display:flex;align-items:center;gap:8px}.input-prefix>span{color:#b6bfce;font-size:15px}.input-prefix input{flex:1}
.paycheck-history{max-height:180px;overflow:auto;margin-top:10px;border-top:1px solid #ffffff10}
.paycheck-history .list-item{padding:10px 3px}
.paycheck-edit-row{padding:10px 3px;border-bottom:1px solid #ffffff10}
.paycheck-edit-title{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}
.paycheck-edit-fields,.paycheck-new-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:8px}
.paycheck-new-fields{margin-top:8px}
.paycheck-new-fields label{display:grid;gap:4px;color:#858d9a;font-size:10px}
.paycheck-new-fields input{width:100%;height:34px;padding:0 9px;border:1px solid #ffffff18;border-radius:8px;background:#0d1016;color:#e5e8ee;font-size:11px}
.paycheck-edit-fields label{display:grid;gap:4px;color:#858d9a;font-size:10px}
.paycheck-edit-fields input{width:100%;height:34px;padding:0 9px;border:1px solid #ffffff18;border-radius:8px;background:#0d1016;color:#e5e8ee;font-size:11px}
.paycheck-edit-fields input:focus{outline:2px solid rgba(237,184,111,.35);outline-offset:1px}
.modal{max-height:calc(100vh - 32px);overflow-y:auto}
@media(max-width:520px){.paycheck-edit-fields,.paycheck-new-fields{grid-template-columns:1fr 1fr}}
.tips-entry-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:start;gap:10px;margin-top:16px}
.tips-entry-form label{display:grid;align-content:start;gap:6px;min-width:0;color:#aeb5c2;font-size:11px}
.tips-entry-form>label>span{display:block;min-height:16px;line-height:16px}
.tips-entry-form input,.tips-entry-form select{min-width:0;width:100%;box-sizing:border-box}
.tips-entry-form>label>input,.tips-entry-form>label>select{height:41px}
.tips-entry-form select{padding:0 10px;border:1px solid #ffffff20;border-radius:10px;background:#0d1016;color:#e5e8ee;font:inherit}
.tips-entry-form .input-prefix{height:41px;padding:0 10px;border:1px solid #ffffff20;border-radius:10px;background:#0d1016}
.tips-entry-form .input-prefix input{border:0;background:transparent;padding-left:0}
.tips-entry-form .button{min-height:41px;align-self:end;white-space:nowrap}
.tip-totals{display:grid;gap:8px;margin:13px 0}
.tip-totals>div{display:flex;justify-content:space-between;gap:12px;color:#aeb5c2;font-size:12px}
.tip-totals b{color:#f2cc91}
.tip-entry-list{max-height:220px;overflow:auto;margin-top:13px;border-top:1px solid #ffffff10}
.tip-entry-row{display:flex;align-items:center;gap:10px;padding:8px 0;color:#aeb5c2;font-size:12px}
.tip-entry-row b{margin-left:auto;color:#f0f1f4}
@media(max-width:760px){.tips-entry-form{grid-template-columns:1fr 1fr}.tips-entry-form .button{grid-column:1/-1}}
@media(max-width:460px){.tips-entry-form{grid-template-columns:1fr}.tips-entry-form .button{grid-column:auto}}
@media(max-width:640px){.savings-total{font-size:26px}.pay-takehome .stat-value{font-size:32px}}
.spend-summary{min-height:160px}.spend-total{font:600 36px Manrope,sans-serif;letter-spacing:-1.5px;color:#f2cc91;margin:8px 0}.spend-month{display:flex;align-items:center;gap:10px;margin-top:17px;color:#9da4b2;font-size:10px}.spend-month input{height:30px;padding:0 8px;border:1px solid #ffffff18;border-radius:7px;background:#0d1016;color:#dfe3eb}.spend-category{display:grid;grid-template-columns:105px 1fr 65px;gap:12px;align-items:center;padding:11px 0;border-top:1px solid #ffffff09;color:#aeb5c2;font-size:10px}.spend-category b{text-align:right;color:#e2e5ec;font-size:11px}.spend-bar-track{height:6px;background:#ffffff0c;border-radius:8px;overflow:hidden}.spend-bar-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#edb86f,#d9a557)}.spend-transaction{display:flex;align-items:center;gap:12px;padding:11px 4px;border-top:1px solid #ffffff09}.transaction-mark{width:31px;height:31px;flex:none;display:grid;place-items:center;border-radius:9px;background:#edb86f12;color:#f2cc91;font-size:12px;font-weight:700}.transaction-category{max-width:130px;height:30px;padding:0 7px;border:1px solid #ffffff16;border-radius:7px;background:#0d1016;color:#b9c0cd;font-size:9px}.transaction-amount{min-width:66px;text-align:right;color:#e4e7ee;font-size:11px}.connected-bank-list:empty{display:none}.connected-bank{display:flex;align-items:center;gap:9px;padding:9px 3px;border-top:1px solid #ffffff09}.connected-bank b{font-size:11px;color:#d8dce5}.connected-bank .card-action{margin-left:auto}.page-heading .heading-actions .button[disabled]{opacity:.5;cursor:wait}
@media(max-width:650px){.spend-transaction{flex-wrap:wrap}.spend-transaction .list-main{min-width:calc(100% - 56px)}.transaction-category{margin-left:43px}.spend-category{grid-template-columns:85px 1fr 58px}}

/* Snack business: warm, compact counters and tactile inventory controls. */
.snack-tabs{display:flex;gap:6px;overflow:auto;margin:-5px 0 21px;padding:4px 0 9px;border-bottom:1px solid rgba(255,255,255,.07);scrollbar-width:thin}
.snack-tab{flex:none;padding:9px 14px;border:1px solid transparent;border-radius:10px;background:transparent;color:#9299a7;font:inherit;font-size:11px;cursor:pointer;transition:background .16s,border-color .16s,color .16s}
.snack-tab:hover{color:#e8eaf0;background:#ffffff08}
.snack-tab.active{border-color:rgba(237,184,111,.18);background:linear-gradient(115deg,rgba(237,184,111,.15),rgba(147,191,255,.055));color:#f1d39f}
.snack-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.snack-hero{position:relative;grid-column:span 2;min-height:180px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 88% 45%,rgba(205,151,81,.2),transparent 35%),linear-gradient(125deg,#17191e,#151416 62%,#1b1712)}
.snack-hero h2,.snack-restock-hero h2,.snack-close-hero h2{margin:8px 0 6px;font:600 24px Manrope,sans-serif;letter-spacing:-.6px}
.snack-hero p,.snack-restock-hero>p,.snack-close-hero>p{max-width:460px;color:#a9afbb;font-size:11px;line-height:1.65;margin:0 0 18px}
.snack-hero-orbit{position:absolute;right:35px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:100px;height:100px;border:1px solid #edb86f38;border-radius:50%;color:#f2c77e;font-size:39px;box-shadow:0 0 0 13px #edb86f08,0 0 55px #edb86f14,inset 0 0 32px #edb86f0a}
.snack-stat{min-height:142px;padding:18px}
.snack-metric-head{display:flex;align-items:center;gap:8px;color:#929aa8;font-size:10px}
.snack-metric-head>span{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:#edb86f10;color:#edc27f;font-size:13px}
.snack-stat>strong{display:block;margin:18px 0 4px;color:#f0f1f4;font:600 24px Manrope,sans-serif;letter-spacing:-.7px}
.snack-stat>p{margin:0;color:#8c94a2;font-size:10px;line-height:1.5}
.snack-overview-lower{margin-top:14px}
.snack-recovery-layout{display:flex;align-items:center;gap:18px;margin:18px 0 12px}
.snack-recovery-ring{--ring-progress:0%;width:112px;height:112px;flex:none;display:grid;place-items:center;border-radius:50%;background:conic-gradient(from -90deg,#edb86f 0 var(--ring-progress),#ffffff12 var(--ring-progress) 100%);box-shadow:0 0 24px #edb86f14}
.snack-recovery-ring>div{width:88px;height:88px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #ffffff0a;border-radius:50%;background:#15161b}
.snack-recovery-ring b{color:#f2cc91;font:600 27px Manrope,sans-serif;letter-spacing:-1px}
.snack-recovery-ring span{color:#929aa8;font-size:9px}
.snack-recovery-copy{min-width:0}
.snack-recovery-copy>strong,.snack-recovery-copy>span{display:block}
.snack-recovery-copy>strong{color:#f0f1f4;font:600 18px Manrope,sans-serif}
.snack-recovery-copy>span{margin-top:3px;color:#929aa8;font-size:10px}
.snack-recovery-copy p{margin:9px 0 0}
@media(max-width:650px){.snack-recovery-layout{gap:14px}.snack-recovery-ring{width:96px;height:96px}.snack-recovery-ring>div{width:76px;height:76px}.snack-recovery-ring b{font-size:23px}}
.snack-muted{color:#929aa8;font-size:10px;line-height:1.65}
.snack-money-foot{border-top:1px solid #ffffff0c;padding-top:11px;margin-top:12px;color:#858d9b;font-size:10px}
.snack-card-action{display:flex;align-items:center;gap:6px;margin-left:auto}
.snack-list-row{display:flex;align-items:center;gap:10px;min-height:47px;padding:8px 2px;border-top:1px solid #ffffff0a}
.snack-dot{width:8px;height:8px;flex:none;border-radius:50%;background:#6fc59e;box-shadow:0 0 12px #6fc59e55}
.snack-dot.low{background:#edb86f;box-shadow:0 0 12px #edb86f55}
.snack-row-main{min-width:0;flex:1}
.snack-row-main>b,.snack-row-main>small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.snack-row-main>b{color:#e6e8ee;font-size:11px;font-weight:550}
.snack-row-main>small{margin-top:4px;color:#858d9b;font-size:9px}
.small-button{min-height:30px;padding:0 10px;font-size:10px}
.snack-activity{display:flex;align-items:center;gap:10px;padding:10px 2px;border-top:1px solid #ffffff0a}
.snack-activity-icon,.snack-sale-mark{width:29px;height:29px;flex:none;display:grid;place-items:center;border-radius:9px;background:#edb86f11;color:#efc17a;font-size:12px}
.snack-activity>span:last-child{display:grid;gap:4px}
.snack-activity b{font-size:10px;font-weight:550;color:#dce0e8}
.snack-activity small{color:#828a98;font-size:9px}
.snack-balance-line{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:9px 0;border-top:1px solid #ffffff0a;color:#9da5b2;font-size:10px}
.snack-balance-line b{color:#e2e5eb;font-size:11px;font-weight:550}
.snack-balance-line small{margin-left:6px;color:#828a98;font-size:9px;font-weight:400}
.snack-balance-line.total{margin-top:3px;border-top-color:#ffffff18;color:#e4e7ee;font-weight:600}
.snack-balance-line.total b{color:#f2cc91}
.snack-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 15px;color:#959dab}
.snack-empty h3{margin:10px 0 4px;color:#e3e6ed;font-size:14px}
.snack-empty p{max-width:360px;margin:4px auto 15px;font-size:10px;line-height:1.6}
.snack-empty-mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid #edb86f28;border-radius:12px;background:#edb86f0b;color:#efc17b;font-size:18px}
.snack-empty-inline{padding:20px 5px;text-align:center;color:#838b99;font-size:10px}
.snack-section-note{margin:0 0 14px}
.snack-sell-layout{grid-template-columns:repeat(2,minmax(0,1fr))}
.snack-sell-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:10px}
.snack-sell-tile{min-height:138px;display:flex;flex-direction:column;align-items:flex-start;padding:13px;border:1px solid #ffffff10;border-radius:14px;background:linear-gradient(145deg,#171a21,#111318);color:#e3e6ee;text-align:left;cursor:pointer;transition:transform .15s,border-color .15s,background .15s}
.snack-sell-tile:hover{transform:translateY(-2px);border-color:#edb86f58;background:linear-gradient(145deg,#201e1a,#13161c)}
.snack-item-glyph{width:31px;height:31px;display:grid;place-items:center;margin-bottom:9px;border:1px solid #edb86f23;border-radius:10px;background:#edb86f0c;color:#f1c985;font-size:13px;font-weight:650}
.snack-sell-tile>b{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:550}
.snack-sell-tile>strong{margin-top:6px;color:#f2cc91;font-size:15px}
.snack-sell-tile>small{margin-top:auto;padding-top:7px;color:#8c94a2;font-size:9px}
.snack-bundle-tile{background:linear-gradient(145deg,#1a1a21,#16130f)}
.snack-payment-summary{display:flex;gap:18px;flex-wrap:wrap;padding-top:12px;border-top:1px solid #ffffff0c;color:#9ba3b1;font-size:10px}
.snack-payment-summary span:last-child{margin-left:auto;color:#f1cc90;font-weight:600}
.snack-sale-mark{background:#8fc9ab12;color:#9ad3b4}
.snack-sale-mark.expense{background:#edb86f12;color:#edbd77}
.snack-price{min-width:55px;text-align:right;color:#e4e7ec;font-size:11px}
.snack-price.good,.good{color:#90d0ad!important}
.needs-attention{color:#f0b779!important}
.snack-inventory-table{width:100%;overflow:auto}
.snack-table-head,.snack-table-row{min-width:710px;display:grid;grid-template-columns:minmax(150px,1.5fr) .75fr .8fr .9fr .9fr minmax(83px,.7fr);align-items:center;gap:12px}
.snack-table-head{padding:9px 7px;color:#7e8795;font-size:9px;letter-spacing:.04em;text-transform:uppercase}
.snack-table-row{min-height:53px;padding:7px;border-top:1px solid #ffffff0a;color:#d5d9e2;font-size:10px}
.snack-table-row>span>small{display:block;margin-top:3px;color:#818a98;font-size:9px}
.snack-product-name{display:flex;align-items:center;gap:9px;min-width:0}
.snack-product-name>i{width:28px;height:28px;flex:none;display:grid;place-items:center;border-radius:8px;background:#edb86f10;color:#f0c681;font-style:normal;font-weight:650}
.snack-product-name>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e2e5eb;font-weight:550}
.snack-row-actions{display:flex;justify-content:flex-end;gap:1px}
.snack-inventory-foot{margin-top:14px}
.snack-big-number{margin:11px 0;color:#f0f2f6;font:600 27px Manrope,sans-serif;letter-spacing:-.8px}
.snack-mini-activity>div{display:grid;grid-template-columns:1fr auto;gap:3px;padding:8px 0;border-top:1px solid #ffffff0a;color:#cbd0da;font-size:10px}
.snack-mini-activity small{grid-column:1/-1;color:#858d9a;font-size:9px}
.snack-pack-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px}
.snack-pack-heading h2{margin:0;color:#e8eaf0;font-size:17px}
.snack-pack-heading p{margin:5px 0 0;color:#929aa8;font-size:10px}
.snack-recipe-card{display:flex;flex-direction:column;min-height:260px}
.snack-recipe-price{margin-top:11px;color:#f1c985;font:600 23px Manrope,sans-serif}
.snack-recipe-price small{font:400 10px -apple-system,BlinkMacSystemFont,sans-serif;color:#9098a6}
.snack-recipe-cost{margin-top:3px;color:#87909f;font-size:9px}
.snack-recipe-contents{display:grid;gap:5px;margin:13px 0 auto;padding:10px 0;border-top:1px solid #ffffff0c;border-bottom:1px solid #ffffff0c}
.snack-recipe-contents>div{display:flex;justify-content:space-between;gap:12px;color:#b6bdc9;font-size:10px}
.snack-recipe-contents b{color:#e0e4eb;font-weight:550}
.snack-packable{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;color:#929aa8;font-size:9px}
.snack-packable>div{display:flex;align-items:baseline;gap:7px}
.snack-packable strong{color:#f2cc91;font:600 21px Manrope,sans-serif}
.snack-recipe-actions{display:flex;gap:8px}
.snack-recipe-actions .button{flex:1}
.snack-batch-history{margin-top:14px}
.snack-recipe-form-head{display:flex;align-items:center;justify-content:space-between;margin:16px 0 8px;color:#d9dde5;font-size:11px}
.snack-recipe-line{display:grid;grid-template-columns:1fr 95px 30px;gap:7px;margin:7px 0}
.snack-recipe-line select,.snack-recipe-line input{min-width:0;height:37px;padding:0 9px;border:1px solid #ffffff18;border-radius:9px;background:#0d1016;color:#dfe3eb;font-size:10px}
.snack-recipe-line button{align-self:center}
.snack-deal-fields{display:grid;grid-template-columns:.65fr 1fr;gap:8px}
.snack-deal-fields>input,.field input[type=date],.field input[type=number]{min-width:0}
.snack-sale-product{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #ffffff0d;border-radius:12px;background:#ffffff05}
.snack-sale-product .snack-item-glyph{margin:0}
.snack-sale-product b,.snack-sale-product small{display:block}
.snack-sale-product b{color:#e8eaf0;font-size:11px}
.snack-sale-product small{margin-top:4px;color:#8992a0;font-size:9px}
.snack-deal-note{margin:9px 0 0;color:#eec27d;font-size:10px}
.snack-sale-total{display:flex;justify-content:space-between;align-items:center;margin-top:6px;padding:12px 0;border-top:1px solid #ffffff12;color:#a8b0bd;font-size:12px}
.snack-sale-total b{color:#f3cd91;font:600 21px Manrope,sans-serif}
.snack-change-line{margin-top:-3px;color:#87909e;font-size:10px}
.snack-count-list{display:grid;gap:7px;margin-top:17px}
.snack-count-list> b{padding-bottom:5px;color:#e3e6ed;font-size:11px}
.snack-count-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid #ffffff0a}
.snack-count-row>span>b,.snack-count-row>span>small{display:block}
.snack-count-row>span>b{color:#dfe3ea;font-size:10px;font-weight:550}
.snack-count-row>span>small{margin-top:3px;color:#848d9b;font-size:9px}
.snack-count-row>input{width:88px;height:34px;text-align:center;border:1px solid #ffffff1b;border-radius:9px;background:#0d1016;color:#e5e8ee}
.snack-close-hero,.snack-restock-hero{margin-bottom:14px;background:radial-gradient(ellipse at 90% 10%,rgba(237,184,111,.12),transparent 38%),linear-gradient(145deg,#14171d,#111318)}
.snack-close-hero h2,.snack-restock-hero h2{margin-top:4px;font-size:21px}
.snack-close-summary{display:grid;grid-template-columns:1fr;margin:14px 0 18px;padding:4px 0;border-top:1px solid #ffffff0e;border-bottom:1px solid #ffffff0e}
.snack-close-summary span{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid #ffffff0a}
.snack-close-summary span:last-child{border-bottom:0}
.snack-close-summary small{color:#8992a0;font-size:9px}
.snack-close-summary b{color:#f0f2f6;font-size:13px}
.snack-restock-total{display:flex;align-items:center;gap:12px;margin:13px 0;color:#aeb5c2;font-size:10px}
.snack-restock-total b{color:#f1ca8a;font-size:17px}
.snack-money-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.snack-money-grid .card{min-height:160px}
.snack-money-grid .snack-big-number{margin:17px 0}
.snack-header-actions{display:flex;gap:7px}
.snack-offline-pill{display:inline-flex;align-items:center;gap:7px;color:#929aa8;font-size:10px}
.snack-offline-pill i{width:7px;height:7px;border-radius:50%;background:#74c99f;box-shadow:0 0 10px #74c99f50}
.snack-sales-list{max-height:355px;overflow:auto}
.snack-close-preview{display:grid;grid-template-columns:1fr;gap:0;margin:14px 0;padding:5px 13px;border:1px solid #ffffff12;border-radius:12px;background:#ffffff04}
.snack-close-preview>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid #ffffff0a;color:#9ba3b0;font-size:10px}
.snack-close-preview>div:last-child{border-bottom:0}
.snack-close-preview b{color:#e8eaf0;font-size:13px}
.snack-close-preview .good b{color:#9ad3b4}
.snack-close-preview .needs-attention b{color:#f0c27d}.snack-close-preview .set-aside b{color:#f1ca8a}
.snack-count-row{display:grid;grid-template-columns:minmax(0,1fr) 78px 142px}
.snack-count-row>input,.snack-count-row>select{width:100%;height:36px;padding:0 8px;border:1px solid #ffffff1b;border-radius:9px;background:#0d1016;color:#e5e8ee}
.snack-count-row>input{text-align:center}
.snack-start-count-row{display:grid;grid-template-columns:minmax(0,1fr) 92px;align-items:center;gap:12px;padding:9px 0;border-top:1px solid #ffffff0a}
.snack-start-count-row span b,.snack-start-count-row span small{display:block}
.snack-start-count-row span b{color:#dfe3ea;font-size:11px;font-weight:550}
.snack-start-count-row span small{margin-top:3px;color:#848d9b;font-size:9px}
.snack-start-count-row input{width:100%;height:36px;padding:0 9px;text-align:center;border:1px solid #ffffff1b;border-radius:9px;background:#0d1016;color:#e5e8ee}
.snack-close-group{margin-top:14px}
.snack-close-group h3{margin:0;padding:10px 0 4px;border-top:1px solid #ffffff10;color:#e2e5eb;font-size:12px}
.snack-close-group .snack-balance-line{padding:8px 0;border-top:1px solid #ffffff08}
@media(max-width:900px){.snack-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.snack-money-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.snack-sell-layout{grid-template-columns:1fr}}
@media(max-width:600px){.snack-metric-grid{grid-template-columns:1fr 1fr;gap:9px}.snack-hero{grid-column:span 2;min-height:155px;padding:18px}.snack-hero h2{font-size:20px}.snack-hero-orbit{right:16px;width:58px;height:58px;font-size:24px}.snack-stat{min-height:118px;padding:13px}.snack-stat>strong{font-size:20px;margin-top:14px}.snack-money-grid{grid-template-columns:1fr}.snack-tabs{margin-top:0}.snack-tab{padding:8px 11px}.snack-pack-heading{align-items:flex-start}.snack-pack-heading .button{white-space:nowrap}.snack-close-summary{gap:15px}.snack-header-actions{flex-wrap:wrap}.snack-close-preview{grid-template-columns:1fr}.snack-count-row{grid-template-columns:minmax(0,1fr) 76px;gap:8px}.snack-count-row>select{grid-column:1/-1}.snack-start-count-row{grid-template-columns:minmax(0,1fr) 76px;gap:8px}}

.sidebar,.main-area{transition:width .24s ease,margin .24s ease,transform .24s ease}.sidebar-hidden .sidebar{width:76px;padding-left:10px;padding-right:10px}.sidebar-hidden .main-area{margin-left:76px}.sidebar-hidden .brand{justify-content:center;padding:0}.sidebar-hidden .brand>span,.sidebar-hidden .workspace-label,.sidebar-hidden .nav-item:not(.active){font-size:0}.sidebar-hidden .nav-item{justify-content:center;padding:0}.sidebar-hidden .nav-icon{font-size:17px}.sidebar-hidden .sync-status,.sidebar-hidden .profile>span:not(.avatar){display:none}.sidebar-hidden .profile{justify-content:center}.avatar.photo-avatar{background-position:center;background-size:cover;background-repeat:no-repeat;border-radius:50%;background-color:#252a35}.countdown-card{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.countdown-card>.card-header{grid-column:1/-1;margin-bottom:2px}.countdown-tile{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px;border:1px solid rgba(237,184,111,.18);border-radius:12px;background:linear-gradient(135deg,rgba(237,184,111,.08),rgba(147,191,255,.04))}.countdown-tile b,.countdown-tile small{display:block}.countdown-tile b{font-size:12px}.countdown-tile small{margin-top:6px;color:var(--muted);font-size:10px}.countdown-tile strong{white-space:nowrap;color:#f2ca89;font:600 18px Manrope,sans-serif}.countdown-choice{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid var(--stroke);border-radius:9px;color:#c6cad4;font-size:11px}.countdown-choice input{accent-color:#edb86f}.photo-avatar{background-position:center;background-size:cover;background-repeat:no-repeat;border-radius:50%}.section-grid .card input[type=checkbox]{accent-color:#edb86f}
@media(max-width:650px){.sidebar-hidden .sidebar{width:58px}.sidebar-hidden .main-area{margin-left:58px}.countdown-card{grid-template-columns:1fr}.countdown-card>.card-header{grid-column:auto}}
.calendar-grid{border-radius:14px;background:linear-gradient(145deg,rgba(237,184,111,.025),rgba(147,191,255,.025));box-shadow:0 15px 40px #0002}.cal-cell:not(.head):hover{background:rgba(237,184,111,.055)}.calendar-google-link{height:28px;padding:0 9px;font-size:9px;white-space:nowrap}.calendar-grid .cal-cell.head{letter-spacing:.07em;text-transform:uppercase;font-size:8px}.sidebar-hidden .nav-item{font-size:0}.sidebar-hidden .nav-item.active{box-shadow:inset 0 -2px #edb86f}

/* Account menu and personal settings */
[hidden]{display:none!important}
.sidebar-bottom{position:relative}
.account-menu{position:absolute;z-index:5;left:4px;right:4px;bottom:61px;display:grid;gap:3px;padding:7px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(22,25,33,.96);box-shadow:0 18px 48px #0009;backdrop-filter:blur(24px)}
.account-menu button{height:38px;display:flex;align-items:center;gap:10px;padding:0 10px;border:0;border-radius:9px;background:transparent;color:#aeb5c2;text-align:left;font-size:12px}
.account-menu button:hover{background:#ffffff0a;color:#fff}
.account-menu button:last-child{color:#c7a6a4}
.settings-layout{display:grid;gap:8px;max-width:940px}
.owner-settings-shell{display:grid;gap:12px;max-width:1120px}
.owner-settings-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 27px;border-radius:20px;background:radial-gradient(ellipse at 0 0,rgba(237,184,111,.14),transparent 55%),linear-gradient(125deg,#171a21,#111319);box-shadow:inset 0 0 0 1px #ffffff0b}
.owner-settings-hero .eyebrow{color:#efc57d;font-size:9px;letter-spacing:1.5px;font-weight:700}
.owner-settings-hero h2{margin:8px 0 5px;color:#f0f1f5;font-size:24px;letter-spacing:-.6px}
.owner-settings-hero p{margin:0;color:#939ba9;font-size:12px}
.owner-badge{flex:none;padding:8px 11px;border-radius:30px;background:#edb86f16;color:#f2ca89;font-size:10px}
.owner-health-overview{padding:16px 18px;border-radius:18px;background:linear-gradient(120deg,rgba(255,255,255,.032),rgba(255,255,255,.012))}
.owner-health-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.owner-health-heading b,.owner-health-heading small{display:block}.owner-health-heading b{color:#e3e6ed;font-size:12px}.owner-health-heading small{margin-top:3px;color:#858e9e;font-size:10px}
.owner-settings-nav{position:sticky;top:64px;z-index:3;display:flex;gap:6px;overflow:auto;padding:7px;border:1px solid #ffffff0a;border-radius:14px;background:rgba(12,14,19,.88);backdrop-filter:blur(18px);scrollbar-width:none}
.owner-settings-nav::-webkit-scrollbar{display:none}
.owner-settings-nav button{flex:none;padding:8px 11px;border:0;border-radius:9px;background:transparent;color:#a4acba;font-size:10px;cursor:pointer}
.owner-settings-nav button:hover{background:#ffffff0b;color:#f2ca89}
.owner-settings-sections{display:grid;gap:10px}
.owner-settings-section{scroll-margin-top:122px}
.owner-settings-section .settings-options{gap:4px 12px}
.settings-control.setting-tile,.settings-row.setting-tile{min-height:68px;padding:12px 13px;border-radius:12px;background:rgba(9,11,15,.32);box-shadow:inset 0 0 0 1px #ffffff08}
.settings-subheading{margin:16px 5px 2px}.settings-subheading b,.settings-subheading small{display:block}.settings-subheading b{color:#dce0e8;font-size:11px}.settings-subheading small{margin-top:3px;color:#858e9e;font-size:10px}
.owner-settings-section .settings-widget-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin:10px 0 0}
.reduce-motion *, .reduce-motion *::before, .reduce-motion *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
.settings-section{padding:21px 22px;border-radius:18px;background:linear-gradient(120deg,rgba(255,255,255,.032),rgba(255,255,255,.012));}
.settings-section-heading{display:flex;align-items:center;gap:12px;margin-bottom:13px}
.settings-section-heading>span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:rgba(237,184,111,.09);color:#f2ca89;font-size:15px}
.settings-section-heading h2{margin:0;color:#e7e9ef;font:600 15px Manrope,sans-serif;letter-spacing:-.25px}
.settings-section-heading p{margin:4px 0 0;color:#838b9a;font-size:10px}
.settings-row,.settings-control{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 6px;border-radius:10px}
.settings-row+.settings-row{margin-top:2px}
.settings-row:hover,.settings-control:hover{background:#ffffff04}
.settings-row b,.settings-control b{display:block;color:#d8dce5;font-size:11px;font-weight:600}
.settings-row small,.settings-control small{display:block;max-width:520px;margin-top:4px;color:#8991a0;font-size:10px;line-height:1.45}
.settings-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}
.settings-control select{width:175px;max-width:42%;height:35px;padding:0 10px;border:1px solid #ffffff15;border-radius:9px;background:#10131a;color:#d9dde6;font-size:10px}
.settings-control input[type=checkbox],.settings-widget input{width:16px;height:16px;flex:none;accent-color:#edb86f}
.settings-control.standalone{margin-top:4px}
.settings-widget-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:6px 4px 10px}
.settings-widget{display:flex;align-items:center;gap:9px;min-height:39px;padding:0 10px;border-radius:10px;background:rgba(255,255,255,.027);color:#b8beca;font-size:10px}
.settings-status{flex:none;padding:6px 9px;border-radius:99px;background:rgba(112,204,163,.09);color:#91d6b6;font-size:9px}
.settings-status.muted{background:#ffffff07;color:#9299a8}
.compact-ui .page-content{padding-top:27px;padding-bottom:35px}
.compact-ui .card{padding:13px}
.compact-ui .grid{gap:10px}
.soft-panels .topbar{border-bottom-color:rgba(255,255,255,.025)}
.soft-panels .sidebar{border-right-color:rgba(255,255,255,.025)}
.soft-panels .card{border-color:rgba(255,255,255,.035);box-shadow:0 12px 36px #00000008}
.soft-panels .event-row,.soft-panels .task-row,.soft-panels .upcoming-line,.soft-panels .list-item,.soft-panels .settings-row+.settings-row{border-top-color:transparent}
.soft-panels .settings-section{background:linear-gradient(120deg,rgba(255,255,255,.025),rgba(255,255,255,.008))}
html[data-elios-accent="blue"] .nav-item.active{background:rgba(145,189,252,.12);color:#dceaff;box-shadow:inset 2px 0 #91bdfc}
html[data-elios-accent="blue"] .button.primary{background:linear-gradient(115deg,#b9d5ff,#86b4f3);border-color:#91bdfc;color:#101722}
html[data-elios-accent="blue"] .card-title .mini-icon,html[data-elios-accent="blue"] .settings-section-heading>span{color:#b9d5ff;background:rgba(145,189,252,.1)}
html[data-elios-accent="blue"] .stat-symbol,html[data-elios-accent="blue"] .settings-status{color:#b9d5ff}
html[data-elios-accent="violet"] .nav-item.active{background:rgba(179,157,255,.12);color:#e5ddff;box-shadow:inset 2px 0 #b39dff}
html[data-elios-accent="violet"] .button.primary{background:linear-gradient(115deg,#d4c8ff,#a891f0);border-color:#b39dff;color:#171323}
html[data-elios-accent="violet"] .card-title .mini-icon,html[data-elios-accent="violet"] .settings-section-heading>span{color:#d4c8ff;background:rgba(179,157,255,.1)}
html[data-elios-accent="violet"] .stat-symbol{color:#c9baff}
@media(max-width:700px){.settings-options{grid-template-columns:1fr}.settings-widget-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-section{padding:17px 14px}.settings-control select{max-width:48%}}
@media(max-width:700px){.owner-settings-hero{align-items:flex-start;padding:20px 17px}.owner-settings-hero h2{font-size:20px}.owner-badge{font-size:9px}.owner-settings-nav{top:54px}.owner-settings-section{scroll-margin-top:110px}.owner-settings-section .settings-widget-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.owner-health-overview{padding:13px}}
.sharing-card{margin-top:10px;padding:14px 15px;border-radius:14px;background:linear-gradient(120deg,rgba(237,184,111,.055),rgba(255,255,255,.018))}
.sharing-card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.sharing-card-heading>b,.sharing-invite-list>b{font-size:11px;color:#e2e5ec}
.sharing-card>p{margin:7px 0 12px;color:#8e96a5;font-size:10px;line-height:1.55}
.sharing-email{display:grid;gap:6px;color:#abb2bf;font-size:10px}.sharing-email input{height:37px;padding:0 10px;border:1px solid #ffffff13;border-radius:9px;background:#0c0f15;color:#e7e9ef;font-size:11px}
.sharing-permissions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:9px 0 12px}
.sharing-permissions>label{display:flex;align-items:center;gap:9px;min-height:44px;padding:6px 9px;border-radius:9px;background:#ffffff04;color:#c1c7d2}
.sharing-permissions input{accent-color:#edb86f}.sharing-permissions b,.sharing-permissions small{display:block}.sharing-permissions b{font-size:10px}.sharing-permissions small{margin-top:3px;color:#828a98;font-size:9px}
.sharing-invite-list{display:grid;gap:3px;margin:13px 0;padding-top:10px;border-top:1px solid #ffffff0a}.sharing-invite-list>div{display:flex;align-items:center;gap:8px;min-height:36px;padding:3px 4px;border-radius:8px;color:#c0c6d1;font-size:10px}.sharing-invite-list>div>span{flex:1}.sharing-invite-list small{display:block;margin-top:3px;color:#828a98;font-size:9px}.sharing-invite-list em{color:#9ba3b1;font-size:9px;font-style:normal}.sharing-error{color:#ffb4b4!important}
@media(max-width:520px){.sharing-permissions{grid-template-columns:1fr}}

/* Keep scrolled page content from showing through the sticky breadcrumb bar. */
.topbar{position:relative;top:auto;z-index:1;background:#0b0d13;backdrop-filter:none;-webkit-backdrop-filter:none;isolation:auto}

/* Phone layout: keep every section reachable and give the page room to breathe. */
@media(max-width:650px){
  :root{--mobile-header-height:calc(99px + env(safe-area-inset-top))}
  html,body{max-width:100%;overflow-x:hidden}
  .sidebar{position:fixed;inset:0 0 auto;width:100%;height:var(--mobile-header-height);padding:calc(7px + env(safe-area-inset-top)) 12px 0;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:40px 48px;gap:0;border:0;border-bottom:1px solid rgba(255,255,255,.075);background:rgba(12,14,20,.94);backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px);z-index:10}
  .sidebar .brand{grid-column:1;grid-row:1;width:auto;height:38px;justify-content:flex-start;gap:8px;padding:0;font-size:18px}
  .sidebar .brand>span:last-child{font-size:18px}
  .sidebar .brand .brand-mark{width:29px;height:29px;border-radius:50%}
  .workspace-label,.sidebar .sync-status{display:none}
  #navigation{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:nowrap;gap:3px;width:100%;margin:0;padding:2px 0 7px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  #navigation::-webkit-scrollbar{display:none}
  .sidebar .nav-item,.sidebar .nav-item:not(.active){display:flex;flex:0 0 auto;align-items:center;justify-content:center;gap:6px;width:auto;min-width:max-content;height:36px;margin:0;padding:0 10px;border-radius:11px;font-size:10px;white-space:nowrap;box-shadow:none}
  .sidebar .nav-item.active{background:rgba(237,184,111,.14);box-shadow:inset 0 -2px #edb86f;color:#f7e4c7}
  .sidebar .nav-icon{width:auto;font-size:13px}
  .sidebar-bottom{grid-column:2;grid-row:1;align-self:center;margin:0;position:static}
  .sidebar-hidden .sidebar{width:100%;padding:calc(7px + env(safe-area-inset-top)) 12px 0}
  .sidebar-hidden .main-area{margin:var(--mobile-header-height) 0 0}
  .profile{width:auto;height:36px;justify-content:center;padding:3px}
  .profile>span:not(.avatar){display:none}
  .avatar{width:30px;height:30px;border-radius:50%}
  .account-menu{top:43px;right:0;bottom:auto;left:auto;width:max-content;min-width:180px}
  .main-area{min-height:100dvh;margin:var(--mobile-header-height) 0 0}
  .topbar{position:relative;top:auto;z-index:1;height:48px;padding:0 14px;background:#0b0d13;backdrop-filter:none;-webkit-backdrop-filter:none}
  .crumb{gap:0;font-size:11px}
  .crumb>span,.crumb-slash{display:none}
  .top-actions{gap:6px}
  .icon-button{width:36px;height:36px;justify-content:center;padding:0;border-radius:11px}
  .search-button{width:36px;font-size:18px}
  .search-button span,.search-button kbd{display:none}
  .ai-button{font-size:0}
  .ai-button .sparkle{font-size:15px}
  .page-content{width:100%;padding:18px 13px calc(30px + env(safe-area-inset-bottom));}
  .page-heading{align-items:flex-start;gap:10px;margin-bottom:18px}
  .page-heading h1{font-size:25px;line-height:1.15}
  .page-heading p{font-size:11px;line-height:1.5}
  .heading-actions{flex-direction:row;flex-wrap:wrap;gap:7px}
  .button{min-height:40px;height:auto;padding:9px 12px;line-height:1.25}
  .grid{gap:11px}
  .dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
  .dashboard-grid>.card{grid-column:1/-1;min-width:0}
  .dashboard-grid>.stat-card{grid-column:span 1;min-height:112px;padding:13px}
  .dashboard-grid>.stat-card[data-dashboard-widget="nextBill"]{grid-column:1/-1}
  .card{min-width:0;padding:15px;border-radius:16px}
  .card-header{gap:8px;margin-bottom:13px}
  .card-title{font-size:11px;line-height:1.4}
  .welcome-card{min-height:165px}
  .welcome-copy{max-width:82%}
  .welcome-copy h2{font-size:21px;line-height:1.25}
  .welcome-copy p{font-size:11px}
  .welcome-card:after{right:4px;font-size:150px}
  .weather-card{min-height:145px}
  .today-card,.tasks-card,.bottom-card{min-height:0}
  .stat-value{font-size:19px}
  .event-row{grid-template-columns:48px 3px minmax(0,1fr) auto;gap:8px}
  .event-name,.task-text{font-size:11px;line-height:1.4}
  .task-meta{font-size:9px}
  .section-grid{grid-template-columns:minmax(0,1fr)}
  .calendar-grid{width:100%;grid-template-columns:repeat(7,minmax(0,1fr));}
  .cal-cell{min-width:0;min-height:54px;padding:5px 2px;font-size:8px}
  .cal-event{max-width:100%;font-size:7px;line-height:1.2;padding:3px 2px}
  .cal-day{font-size:9px}
  .spend-category{grid-template-columns:minmax(66px,85px) minmax(35px,1fr) 54px;gap:8px}
  .spend-transaction{gap:8px}
  .settings-section{padding:15px 12px}
  .settings-row,.settings-control{gap:10px;padding:9px 4px}
  .settings-control select{max-width:48%;font-size:12px}
  .modal-backdrop{align-items:end;padding:0}
  .modal{width:100%;max-width:none;max-height:88dvh;padding:20px 16px calc(18px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;overflow:auto}
  .toast{bottom:calc(18px + env(safe-area-inset-bottom))}
  .snack-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .snack-hero{grid-column:span 2}
  .snack-money-grid{grid-template-columns:1fr}
  .snack-sell-layout{grid-template-columns:1fr}
  .snack-table-row{min-width:660px}
  .snack-inventory-table{overflow-x:auto;-webkit-overflow-scrolling:touch}
}

.approval-gate{width:min(680px,100%);min-height:100vh;margin:auto;padding:34px 24px;display:flex;flex-direction:column}
.approval-card{width:min(480px,100%);margin:auto;border:1px solid #ffffff18;border-radius:20px;background:linear-gradient(145deg,#171a23f0,#10131aef);padding:32px;box-shadow:0 30px 100px #0007;backdrop-filter:blur(24px)}
.approval-card h1{margin:0;font:600 27px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.7px}
.approval-card p{color:#a2a9b7;font-size:13px;line-height:1.65;margin:12px 0 18px}
.approval-identity{border:1px solid #ffffff12;border-radius:10px;padding:12px;color:#d7dae2;font-size:12px;overflow-wrap:anywhere}
.approval-actions{display:flex;gap:9px;margin-top:20px}
.access-requests{display:grid;gap:8px}
.access-request{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid #ffffff0b}
.access-request-info b,.access-request-info small{display:block}
.access-request-info b{font-size:12px;overflow-wrap:anywhere}
.access-request-info small,.access-empty{margin-top:5px;color:var(--muted);font-size:11px}
.access-request-actions{display:flex;gap:7px;flex:none}
.access-tools{display:flex;gap:8px;margin:8px 0 3px}
.access-tools input,.access-tools select{height:36px;padding:0 11px;border:1px solid #ffffff16;border-radius:10px;background:#10131a;color:#d9dde6;font-size:11px}
.access-tools input{flex:1;min-width:0}.access-tools select{width:145px}
.access-request-managed{display:grid;gap:9px;padding:12px;border:1px solid #ffffff0c;border-radius:12px;background:#090b0f38}
.access-request-line{display:flex;align-items:center;justify-content:space-between;gap:12px}
.access-sections{padding-top:8px;border-top:1px solid #ffffff0b}
.access-sections summary{color:#a8b0be;font-size:10px;cursor:pointer;list-style-position:inside}
.access-section-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:9px 0}
.access-section-options label{display:flex;align-items:center;gap:7px;padding:7px 8px;border-radius:8px;background:#ffffff05;color:#aeb5c2;font-size:10px}
.access-section-options input{accent-color:#edb86f}
.access-sections>[data-save-sections]{min-height:30px;padding:0 10px;font-size:10px}
.nav-item[hidden]{display:none!important}
.security-dashboard{display:grid;gap:12px}
.security-dashboard>.settings-section-heading{margin-bottom:0}
.security-dashboard .settings-section-heading>button{margin-left:auto}
.security-health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.security-health-card{min-width:0;padding:14px;border-radius:14px;background:rgba(7,9,13,.35);box-shadow:inset 0 0 0 1px #ffffff0c}
.security-health-top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#9ba3b2;font-size:11px}
.security-health-card>strong{display:block;margin-top:12px;color:#e8eaf0;font-size:14px;font-weight:650}
.security-health-card>small{display:block;margin-top:5px;color:#818998;font-size:10px;line-height:1.45}
.health-indicator{width:8px;height:8px;flex:none;border-radius:50%;background:#8690a0;box-shadow:0 0 10px currentColor}
.health-indicator.checking{color:#929baa;background:#929baa;animation:health-pulse 1.1s ease-in-out infinite}
.health-indicator.online{color:#66ca91;background:#66ca91}
.health-indicator.attention{color:#efb85f;background:#efb85f}
.health-indicator.offline{color:#ec7474;background:#ec7474}
@keyframes health-pulse{50%{opacity:.35}}
.security-activity-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:5px}
.security-activity-heading h3{margin:0;color:#dfe2e9;font-size:12px;font-weight:650}
.security-activity-heading p{margin:4px 0 0;color:#838b9a;font-size:10px;line-height:1.45}
.security-counts{display:flex;gap:7px;flex:none}
.security-counts span{padding:5px 8px;border-radius:20px;background:#ffffff08;color:#929aa8;font-size:9px;white-space:nowrap}
.security-counts b{color:#f0c77f}
.access-status-pill{display:inline-block;padding:2px 6px;border-radius:10px;background:#ffffff0b;color:#b2bac8;text-transform:capitalize}
.access-status-pill.pending{background:#efb85f18;color:#efc579}
.access-status-pill.approved{background:#66ca9118;color:#7cd49f}
.access-status-pill.denied{background:#ec747418;color:#f09191}
.security-footnote{padding:10px 11px;border-radius:10px;background:#ffffff06;color:#8991a0;font-size:10px;line-height:1.55}
.security-checked{text-align:right;color:#727b89;font-size:9px}
@media(max-width:700px){.security-health-grid{grid-template-columns:1fr}.security-health-card{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:10px;padding:12px}.security-health-top{grid-column:1}.security-health-card>strong{grid-column:2;grid-row:1;align-self:center;margin:0}.security-health-card>small{grid-column:1/-1}.security-activity-heading{align-items:flex-start;flex-direction:column}.security-counts{align-self:flex-start}}
@media(max-width:600px){.access-request{align-items:flex-start;flex-direction:column}.approval-card{padding:24px}}
@media(max-width:600px){.access-request-line{align-items:flex-start;flex-direction:column}.access-tools{flex-direction:column}.access-tools select{width:100%}.access-section-options{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media(max-width:380px){
  .sidebar{padding-right:8px;padding-left:8px}
  .sidebar .nav-item,.sidebar .nav-item:not(.active){padding:0 8px;font-size:9px}
  .page-content{padding-right:10px;padding-left:10px}
  .dashboard-grid>.stat-card{padding:11px}
  .stat-value{font-size:17px}
  .modal{padding-right:13px;padding-left:13px}
}

/* Keep narrow phone layouts inside the viewport, including the signed-out gate. */
@media(max-width:760px){
  .login-layout{width:100%;min-width:0;grid-template-columns:minmax(0,1fr);gap:20px;padding:calc(22px + env(safe-area-inset-top)) clamp(16px,5vw,24px) calc(24px + env(safe-area-inset-bottom))}
  .login-story,.login-story-copy,.login-card-wrap{width:100%;min-width:0;max-width:100%}
  .login-story-copy{margin:30px 0 0}
  .login-story-copy h1{font-size:clamp(34px,9.5vw,42px);letter-spacing:-2px;overflow-wrap:anywhere}
  .login-story-copy>p{width:100%;max-width:100%;overflow-wrap:anywhere}
  .login-card{width:100%;min-width:0;padding:clamp(20px,6vw,26px)}
}
@media(max-width:650px){
  .app-shell,.main-area,#page,.page-content,.page-content>.grid{width:100%;min-width:0;max-width:100%}
  .page-content{margin:0;overflow-x:clip}
  .page-heading{display:grid;grid-template-columns:minmax(0,1fr);width:100%;min-width:0}
  .page-heading>div:first-child{min-width:0}
  .heading-actions{width:100%;justify-content:flex-start}
  .heading-actions>.button{max-width:100%;white-space:normal}
  .card-title,.stat-caption,.pay-secondary,.event-name,.event-detail,.task-text,.list-item,.upcoming-line{min-width:0;overflow-wrap:anywhere}
  .list-item .list-main,.upcoming-line>div:last-child{min-width:0}
  .card-action{width:36px;height:36px;flex:none;border-radius:9px;display:inline-grid;place-items:center;font-size:19px;touch-action:manipulation}
  .check{width:24px;height:24px;border-radius:7px;touch-action:manipulation}
  .nav-item{min-height:40px;touch-action:manipulation}
  .icon-button{min-width:40px;min-height:40px}
  .sidebar .brand{min-height:40px}
  .field input,.field select,.field textarea,.tips-entry-form input,.tips-entry-form select,.snack-form input,.snack-form select{font-size:16px}
  .settings-row,.settings-control{align-items:flex-start}
  .settings-control select{max-width:55%;min-width:120px;min-height:40px}
  .spend-month input{min-height:40px;font-size:16px}
  .snack-table-row{min-width:710px}
  .snack-inventory-table{max-width:100%;overscroll-behavior-x:contain}
}
@media(max-width:420px){
  .sidebar{padding-right:8px;padding-left:8px}
  #navigation{gap:2px}
  .sidebar .nav-item,.sidebar .nav-item:not(.active){padding:0 8px;font-size:9px}
  .topbar{padding-inline:10px}
  .top-actions{gap:4px}
  .page-content{padding-inline:10px}
  .dashboard-grid{grid-template-columns:minmax(0,1fr)}
  .dashboard-grid>.stat-card,.dashboard-grid>.stat-card[data-dashboard-widget="nextBill"]{grid-column:1/-1}
  .dashboard-grid>.stat-card{min-height:92px}
  .welcome-copy{max-width:90%}
  .event-row{grid-template-columns:43px 3px minmax(0,1fr);}
  .event-tag{grid-column:3;justify-self:start;margin-top:-3px}
  .event-name,.task-text{overflow-wrap:anywhere}
  .heading-actions>.button{flex:1 1 auto;justify-content:center}
  .modal-actions{flex-wrap:wrap}
  .modal-actions>.button{min-height:44px}
  .tips-entry-form{grid-template-columns:1fr 1fr}
  .tips-entry-form>label:first-child{grid-column:1/-1}
  .tips-entry-form .button{grid-column:1/-1}
  .snack-recipe-line{grid-template-columns:minmax(0,1fr) 76px 34px}
}
.welcome-card:after{content:none}
.snack-empty-mark{font-family:Manrope,'DM Sans',sans-serif;font-weight:500}
.snack-hero-orbit{font-family:Manrope,'DM Sans',sans-serif;font-weight:400}
@media(max-width:650px){
  #navigation{scrollbar-width:thin;scrollbar-color:rgba(237,184,111,.38) transparent;position:relative}
  #navigation::-webkit-scrollbar{display:block;height:3px}
  #navigation::-webkit-scrollbar-thumb{background:rgba(237,184,111,.38);border-radius:3px}
  #navigation::after{content:'›';position:sticky;right:0;z-index:2;display:grid;place-items:center;flex:0 0 22px;margin-left:-22px;color:#bdc3cf;font:600 18px Manrope,sans-serif;background:linear-gradient(90deg,transparent,rgba(12,14,20,.98) 45%);pointer-events:none}
}
.bill-paid-button{min-height:34px;padding:0 12px;white-space:nowrap;color:#f1c47e;border-color:#e7b66a35;background:#e7b66a12;font-size:12px}.bill-paid-button:hover{background:#e7b66a24}.bill-item{gap:12px}

/* Mobile controls: comfortable taps, keyboard-safe fields, and scrollable sheets. */
@media(max-width:650px){
  :root{--mobile-header-height:calc(103px + env(safe-area-inset-top))}
  .sidebar{grid-template-rows:42px 52px}
  .sidebar .nav-item,.sidebar .nav-item:not(.active){height:44px;min-height:44px;padding-inline:11px;font-size:10px}
  .sidebar .profile{min-width:44px;min-height:44px}
  .modal-backdrop{place-items:end center;padding:0}
  .modal{width:100%;max-width:none;max-height:calc(94dvh - env(safe-area-inset-top));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:18px 16px calc(18px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0}
  .modal-head{position:sticky;top:-18px;z-index:2;margin:0 -2px 14px;padding:5px 2px 10px;background:#151821}
  .modal-head h2{font-size:18px}
  .modal .close{width:40px;height:40px;min-width:40px;font-size:20px}
  .modal-actions{gap:9px}
  .modal-actions>.button,.modal form>.button,.modal form .button{min-height:44px}
  .modal input,.modal select,.modal textarea{font-size:16px;min-height:44px}
  .account-menu button{min-height:44px}
  .snack-tab{min-height:42px}
}

.bill-paid-button{min-height:34px;padding:0 12px;white-space:nowrap;color:#f1c47e;border-color:#e7b66a35;background:#e7b66a12;font-size:12px}.bill-paid-button:hover{background:#e7b66a24}.bill-item{gap:12px}
.ai-composer .field{margin-bottom:0}.ai-composer textarea#aiInput{min-height:46px;max-height:160px;height:auto;padding:12px 13px;resize:none;line-height:1.45;font-size:13px}.ai-composer-hint{align-self:flex-end;color:#737b8a;font-size:10px;margin-top:2px}

.pay-profile-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0 16px}.pay-profile-fields label{display:grid;gap:5px;color:#9aa1af;font-size:12px}.pay-profile-fields input{width:100%;min-width:0;height:40px;padding:0 11px;border:1px solid #ffffff18;border-radius:10px;background:#0d1016;color:#e5e8ee;font:inherit}.pay-profile-fields input:focus{outline:2px solid rgba(237,184,111,.35);outline-offset:1px}
@media(max-width:520px){.pay-profile-fields{grid-template-columns:1fr}}

.tips-card{align-self:start;overflow:hidden}.tip-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:15px 0}.tip-summary{display:grid;gap:5px;padding:13px 14px;border:1px solid #ffffff0c;border-radius:13px;background:linear-gradient(145deg,#ffffff07,#ffffff02)}.tip-summary>span{color:#929aaa;font-size:11px}.tip-summary strong{color:#f2cc91;font:600 23px Manrope,sans-serif;letter-spacing:-.5px}.tip-summary small{color:#737c8c;font-size:10px}.tip-summary.server strong{color:#c6d5f4}.tip-section-heading{display:flex;align-items:center;justify-content:space-between;margin:18px 0 6px}.tip-section-heading>div{display:grid;gap:3px}.tip-section-heading b,.tip-form-heading b{font-size:12px;color:#dce0e8}.tip-section-heading small,.tip-form-heading small{font-size:10px;color:#7d8594}.tip-recent-list{border-top:1px solid #ffffff0b}.tip-recent-row{display:flex;align-items:center;gap:12px;min-height:49px;padding:7px 2px;border-bottom:1px solid #ffffff09}.tip-recent-row>span{display:grid;gap:3px}.tip-recent-row>span b{font-size:11px;color:#cbd1dc;font-weight:550}.tip-recent-row>span small{color:#7d8594;font-size:10px}.tip-recent-row strong{margin-left:auto;color:#f0f1f4;font-size:12px}.tip-empty-note{padding:14px 2px;color:#737c8c;font-size:11px}.tips-entry-form{display:block;margin-top:17px;padding:14px;border:1px solid #ffffff0d;border-radius:13px;background:#ffffff03}.tip-form-heading{display:grid;gap:4px;margin-bottom:11px}.tip-form-fields{display:grid;grid-template-columns:1.15fr 1fr .9fr auto;align-items:end;gap:9px}.tip-form-fields label{display:grid;gap:6px;min-width:0;color:#929aaa;font-size:10px}.tip-form-fields input,.tip-form-fields select{box-sizing:border-box;width:100%;min-width:0;height:40px;padding:0 10px;border:1px solid #ffffff17;border-radius:9px;background-color:#10131a;color:#e7e9ef;font-family:inherit;font-size:11px;font-weight:500;color-scheme:dark}.tip-form-fields input:focus,.tip-form-fields select:focus{outline:2px solid #edb86f55;outline-offset:1px}.tip-select-wrap{position:relative;display:block}.tip-select-wrap:after{content:"";position:absolute;right:12px;top:15px;width:7px;height:7px;border-right:1.5px solid #aab1bf;border-bottom:1.5px solid #aab1bf;transform:rotate(45deg);pointer-events:none}.tip-form-fields select{appearance:none;-webkit-appearance:none;padding-right:31px;cursor:pointer}.tip-form-fields input[type=date]{padding-right:7px}.tip-amount-wrap{display:flex;align-items:center;height:40px;padding:0 10px;border:1px solid #ffffff17;border-radius:9px;background:#10131a;color:#edbd78}.tip-amount-wrap i{font-style:normal;font-size:13px}.tip-amount-wrap input{height:36px;padding:0 0 0 6px;border:0;background:transparent;color:#e7e9ef;font-size:12px}.tip-amount-wrap:focus-within{outline:2px solid #edb86f55;outline-offset:1px}.tip-amount-wrap input:focus{outline:0}.tip-form-fields>.button{height:40px;min-height:40px;padding:0 15px;white-space:nowrap}.tip-history{margin-top:13px;border-top:1px solid #ffffff0d}.tip-history>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 1px;color:#bdc4d0;font-size:11px;cursor:pointer;list-style:none}.tip-history>summary::-webkit-details-marker{display:none}.tip-history>summary:after{content:"";width:6px;height:6px;margin-left:3px;border-right:1.5px solid #929aaa;border-bottom:1.5px solid #929aaa;transform:rotate(45deg);transition:transform .15s}.tip-history[open]>summary:after{transform:rotate(225deg)}.tip-history>summary small{margin-left:auto;color:#788190;font-size:10px}.tip-history-list{max-height:260px;overflow:auto;border-top:1px solid #ffffff0a}.tip-entry-row{min-height:40px;padding:6px 2px;border-bottom:1px solid #ffffff08;font-size:11px}.tip-entry-row>span{display:grid;gap:3px}.tip-entry-row>span small{font-size:9px;color:#7d8594}.tip-entry-row .card-action{width:27px;height:27px}

/* Consistent line icons replace glyphs that some phones render as colorful emoji. */
.line-icon{display:block;width:1em;height:1em;flex:none;overflow:visible}
.mini-icon .line-icon{width:14px;height:14px}
.weather-icon .line-icon{width:40px;height:40px}
.weather-icon{color:#f2ca89}
.stat-symbol .line-icon,.empty-icon .line-icon{width:1em;height:1em}
.mini-icon-glyph{font-variant-emoji:text}
.tip-history{margin-top:14px}.tip-history-empty{padding:11px 1px 2px;border-top:1px solid #ffffff0d;color:#7d8594;font-size:11px}.tip-entry-row{display:flex;align-items:center;gap:12px}.tip-delete-button{flex:0 0 auto;padding:6px 9px;border:1px solid #ffffff16;border-radius:8px;background:#ffffff06;color:#b8bec9;font-family:inherit;font-size:10px;font-weight:500;cursor:pointer}.tip-delete-button:hover,.tip-delete-button:focus-visible{border-color:#e58f8f66;background:#bd5c5c1a;color:#f2aaaa;outline:none}
.remember-login{display:flex;align-items:flex-start;gap:10px;margin-top:16px;color:#bdc4d0;font-size:11px;line-height:1.4;cursor:pointer}.remember-login input{flex:none;width:15px;height:15px;margin:1px 0 0;accent-color:#e8b36e}.remember-login span{display:grid;gap:3px}.remember-login b{font-weight:550}.remember-login small{color:#7d8594;font-size:10px}

@media(max-width:760px){.tip-form-fields{grid-template-columns:1fr 1fr}.tip-form-fields>.button{grid-column:1/-1}.tips-entry-form{padding:12px}}
@media(max-width:460px){.tip-summary-grid{gap:7px}.tip-summary{padding:11px 10px}.tip-summary strong{font-size:20px}.tip-form-fields{grid-template-columns:1fr 1fr}.tip-form-fields label:first-child{grid-column:1/-1}.tip-form-fields>.button{grid-column:1/-1}}

.settings-control input[type="checkbox"].setting-switch{appearance:none;-webkit-appearance:none;position:relative;width:42px;height:24px;flex:none;border:1px solid #ffffff24;border-radius:999px;background:#363b46;cursor:pointer;transition:background .18s ease,border-color .18s ease;accent-color:unset}
.settings-control input[type="checkbox"].setting-switch::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#e5e8ee;transition:transform .18s ease,background .18s ease}
.settings-control input[type="checkbox"].setting-switch:checked{background:#dca65d;border-color:#dca65d}
.settings-control input[type="checkbox"].setting-switch:checked::after{transform:translateX(18px);background:#16171b}
.settings-control input[type="checkbox"].setting-switch:focus-visible{outline:2px solid #f0c57f;outline-offset:3px}
.snack-variety-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 4px;color:#c7cbd5;font-size:11px}.snack-variety-head .add-inline{width:auto;padding:6px 0;color:#edb86f}.snack-variety-line{display:grid;grid-template-columns:minmax(0,1fr) 86px 28px;align-items:center;gap:8px;margin:9px 0}.snack-variety-line input{width:100%;height:37px;border-radius:8px;border:1px solid #ffffff14;background:#0c0f15;padding:0 10px;color:#e5e8ee;outline:none;font-size:11px}.snack-variety-line input:focus{border-color:#edb86f7a;box-shadow:0 0 0 3px #edb86f12}.snack-variety-line .card-action{font-size:20px}.modal{max-height:calc(100dvh - 40px);overflow-y:auto}
.snack-sell-tile:disabled{opacity:.58;cursor:not-allowed;transform:none}.snack-cart-card{grid-column:1/-1;position:sticky;top:12px;z-index:2}.snack-cart-lines{display:grid;gap:0}.snack-cart-line{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0;border-top:1px solid #ffffff0d}.snack-cart-line .snack-row-main b,.snack-cart-line .snack-row-main small{display:block}.snack-cart-line .snack-row-main b{color:#e5e8ef;font-size:11px}.snack-cart-line .snack-row-main small{margin-top:4px;color:#929aa8;font-size:10px}.snack-cart-quantity{display:flex;align-items:center;gap:6px}.snack-cart-quantity>b{min-width:20px;text-align:center;color:#edf0f5;font-size:11px}.snack-cart-checkout{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:10px;padding-top:13px;border-top:1px solid #ffffff16}.snack-cart-checkout>div:first-child small,.snack-cart-checkout>div:first-child strong{display:block}.snack-cart-checkout>div:first-child small{color:#929aa8;font-size:10px}.snack-cart-checkout>div:first-child strong{margin-top:2px;color:#f2cc91;font:650 25px Manrope,sans-serif}.snack-cart-payments{display:flex;gap:8px}.snack-cashapp-checkout{display:grid;justify-items:center;gap:12px;text-align:center}.snack-cashapp-checkout>p:first-child{margin:0;color:#acb3c0;font-size:12px}.snack-cashapp-checkout img{display:block;width:min(100%,310px);height:auto;border-radius:16px;background:#fff;clip-path:inset(2% 2.5% round 9%)}.snack-cashapp-checkout ul{justify-self:stretch;margin:0;padding:0;list-style:none;text-align:left;color:#cbd0da;font-size:11px}.snack-cashapp-checkout li{padding:4px 0}.snack-cashapp-note{margin:0;color:#8d96a5;font-size:10px;line-height:1.5}
@media(max-width:650px){.snack-cart-card{position:static}.snack-cart-checkout{align-items:flex-end}.snack-cart-payments{flex-direction:column}.snack-cart-payments .button{min-width:100px}.snack-cashapp-checkout img{width:min(100%,260px)}}
@media(max-width:650px){.snack-variety-line input{font-size:16px}.snack-variety-line{grid-template-columns:minmax(0,1fr) 70px 25px;gap:6px}}

/* Cash App checkout is an Elios screen, not a browser/iOS bottom sheet. */
body.cashapp-checkout-active{overflow:hidden}
.modal-backdrop.cashapp-checkout-open{display:grid;place-items:stretch;padding:0;background:#0b0d13;backdrop-filter:none;z-index:20}
.modal.snack-cashapp-modal{width:100%;height:100vh;height:100dvh;max-height:none;max-width:none;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border:0;border-radius:0;padding:max(20px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));background:radial-gradient(ellipse at 50% 0%,#28231c 0,transparent 42%),#11141c;box-shadow:none;display:flex;flex-direction:column}
.snack-cashapp-modal .modal-head{position:sticky;top:0;z-index:2;flex:none;width:min(760px,100%);margin:0 auto;padding:10px 0 16px;background:#11141c}
.snack-cashapp-modal .modal-head h2{font-size:clamp(20px,3vw,28px)}
.snack-cashapp-modal .snack-cashapp-checkout{width:min(760px,100%);margin:auto;gap:clamp(12px,2.5vh,22px);padding:8px 0 12px}
.snack-cashapp-modal .snack-cashapp-checkout>p:first-child{font-size:14px;line-height:1.55}
.snack-cashapp-modal .snack-cashapp-checkout img{width:min(56vw,360px);max-height:38dvh;object-fit:contain;border-radius:20px}
.snack-cashapp-modal .snack-cashapp-checkout ul{font-size:13px;line-height:1.45}
.snack-cashapp-modal .snack-cashapp-checkout li{padding:5px 0}
.snack-cashapp-modal .snack-sale-total{width:100%;max-width:420px}
.snack-cashapp-modal .snack-cashapp-note{font-size:12px;line-height:1.55;max-width:560px}
.snack-cashapp-modal .modal-actions{width:100%;justify-content:center;flex-wrap:wrap;margin-top:4px;gap:10px}
.snack-cashapp-modal .modal-actions>.button{min-height:48px}
@media(max-width:650px){.modal-backdrop.cashapp-checkout-open{place-items:stretch}.modal.snack-cashapp-modal{padding:calc(8px + env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}.snack-cashapp-modal .modal-head{top:0;padding:8px 0 14px}.snack-cashapp-modal .snack-cashapp-checkout{gap:clamp(10px,2vh,18px)}.snack-cashapp-modal .snack-cashapp-checkout img{width:min(68vw,330px);max-height:34dvh}.snack-cashapp-modal .modal-actions{flex-direction:column-reverse}.snack-cashapp-modal .modal-actions>.button{width:100%;justify-content:center}}

/* Clear, deliberate cashier selection used for both payment methods. */
.snack-handler-picker{position:relative;display:grid;gap:8px;width:min(100%,420px);margin:2px auto 0;text-align:left;color:#aeb6c5;font-size:12px;font-weight:650}
.snack-handler-picker select{appearance:none;-webkit-appearance:none;width:100%;min-height:54px;padding:0 48px 0 16px;border:1px solid #ffffff20;border-radius:14px;background:linear-gradient(180deg,#20232d,#151821);color:#f4f5f8;font:600 16px Manrope,sans-serif;box-shadow:inset 0 1px #ffffff09,0 8px 24px #0003;outline:none;cursor:pointer}
.snack-handler-picker select:focus{border-color:#e5ae66;box-shadow:0 0 0 4px #e5ae661a,0 8px 24px #0003}
.snack-handler-picker select option{background:#171a22;color:#f4f5f8}
.snack-handler-chevron{position:absolute;right:17px;bottom:14px;pointer-events:none;color:#edbf7c;font-size:19px;line-height:1}
.snack-cashapp-qr-button{display:grid;justify-items:center;gap:6px;padding:0;border:0;background:transparent;color:#9ca5b4;font:500 11px Manrope,sans-serif;cursor:zoom-in}
.snack-cashapp-qr-button img{transition:transform .18s ease,box-shadow .18s ease}
.snack-cashapp-qr-button:hover img,.snack-cashapp-qr-button:focus-visible img{transform:scale(1.015);box-shadow:0 0 0 3px #edbf7c66,0 16px 44px #0007}
.snack-cashapp-qr-button:focus-visible{outline:none}
.snack-cashapp-qr-zoom{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));background:#080a0ff2;backdrop-filter:blur(10px);cursor:zoom-out}
.snack-cashapp-qr-zoom img{display:block;width:min(86vw,680px);max-height:78dvh;object-fit:contain;border-radius:22px;background:transparent;clip-path:inset(2% 2.5% round 9%);box-shadow:0 24px 90px #0009}
.snack-cashapp-qr-zoom span{position:absolute;top:max(18px,env(safe-area-inset-top));right:24px;color:#cbd0da;font:500 13px Manrope,sans-serif}

.snack-money-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px;margin:2px 0 8px}.snack-money-overview-grid>div{display:grid;align-content:start;gap:5px;padding:13px 0;border-bottom:1px solid #ffffff10}.snack-money-overview-grid small{color:#9aa2b1;font-size:11px}.snack-money-overview-grid b{color:#f1f2f5;font:650 20px Manrope,sans-serif}.snack-money-overview-grid span{color:#858e9d;font-size:10px;line-height:1.45}.snack-money-overview-grid .add-inline{padding:0;font-size:10px}
@media(max-width:760px){.snack-money-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}}

.snack-sell-tile.has-product-photo{min-height:180px;padding:10px 12px 12px}.snack-sell-photo{width:100%;height:104px;display:grid;place-items:center;overflow:hidden;margin:0 0 8px;border-radius:10px;background:radial-gradient(ellipse at center,#272b34 0,#171a21 72%);border:1px solid #ffffff0b}.snack-sell-photo img{width:126%;height:126%;object-fit:contain;filter:drop-shadow(0 6px 7px #0007)}.snack-sell-photo img.snack-package-turned{transform:rotate(180deg)}.snack-sell-tile.has-product-photo>b{font-size:10px}.snack-sell-tile.has-product-photo>strong{margin-top:4px}.snack-sell-tile.has-product-photo>small{padding-top:5px}
.snack-sell-photo img{width:100%;height:100%}.snack-sell-photo img.snack-package-fuego{transform:rotate(270deg) scale(.88)}.snack-sell-photo img.snack-package-blue-heat{transform:scale(.88)}
.snack-product-image-field{display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:8px 16px;align-items:center}.snack-product-image-field>label{grid-column:1/-1}.snack-product-image-control{display:grid;gap:8px}.snack-product-image-control input{max-width:100%;font-size:13px}.snack-product-image-control small{color:var(--muted,#969ba8);line-height:1.4}.snack-product-photo-preview{height:86px;border:1px dashed #ffffff26;border-radius:12px;background:#0e1015;display:grid;place-items:center;overflow:hidden;color:var(--muted,#969ba8);font-size:12px}.snack-product-photo-preview img{display:block;width:100%;height:100%;object-fit:contain;padding:5px}.snack-cart-card .card-header{align-items:center}.snack-cart-card .card-header .add-inline{white-space:nowrap}
.snack-reversal-row{display:grid;gap:4px;padding:12px 0;border-bottom:1px solid #ffffff10}.snack-reversal-row b{color:#e7e9ef;font-size:12px}.snack-reversal-row span{color:#9aa2b1;font-size:11px;line-height:1.45}


html.snack-standalone .workspace-label,
html.snack-standalone .nav-item:not([data-page="snack-business"]),
html.snack-standalone .top-actions,
html.snack-standalone .crumb > span,
html.snack-standalone .crumb-slash { display: none !important; }
html.snack-standalone .crumb b { display: block; }
html.snack-standalone .sidebar { min-width: 220px; }
html.snack-standalone #accountMenu [data-account-action="settings"],
html.snack-standalone #accountMenu [data-account-action="account"] { display: none; }