/* STEP225: compact vehicle cockpit on dashboard */ /* STEP241 – filialspezifische Einkaufstour & Ladenvergleich */ .shopping-alt-btn{border:1px solid rgba(0,190,255,.35)!important;color:#70d8ff!important;border-radius:9px!important;padding:4px 7px!important;font-size:14px!important;background:rgba(0,160,255,.08)!important} .shopping-alternative-card{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin:12px 0;padding:13px;border-radius:15px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)} .shopping-alternative-card>div:not(.shopping-alt-arrow){display:grid;gap:4px;min-width:0}.shopping-alternative-card span{font-size:8px;letter-spacing:.12em;color:#8fa1b0}.shopping-alternative-card b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shopping-alternative-card strong{font-size:16px}.shopping-alt-arrow{font-size:20px;color:#6fdcff} @media(max-width:520px){.shopping-store-strip{align-items:stretch;flex-direction:column}.shopping-store-strip-actions{width:100%}.shopping-store-strip-actions select{flex:1;max-width:none}.shopping-store-strip-actions button{white-space:nowrap}.shopping-alternative-card{grid-template-columns:1fr}.shopping-alt-arrow{transform:rotate(90deg);justify-self:center}} /* STEP242 – Einkauf kompakter & ruhiger: weniger Panel-Fläche, mehr Scanbarkeit */ .shopping-page{padding-top:4px} .shopping-reference-add .shop-name-input{font-size:13px} .shopping-reference-add .shop-qty-input,.shopping-reference-add .shop-unit-select{font-size:10px;min-width:45px;padding:5px} .shopping-reference-list{margin-top:0} .shopping-reference-item{min-height:48px;padding:7px 8px;gap:7px;border-radius:11px} .shop-reference-category{font-size:8px;margin-top:1px} .shopping-alt-btn{padding:0!important;font-size:12px!important} .shopping-reference-move{margin-top:6px;padding:8px 10px;border-radius:10px;font-size:10px} @media(max-width:520px){ .shopping-store-strip{flex-direction:row;align-items:center} .shopping-store-strip-actions{width:auto} .shopping-store-strip-actions select{flex:0 1 125px;max-width:125px} .shopping-smart-route{align-items:flex-start} .shopping-smart-route small{max-width:58%;} } /* STEP243 – Einkauf UI polish: klare Hierarchie, weniger "Panel", bessere Smartphone-Lesbarkeit */ .shopping-page{padding-top:2px} .shopping-reference-add .shop-name-input{font-size:12px!important} .shopping-reference-item{min-height:46px!important;padding:6px 7px!important;border-radius:10px!important} @media(max-width:520px){ .shopping-store-strip{flex-direction:row!important;align-items:center!important} .shopping-store-current{flex:1;min-width:0} .shopping-store-strip-actions{width:auto!important;flex:0 0 auto} .shopping-store-strip-actions select{min-width:105px!important;max-width:112px!important} .shopping-store-manage{min-width:66px!important} } /* STEP244 – Einkauf: Filialauswahl sauber ausrichten, kein Text-Überlappen */ @media(max-width:520px){ .shopping-store-strip{grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;padding:9px 10px!important} .shopping-store-current b{font-size:12px!important} .shopping-store-current small{font-size:8px!important} .shopping-store-strip-actions{width:auto!important} .shopping-store-strip-actions select{width:104px!important;min-width:104px!important;max-width:104px!important} .shopping-store-manage{min-width:62px!important;width:62px!important;padding:0 6px!important} .shopping-store-manage em{font-size:8px!important} } @media(max-width:370px){ .shopping-store-strip{grid-template-columns:1fr!important} .shopping-store-strip-actions{width:100%!important} .shopping-store-strip-actions select{flex:1!important;width:auto!important;min-width:0!important;max-width:none!important} .shopping-store-manage{width:70px!important;min-width:70px!important} } /* STEP245 – Einkauf: kompaktere, ruhigere Filialzeile statt großer Info-Karte */ /* Header und Schnellaktionen enger: mehr echte Einkaufsliste auf dem Bildschirm */ .shopping-page{padding-top:0!important} @media(max-width:520px){ .shopping-store-strip{grid-template-columns:minmax(0,1fr) auto!important;gap:6px!important;padding:6px 8px!important} .shopping-store-current{gap:6px!important} .shopping-store-kicker{font-size:7px!important} .shopping-store-current b{font-size:10px!important} .shopping-store-strip-actions select{width:108px!important;min-width:108px!important;max-width:108px!important;height:31px!important;font-size:9px!important} .shopping-store-manage{width:31px!important;min-width:31px!important;height:31px!important;font-size:13px!important} } @media(max-width:370px){ .shopping-store-kicker{display:none!important} .shopping-store-current b{font-size:10px!important} .shopping-store-strip-actions select{width:100px!important;min-width:100px!important;max-width:100px!important} } /* STEP246 – Einkauf: echte kompakte Ladenzeile */ @media(max-width:520px){ .shopping-store-strip{padding:5px 6px!important;min-height:38px!important} .shopping-store-label>span{font-size:16px!important} .shopping-store-label b{font-size:9px!important} .shopping-store-strip-actions select{width:126px!important;min-width:126px!important;max-width:126px!important;height:29px!important;font-size:8.5px!important} .shopping-store-manage{width:29px!important;min-width:29px!important;height:29px!important;font-size:13px!important} } @media(max-width:370px){ .shopping-store-label b{display:none!important} .shopping-store-strip-actions select{width:132px!important;min-width:132px!important;max-width:132px!important} } /* STEP250 – Kassenbon: reduziert, sauber, ohne Emoji-Collage */ @media(max-width:420px){ .receipt-import-card{grid-template-columns:38px minmax(0,1fr) 31px;gap:9px;padding:7px 9px!important;min-height:49px!important} .receipt-card-visual{width:36px;height:36px}.receipt-card-copy>b{font-size:13px!important}.receipt-card-copy>small{font-size:8.5px!important}.receipt-card-action{width:29px;height:29px} } /* STEP251 – Hierarchie korrigiert: Einkaufsweg ist primär, Kassenbon nur eine ruhige Nebenaktion */ @media(max-width:420px){ .shopping-smart-route{padding:8px 9px!important;min-height:40px!important;gap:8px!important} .shopping-smart-route .route-mark{width:25px!important;height:25px!important;flex-basis:25px!important;font-size:15px!important} .shopping-smart-route .route-copy b{font-size:10.5px!important} .shopping-smart-route .route-copy small{font-size:8px!important} .receipt-import-card{grid-template-columns:27px minmax(0,1fr) 24px!important;gap:7px!important;padding:5px 6px!important;min-height:37px!important} .receipt-icon-wrap{width:27px!important;height:27px!important} .receipt-card-copy{gap:6px!important} .receipt-card-copy>b{font-size:9.5px!important} .receipt-card-copy>small{font-size:7.7px!important} } /* STEP252 – Einkauf: klare visuelle Hierarchie, Beleg nur als Nebenaktion */ @media(max-width:420px){ .shopping-smart-route{min-height:48px!important;padding:8px 10px!important;gap:9px!important} .shopping-smart-route .route-mark{width:30px!important;height:30px!important;flex-basis:30px!important} .shopping-smart-route .route-copy b{font-size:11.5px!important} .shopping-smart-route .route-copy small{font-size:8px!important} .receipt-import-card{height:38px!important;min-height:38px!important;margin:3px 0 7px!important;padding:4px 7px!important;gap:8px!important} .receipt-icon-wrap{width:25px!important;height:25px!important;flex-basis:25px!important} .receipt-card-copy{gap:6px!important} .receipt-card-copy>b{font-size:9.5px!important} .receipt-card-copy>small{font-size:7.6px!important} .receipt-card-action{width:23px!important;height:23px!important;flex-basis:23px!important} } /* STEP257: prices belong to Einkauf, kept compact beside the shopping route */ .price-overview-modal{max-height:88vh;overflow:auto} .price-overview-modal .dash-head{position:sticky;top:0;z-index:2;padding-bottom:10px;background:inherit} .price-overview-modal .price-summary{margin:8px 0 12px} @media(max-width:560px){.shopping-price-link{padding:5px 7px;font-size:9px}.price-overview-modal{max-height:84vh}} /* STEP258 – Preiszugriff im Einkaufsweg: bewusst sekundär statt dominanter Button */ @media(max-width:420px){ .shopping-smart-route .shopping-price-link{width:26px!important;min-width:26px!important;max-width:26px!important;height:26px!important;min-height:26px!important;max-height:26px!important;font-size:12px!important} } /* STEP261 — optional personal medication plan */ .med-plan-card{margin:12px 0;padding:12px 14px;border:1px solid rgba(120,160,190,.16);border-radius:14px;background:rgba(12,18,27,.72);box-shadow:0 6px 20px rgba(0,0,0,.12)} .med-plan-card.med-plan-off{display:flex;align-items:center;justify-content:space-between;gap:12px} .med-plan-card h3{margin:3px 0;font-size:15px}.med-today{display:grid;gap:6px;margin:8px 0}.med-row{display:flex;align-items:center;gap:10px;padding:8px 9px;border-radius:10px;background:rgba(255,255,255,.035)}.med-time{font-weight:800;min-width:46px}.med-row small,.med-item small{display:block;color:#91a6b7;font-size:10px;margin-top:2px}.med-list{display:grid;gap:5px}.med-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 8px;border-top:1px solid rgba(255,255,255,.06)}.med-item.disabled{opacity:.55}.med-add{margin-top:8px;width:100%}.medication-editor-card{max-width:620px;width:calc(100% - 24px)} @media(max-width:600px){.med-plan-card.med-plan-off{align-items:flex-start}.med-plan-card.med-plan-off button{flex:0 0 auto}.med-plan-head{align-items:flex-start}.medication-editor-card .profile-fields{grid-template-columns:1fr}} /* STEP264 – compact household waste calendar */ .waste-disclosure{border:1px solid rgba(120,160,200,.22);border-radius:20px;background:rgba(6,16,28,.72);overflow:hidden} .waste-disclosure summary{list-style:none;display:grid;grid-template-columns:42px 1fr auto 22px;align-items:center;gap:10px;padding:13px 15px;cursor:pointer;min-height:58px} .waste-disclosure summary::-webkit-details-marker{display:none} .waste-summary-icon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:rgba(20,35,52,.8);font-size:21px} .waste-summary-main{min-width:0;display:flex;flex-direction:column;gap:2px} .waste-summary-main b{font-size:16px;line-height:1.1} .waste-summary-main small{font-size:12px;color:#91a0b5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .waste-summary-main strong{color:#dbe5f2;font-weight:600} .waste-summary-status{font-size:10px;font-weight:800;letter-spacing:.12em;color:#7ee2be;border:1px solid rgba(65,210,155,.35);padding:5px 8px;border-radius:999px} .waste-summary-chevron{color:#8493a8;font-size:20px;transition:transform .2s ease} .waste-disclosure[open] .waste-summary-chevron{transform:rotate(180deg)} .waste-disclosure-body{padding:0 12px 12px;border-top:1px solid rgba(120,160,200,.13)} .waste-row{display:grid;grid-template-columns:38px 1fr;gap:9px;padding:10px 4px;border-top:1px solid rgba(120,160,200,.09)} .waste-icon{font-size:22px;display:grid;place-items:start center;padding-top:4px} .waste-main{min-width:0} .waste-main b{font-size:14px} .waste-main small{display:block;color:#8492a5;font-size:11px;margin-top:2px} .waste-fields{grid-column:2;display:grid;grid-template-columns:1fr 1fr 1fr 42px;gap:6px;margin-top:7px} .waste-fields input,.waste-fields select{min-width:0;width:100%;box-sizing:border-box;height:38px;padding:0 9px;border-radius:11px;font-size:12px} .waste-fields button{height:38px;padding:0 8px} .waste-setup-compact{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border:1px solid rgba(120,160,200,.22);border-radius:18px;background:rgba(6,16,28,.72)} .waste-setup-compact>div{display:flex;align-items:center;gap:10px;min-width:0} .waste-setup-compact small{display:block;color:#8795a8;font-size:11px;margin-top:2px} .waste-setup-compact button{height:36px;padding:0 12px;white-space:nowrap} @media(max-width:560px){.waste-disclosure summary{grid-template-columns:38px 1fr auto 18px;padding:11px 12px}.waste-summary-icon{width:36px;height:36px}.waste-summary-status{display:none}.waste-fields{grid-template-columns:1fr 1fr}.waste-fields input{grid-column:1/-1}.waste-fields button{grid-column:2}.waste-disclosure-body{padding-left:10px;padding-right:10px}} /* STEP271 — Smart Home integrations: polished, compact, mobile-first */ .smart-integrations-panel{margin:10px 0 13px;padding:12px;border:1px solid rgba(74,112,151,.34);border-radius:18px;background:linear-gradient(145deg,rgba(8,18,31,.97),rgba(5,12,21,.97));box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 24px rgba(0,0,0,.16)} .smart-provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.smart-provider-card{min-width:0;width:100%;box-sizing:border-box;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;text-align:left;padding:10px 11px!important;border:1px solid rgba(105,145,190,.28)!important;border-radius:15px!important;background:linear-gradient(145deg,rgba(13,27,45,.98),rgba(7,15,27,.98))!important;color:#edf5ff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 7px 16px rgba(0,0,0,.14)!important;cursor:pointer;min-height:64px} .smart-provider-card:hover{transform:translateY(-1px);border-color:rgba(90,220,220,.55)!important}.smart-provider-card:active{transform:scale(.985)} .smart-provider-icon{width:40px!important;height:40px!important;border-radius:12px!important;display:grid!important;place-items:center!important;font-size:22px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)} .smart-provider-card.red{border-color:rgba(255,80,110,.38)!important}.smart-provider-card.red .smart-provider-icon{background:rgba(255,63,91,.11)!important;box-shadow:0 0 18px rgba(255,63,91,.08)}.smart-provider-card.green{border-color:rgba(70,220,170,.34)!important}.smart-provider-card.green .smart-provider-icon{background:rgba(54,208,160,.10)!important;box-shadow:0 0 18px rgba(54,208,160,.07)} .smart-provider-copy{min-width:0!important;display:grid!important;gap:3px!important}.smart-provider-copy b{display:block!important;font-size:13px!important;line-height:1.05!important;color:#f2f6fb!important;white-space:nowrap!important}.smart-provider-copy small{display:block!important;font-size:9px!important;line-height:1.2!important;color:#91a3b7!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} .smart-provider-action{justify-self:end;display:inline-flex!important;align-items:center;justify-content:center;min-width:66px;padding:6px 8px;border:1px solid rgba(107,148,190,.30);border-radius:9px;background:rgba(255,255,255,.035);color:#a9bed2!important;font-size:8px!important;font-weight:900!important;white-space:nowrap}.smart-provider-card.red .smart-provider-action{border-color:rgba(255,80,110,.28);color:#ff9aaa!important;background:rgba(255,63,91,.06)}.smart-provider-card.green .smart-provider-action{border-color:rgba(70,220,170,.25);color:#75e5c1!important;background:rgba(54,208,160,.055)} .smart-provider-modal{width:min(520px,calc(100% - 24px));margin:0 auto}.smart-provider-info{display:grid;gap:6px;padding:12px;border-radius:14px;border:1px solid rgba(100,150,200,.18);background:rgba(255,255,255,.035);margin:12px 0}.smart-provider-info small{color:#8ea0b4;line-height:1.35}.smart-provider-modal .smart-builder-actions{display:flex;gap:8px;justify-content:flex-end}.smart-provider-modal .smart-builder-actions button{min-height:42px} @media(max-width:560px){.smart-integrations-panel{padding:10px;border-radius:16px}.smart-integrations-head{align-items:center}.smart-integrations-head h3{font-size:14px}.smart-integrations-head p{font-size:8.5px}.smart-integrations-badge{font-size:7px;padding:4px 7px}.smart-provider-grid{grid-template-columns:1fr;gap:7px}.smart-provider-card{grid-template-columns:38px minmax(0,1fr) auto;min-height:58px;padding:9px!important}.smart-provider-icon{width:36px!important;height:36px!important;font-size:20px!important}.smart-provider-copy b{font-size:12px!important}.smart-provider-copy small{font-size:8.5px!important}.smart-provider-action{min-width:62px;font-size:7.5px!important;padding:5px 7px}.smart-provider-modal .smart-builder-actions{display:grid;grid-template-columns:1fr 1fr}.smart-disabled-card{align-items:flex-start}} .smart-settings-card{margin:14px 0;padding:14px;border:1px solid rgba(115,155,205,.2);border-radius:18px;background:linear-gradient(135deg,rgba(8,20,34,.88),rgba(12,15,27,.92));box-shadow:0 8px 24px rgba(0,0,0,.12)} .smart-settings-toggle.locked{opacity:.62;cursor:not-allowed;border-color:rgba(255,193,7,.16)!important}.smart-premium-note{margin-top:10px;padding:10px 11px;border-radius:12px;border:1px solid rgba(255,193,7,.2);background:rgba(255,193,7,.045);color:#d7c47a;font-size:10px;line-height:1.35}.smart-disabled-card{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid rgba(115,155,205,.2);border-radius:18px;background:rgba(7,15,27,.86)}.smart-disabled-icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;font-size:28px;background:rgba(255,255,255,.05)} @media(max-width:560px){.smart-provider-grid{grid-template-columns:1fr 1fr;gap:7px}.smart-provider-card{grid-template-columns:32px 1fr auto;padding:9px}.smart-provider-icon{width:32px;height:32px;font-size:18px}.smart-provider-card b{font-size:12px}.smart-provider-card small{font-size:8.5px}.smart-provider-modal .smart-builder-actions{display:grid;grid-template-columns:1fr 1fr}.smart-disabled-card{align-items:flex-start}} /* STEP275 — Premium Smart Home Settings + non-generic auth lounge */ .smart-settings-premium{padding:18px!important;border:1px solid rgba(255,193,7,.22)!important;background:radial-gradient(circle at 92% 8%,rgba(255,193,7,.08),transparent 34%),linear-gradient(145deg,rgba(10,18,31,.98),rgba(8,13,24,.98))!important;box-shadow:0 14px 38px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.035)} .smart-settings-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.smart-settings-title{display:flex;gap:12px;align-items:flex-start}.smart-settings-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;font-size:25px;background:linear-gradient(145deg,rgba(255,193,7,.14),rgba(255,193,7,.035));border:1px solid rgba(255,193,7,.22);box-shadow:0 0 22px rgba(255,193,7,.08)}.smart-settings-title h3{margin:2px 0 3px!important;font-size:21px}.smart-settings-title p{margin:0;color:#8fa2b8;font-size:12px;line-height:1.4}.smart-premium-status{white-space:nowrap;padding:8px 11px;border-radius:999px;border:1px solid rgba(255,193,7,.28);background:rgba(255,193,7,.07);color:#ffd45a;font-weight:900;font-size:10px;letter-spacing:.7px}.smart-feature-chips{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}.smart-feature-chips span{padding:7px 9px;border-radius:999px;background:rgba(255,255,255,.035);border:1px solid rgba(120,160,210,.16);color:#b8c6d8;font-size:10px;font-weight:800}.smart-settings-control{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 14px;border-radius:15px;background:rgba(255,255,255,.035);border:1px solid rgba(120,160,210,.15)}.smart-settings-control b{display:block;color:#edf4ff;font-size:14px}.smart-settings-control small{display:block;margin-top:3px;color:#7f92a9;font-size:10px;line-height:1.35}.smart-switch{position:relative;display:block;flex:0 0 auto;width:52px;height:30px;cursor:pointer}.smart-switch input{position:absolute;opacity:0;width:0;height:0}.smart-switch span{position:absolute;inset:0;border-radius:999px;background:#263348;border:1px solid #425471;transition:.2s}.smart-switch span:before{content:"";position:absolute;width:22px;height:22px;left:3px;top:3px;border-radius:50%;background:#d6dfeb;box-shadow:0 2px 7px rgba(0,0,0,.35);transition:.2s}.smart-switch input:checked+span{background:linear-gradient(90deg,#35cda9,#5be0c1);border-color:#5be0c1}.smart-switch input:checked+span:before{transform:translateX(22px);background:#fff}.smart-switch.locked{opacity:.48;cursor:not-allowed}.smart-premium-note{margin-top:12px!important;padding:11px 12px!important;border-radius:13px!important;font-size:10px!important;color:#d9c97f!important;line-height:1.45!important} /* AUTH DESIGN LOCK — the supplied login artwork is the complete visual UI. HTML elements below are interaction-only hit areas. Do not add visual cards, labels, borders, backgrounds, placeholders or layout wrappers on top of auth-bg-clean.webp. */ .auth-artwork-lock{ position:relative!important; min-height:100svh!important; margin:0!important; padding:0!important; overflow-x:hidden!important; overflow-y:auto!important; background:#02060d!important; } .auth-artboard{ position:relative!important; width:100%!important; max-width:1024px!important; margin:0 auto!important; line-height:0!important; } .auth-artwork-image{ display:block!important; width:100%!important; height:auto!important; margin:0!important; padding:0!important; border:0!important; user-select:none!important; -webkit-user-drag:none!important; } .auth-interaction-layer{ position:absolute!important; inset:0!important; z-index:5!important; pointer-events:none!important; } .auth-hit{ position:absolute!important; box-sizing:border-box!important; pointer-events:auto!important; } .auth-email-hit,.auth-password-hit{ left:24.4%!important; width:51.2%!important; height:4.65%!important; padding:0 0 0 8.5%!important; margin:0!important; border:0!important; outline:none!important; border-radius:0!important; background:transparent!important; color:#f2f5fa!important; font-family:"PT Sans Narrow","Arial Narrow",Arial,sans-serif!important; font-size:16px!important; font-weight:400!important; line-height:1!important; box-shadow:none!important; text-shadow:0 1px 8px rgba(0,0,0,.55)!important; caret-color:#ffffff!important; } .auth-email-hit{top:58.65%!important} .auth-password-hit{top:64.65%!important} .auth-email-hit::placeholder,.auth-password-hit::placeholder{ color:#aeb8c7!important; opacity:1!important; text-shadow:0 1px 5px rgba(0,0,0,.45)!important; } .auth-email-hit:focus,.auth-password-hit:focus{ outline:none!important; box-shadow:none!important; } .auth-email-hit:-webkit-autofill,.auth-password-hit:-webkit-autofill, .auth-email-hit:-webkit-autofill:hover,.auth-password-hit:-webkit-autofill:hover, .auth-email-hit:-webkit-autofill:focus,.auth-password-hit:-webkit-autofill:focus{ -webkit-text-fill-color:#f2f5fa!important; -webkit-box-shadow:0 0 0 1000px transparent inset!important; box-shadow:0 0 0 1000px transparent inset!important; background:transparent!important; transition:background-color 9999s ease-in-out 0s!important; } .auth-eye-hit{ left:69.0%!important; top:64.95%!important; width:7.2%!important; height:5.55%!important; border:0!important; background:transparent!important; padding:0!important; margin:0!important; cursor:pointer!important; } .auth-forgot-hit{ left:57.0%!important; top:70.25%!important; width:21.0%!important; height:3.3%!important; border:0!important; background:transparent!important; padding:0!important; margin:0!important; cursor:pointer!important; } .auth-remember-hit{ left:24.5%!important; top:72.05%!important; width:5.5%!important; height:3.4%!important; margin:0!important; padding:0!important; cursor:pointer!important; } .auth-remember-hit input{ position:absolute!important; inset:0!important; width:100%!important; height:100%!important; margin:0!important; opacity:0!important; cursor:pointer!important; } .auth-remember-hit span{display:block!important;width:100%!important;height:100%!important;border:0!important;background:transparent!important} .auth-remember-hit input:not(:checked)+span{background:rgba(0,0,0,.46)!important;border-radius:4px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)!important} .auth-login-hit{ left:24.0%!important; top:75.75%!important; width:52.8%!important; height:5.75%!important; border:0!important; background:transparent!important; padding:0!important; margin:0!important; cursor:pointer!important; } .auth-signup-hit{ left:25.0%!important; top:85.95%!important; width:50.0%!important; height:5.8%!important; border:0!important; background:transparent!important; padding:0!important; margin:0!important; cursor:pointer!important; } .auth-login-hit:focus-visible,.auth-signup-hit:focus-visible,.auth-eye-hit:focus-visible,.auth-forgot-hit:focus-visible{ outline:2px solid rgba(100,190,255,.85)!important; outline-offset:3px!important; border-radius:10px!important; } .auth-flash{ position:fixed!important; left:50%!important; top:12px!important; transform:translateX(-50%)!important; z-index:20!important; max-width:min(92vw,520px)!important; padding:10px 14px!important; border-radius:12px!important; background:rgba(3,8,15,.94)!important; border:1px solid rgba(255,70,90,.55)!important; color:#f4f7fb!important; font:700 13px/1.35 Arial,sans-serif!important; box-shadow:0 12px 35px rgba(0,0,0,.5)!important; } .auth-flash.ok,.auth-flash.warn,.auth-flash.error{ position:fixed!important; left:50%!important;right:auto!important;top:12px!important;bottom:auto!important; transform:translateX(-50%)!important; display:block!important; width:max-content!important; max-width:min(92vw,520px)!important; white-space:normal!important; overflow-wrap:anywhere!important; line-height:1.35!important; z-index:2147483000!important; } .auth-flash.ok{border-color:rgba(65,210,170,.65)!important} .auth-flash.warn,.auth-flash.error{border-color:rgba(255,70,90,.65)!important} .auth-flight-bat{ position:fixed!important; z-index:2147483647!important; width:78px!important; height:auto!important; pointer-events:none!important; filter:drop-shadow(0 0 7px rgba(255,255,255,.6)) drop-shadow(0 0 14px rgba(255,40,70,.48)) drop-shadow(0 0 18px rgba(35,145,255,.32))!important; transform-origin:center!important; animation:authBatFlightLock 1.25s cubic-bezier(.22,.72,.18,1) forwards!important; } @keyframes authBatFlightLock{ 0%{opacity:0;transform:translate3d(0,16px,0) rotate(4deg) scale(.42)} 10%{opacity:1} 34%{opacity:1;transform:translate3d(calc(var(--flight-x)*.22),calc(var(--flight-y)*.18 - 24px),0) rotate(-5deg) scale(.62)} 58%{opacity:1;transform:translate3d(calc(var(--flight-x)*.52),calc(var(--flight-y)*.48 - 12px),0) rotate(4deg) scale(.78)} 78%{opacity:1;transform:translate3d(calc(var(--flight-x)*.78),calc(var(--flight-y)*.76 - 8px),0) rotate(-3deg) scale(.94)} 100%{opacity:0;transform:translate3d(var(--flight-x),var(--flight-y),0) rotate(-12deg) scale(1.02)} } .auth-flight-guide{animation:authBatGuideLock 1.55s cubic-bezier(.2,.78,.16,1) forwards!important} @keyframes authBatGuideLock{ 0%{opacity:0;transform:translate3d(0,8px,0) rotate(-2deg) scale(.52)} 10%{opacity:1} 28%{opacity:1;transform:translate3d(calc(var(--flight-x)*.20),calc(var(--flight-y)*.14 - 22px),0) rotate(-6deg) scale(.66)} 50%{opacity:1;transform:translate3d(calc(var(--flight-x)*.48),calc(var(--flight-y)*.42 + 6px),0) rotate(5deg) scale(.78)} 72%{opacity:1;transform:translate3d(calc(var(--flight-x)*.72),calc(var(--flight-y)*.68 - 8px),0) rotate(-3deg) scale(.9)} 90%{opacity:1;transform:translate3d(calc(var(--flight-x)*.94),calc(var(--flight-y)*.92),0) rotate(2deg) scale(.98)} 100%{opacity:0;transform:translate3d(var(--flight-x),var(--flight-y),0) rotate(0deg) scale(1)} } .auth-signup-attention{filter:brightness(1.08)!important} @media(prefers-reduced-motion:reduce){.auth-flight-bat{animation-duration:700ms!important}.auth-flight-guide{animation-duration:900ms!important}} @media(max-width:520px){ .auth-email-hit,.auth-password-hit{font-size:11px!important} } body.auth-artwork-active{padding-bottom:0!important;} /* STEP305 INDEX CLEANUP — extracted inline styles; original order preserved */ /* extracted from index.html: inline-style */ :root{--panel:#121c2e;--text:#f4f7fb;--muted:#9aa9bd;--accent:#52e0bd;--line:#263650} *{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#08101e,#0d1627);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer} .wrap{max-width:1100px;margin:auto;padding:20px}.auth{min-height:100vh;display:grid;place-items:center}.card{background:rgba(18,28,46,.96);border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 18px 60px #0005} .auth .card{width:min(440px,100%)}h1{font-size:38px;margin:0 0 8px}.sub,.muted{color:var(--muted)}label{display:block;color:var(--muted);margin:14px 0 6px}input,select,textarea{width:100%;background:#0c1525;border:1px solid #30415e;color:var(--text);border-radius:12px;padding:12px;outline:none} input[type="date"]{color-scheme:dark;min-height:50px} .date-wrap{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center} .date-wrap .date-btn{white-space:nowrap;height:50px} .receipt-upload{display:grid;gap:5px;padding:18px;border:1px dashed rgba(82,224,189,.45);border-radius:16px;background:rgba(82,224,189,.05);text-align:center;cursor:pointer}.receipt-upload span{font-size:38px}.receipt-upload input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.receipt-upload-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:10px}.receipt-pick{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 14px;border-radius:12px;cursor:pointer}.receipt-pick input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;pointer-events:none!important}.receipt-preview-img{display:block;width:100%;max-height:260px;object-fit:contain;border-radius:14px;background:#050b14;margin:12px 0}.receipt-review{margin-top:14px}.receipt-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px}.receipt-items-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:18px 0 8px}.receipt-items-head small{display:block;color:var(--muted);margin-top:3px}.receipt-row{display:grid;grid-template-columns:34px minmax(120px,1fr) 72px 78px 88px 28px 36px;gap:6px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}.receipt-row input,.receipt-row select{padding:9px;min-width:0}.receipt-check{margin:0}.receipt-confidence{text-align:center}.receipt-confirm{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:14px;border-radius:14px;background:rgba(255,209,102,.07);border:1px solid rgba(255,209,102,.2)}.receipt-confirm small{display:block;color:var(--muted);margin-top:3px}.receipt-confirm button{white-space:nowrap}.icon-btn{border:0;background:transparent;color:var(--muted);padding:8px}.receipt-fuel-box{margin:12px 0;padding:12px;border:1px solid rgba(82,224,189,.28);border-radius:14px;background:rgba(82,224,189,.05)}.finance-fuel>.dash-head{margin:0!important;padding-bottom:6px!important}.finance-fuel .row{display:flex;gap:6px;flex-wrap:wrap}.finance-fuel .finance-link{margin-top:7px} .product-lookup{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.product-preview{display:flex;gap:14px;align-items:center;margin-top:10px;padding:12px;border:1px solid rgba(22,140,255,.28);border-radius:14px;background:rgba(0,0,0,.14)}.product-preview img{width:82px;height:82px;object-fit:contain;border-radius:12px;background:#fff}.product-preview .product-info{min-width:0}.product-preview .product-name{font-weight:800}.lookup-status{margin-top:8px;font-size:13px;color:var(--muted)} @media(max-width:700px){.receipt-grid{grid-template-columns:1fr}.receipt-row{grid-template-columns:30px minmax(110px,1fr) 64px 68px 78px 24px 30px}.receipt-confirm{flex-direction:column;align-items:stretch}.receipt-confirm button{width:100%}} .scanner-box{width:100%;min-height:300px;background:#050b14;border:1px solid var(--line);border-radius:16px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center} #barcode-reader{width:100%;min-height:260px} #barcode-video{display:block;width:100%;height:min(58vh,430px);min-height:300px;object-fit:cover;background:#000;transform:translateZ(0)} .barcode-scanner-modal{z-index:100000!important;background:rgba(1,4,8,.96)!important;padding:0!important} .barcode-scanner-card{width:100%!important;max-width:760px!important;height:100svh!important;max-height:100svh!important;border-radius:0!important;padding:14px!important;display:flex!important;flex-direction:column!important;gap:10px!important} .barcode-scanner-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex:0 0 auto}.barcode-scanner-head h2{margin:3px 0;font-size:21px}.barcode-scanner-head p{margin:0;color:#8194aa;font-size:11px} .scanner-live{flex:1 1 auto;min-height:0!important;height:auto!important;border-radius:18px!important;background:#000!important} .scanner-live #barcode-video{height:100%!important;min-height:0!important;width:100%!important;object-fit:cover!important} .scanner-crosshair{position:absolute;left:10%;right:10%;top:35%;height:30%;border:2px solid rgba(82,224,189,.9);border-radius:18px;box-shadow:0 0 0 9999px rgba(0,0,0,.16),0 0 30px rgba(82,224,189,.18);pointer-events:none} .scanner-hidden-result{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important} .barcode-scanner-actions{display:grid;grid-template-columns:1fr;gap:8px;flex:0 0 auto}.barcode-scanner-actions button{min-height:52px} @media(max-width:480px){.barcode-scanner-card{padding:12px 10px 18px!important}.scanner-crosshair{left:7%;right:7%;top:36%;height:28%}} .scanner-box:after{content:"";position:absolute;inset:16% 8%;border:2px solid rgba(82,224,189,.72);border-radius:18px;pointer-events:none;box-shadow:0 0 0 9999px rgba(0,0,0,.08),0 0 25px rgba(82,224,189,.14)} .scan-hint{color:var(--muted);font-size:13px;margin-top:8px} @media(max-width:480px){.barcode-wrap{grid-template-columns:1fr}.barcode-btn{width:100%}} @media(max-width:480px){.date-wrap{grid-template-columns:1fr}.date-wrap .date-btn{width:100%}}input:focus,select:focus,textarea:focus{border-color:var(--accent)}button{border:0;border-radius:12px;padding:11px 15px;background:var(--accent);color:#062017;font-weight:800}.secondary{background:#22314b;color:var(--text)}.danger{background:#482331;color:#ffdce1}.row{display:flex;gap:10px;align-items:center}.row>*{flex:1}.top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.auth-logo-img{width:110px;height:110px;border-radius:28px;object-fit:cover;display:block;margin:0 auto 10px;box-shadow:0 0 28px rgba(82,224,189,.14)}.top h2{margin:0}.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:15px 0}.tabs{display:flex;gap:8px;overflow:auto;margin:10px 0 18px}.tabs button{white-space:nowrap;background:#18263d;color:#cdd8e7}.tabs button.active{background:var(--accent);color:#062017}.item{display:flex;justify-content:space-between;gap:15px;align-items:center;background:var(--panel);border:1px solid var(--line);padding:14px;border-radius:16px;margin:9px 0}.item .name{font-weight:800}.expired{border-color:#8e3444}.soon{border-color:#8b6b22}.actions{display:flex;gap:6px;align-items:center}.actions button{padding:8px 11px}.hidden{display:none}.uv-deferred-view{min-height:260px;display:grid;place-items:center} .uv-deferred-card{display:flex;align-items:center;gap:10px;padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:var(--panel);color:var(--muted);box-shadow:0 12px 35px #0003} .uv-deferred-card span{font-size:24px}.uv-deferred-card b{color:var(--text)}.modal{position:fixed;inset:0;background:rgba(0,0,0,.82);display:flex;align-items:center;justify-content:center;padding:10px;z-index:200}.modal .card{width:min(620px,100%);height:min(900px,calc(100svh - 20px));max-height:calc(100svh - 20px);overflow-y:auto;overflow-x:hidden;padding:18px;box-sizing:border-box;border:1px solid #28527e;box-shadow:0 0 45px rgba(0,0,0,.65)}.modal .card>.row:last-child{position:static!important;margin:18px 0 0!important;padding:0;background:transparent;border-top:0;backdrop-filter:none;z-index:auto}.modal .card>.row:last-child button{min-height:50px;font-size:16px}.error{background:#3a1820;color:#ffdce1;border:1px solid #71303d;padding:10px;border-radius:10px;margin-top:12px}.ok{background:#123c32;color:#caffef;border:1px solid #246b59;padding:10px;border-radius:10px;margin-top:12px}.empty{text-align:center;padding:30px;color:var(--muted)}@media(max-width:800px){.grid{grid-template-columns:repeat(3,1fr)}.toolbar{grid-template-columns:1fr 1fr}.item{align-items:flex-start;flex-direction:column}.actions{width:100%}.actions button{flex:1}}@media(max-width:480px){.wrap{padding:14px}.grid{grid-template-columns:repeat(2,1fr)}h1{font-size:32px}} /* Product memory + photo: always visible and easy to find on mobile */ .product-photo-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:9px!important} .photo-btn{display:block!important;min-height:48px!important} .remember-product{display:flex!important;visibility:visible!important;align-items:flex-start!important;gap:10px!important;margin:12px 0 14px!important;padding:13px!important;border:1px solid rgba(255,51,72,.5)!important;border-radius:14px!important;background:linear-gradient(90deg,rgba(255,51,72,.11),rgba(35,151,255,.05))!important;color:#fff!important} .remember-product input{display:block!important;visibility:visible!important;appearance:auto!important;width:22px!important;height:22px!important;flex:0 0 22px!important;margin:1px 0 0!important;accent-color:#ff3348!important} .remember-product span{display:flex!important;flex-direction:column!important;gap:3px!important;line-height:1.3} .remember-product small{display:block!important;color:#9fb0c5!important} @media(max-width:480px){.product-photo-actions{grid-template-columns:1fr}.modal{padding:0}.modal .card{width:100%;height:100svh;max-height:100svh;border-radius:0;border-left:0;border-right:0;padding:16px 14px 24px}} /* ========================================================= UNSERE ZENTRALE — MASTER GOTHIC MOBILE DESIGN Visual reference: approved 787px concept artwork. Functionality intentionally left intact. ========================================================= */ :root{ --uv-text:#f5f7fb; } html,body{background:#02050b!important;color:var(--uv-text)!important;} body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;overflow-x:hidden;} button,input,select,textarea{font-family:inherit;} /* Stats: four concept cards, fifth is intentionally hidden */ .gothic-stats .muted{font-size:15px!important;font-weight:800!important;color:#eef5ff!important;line-height:1.05!important;} /* Search + filters */ /* Section header uses the exact concept frame */ /* Article rows */ .gothic-item .name{font-size:19px!important;font-weight:900!important;color:#edf3fa!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;} .gothic-item .muted{font-size:15px!important;margin-top:4px!important;color:#8d9bad!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;} /* Add button: use generated frame exactly */ /* Bottom navigation: exact generated assets */ .bottom-nav button.active:after{content:"";position:absolute!important;bottom:0!important;left:10%!important;right:10%!important;height:4px!important;border-radius:4px!important;background:#ff3347!important;box-shadow:0 0 12px rgba(255,51,71,.8)!important;} .bottom-nav button:nth-child(2).active:after{background:#24a6ff!important;box-shadow:0 0 12px rgba(36,166,255,.8)!important;} .bottom-nav button:nth-child(3).active:after{background:#8f54ff!important;box-shadow:0 0 12px rgba(143,84,255,.8)!important;} /* Shopping / recipe pages keep the same visual language */ .section-hero{margin-top:0!important;padding:24px!important;border-radius:18px!important;background:#050b14!important;border:1px solid #263b58!important;} .shopping-list .item{background:#050b14!important;border-color:#182d47!important;} .recipe-page{padding-bottom:10px!important;} /* Mobile tuning to match the supplied 787px concept */ @media(max-width:620px){ .main-wrap{padding-left:10px!important;padding-right:10px!important;} .main-wrap>.gothic-header{width:calc(100% + 20px)!important;margin-left:-10px!important;height:auto!important;aspect-ratio:787/270!important;min-height:0!important;} .gothic-stats{gap:6px!important;} .gothic-stats .stat{height:auto!important;aspect-ratio:175/148!important;padding:62% 5px 9%!important;} .gothic-stats .muted{font-size:12px!important;} .gothic-stats .stat b{font-size:20px!important;margin-top:5px!important;} .gothic-stats .stat-arrow{font-size:25px!important;right:8px!important;bottom:12%!important;} .search-row{grid-template-columns:1fr 58px!important;} .search-wrap{height:58px!important;} .scan-square{height:58px!important;} .filter-row{gap:7px!important;} .filter-row select{height:52px!important;font-size:13px!important;padding:0 8px!important;} .urgent-title{height:68px!important;padding:0 10px!important;} .urgent-title .section-bat{width:62px!important;height:58px!important;flex-basis:62px!important;} .urgent-title h3{font-size:18px!important;} .urgent-title .ghost-link{font-size:12px!important;padding:8px 9px!important;} .gothic-item{grid-template-columns:92px 1fr auto 8px!important;gap:9px!important;min-height:108px!important;padding:8px 7px 8px 7px!important;} .item-photo{width:92px!important;height:92px!important;} .gothic-item .name{font-size:17px!important;} .gothic-item .muted{font-size:13px!important;} .mhd-line{gap:6px!important;margin-top:5px!important;} .mhd-pill{font-size:12px!important;padding:6px 8px!important;} .mhd-remaining{font-size:13px!important;} .qty-control{grid-template-columns:31px 34px 31px!important;height:43px!important;} .item-actions{gap:12px!important;} .item-actions button{font-size:26px!important;} .item-chevron{font-size:25px!important;} .add-main{height:90px!important;font-size:17px!important;margin-top:12px!important;} .add-main .add-bat{width:62px!important;height:58px!important;flex-basis:62px!important;} .bottom-nav,.bottom-nav button{height:108px!important;} .bottom-nav button{padding-top:57px!important;} .bottom-nav .nav-label{font-size:14px!important;} .main-wrap{padding-bottom:120px!important;} } @media(max-width:390px){ .gothic-item{grid-template-columns:78px 1fr auto 6px!important;} .item-photo{width:78px!important;height:78px!important;} .gothic-item .name{font-size:15px!important;} .gothic-item .muted{font-size:11px!important;} .qty-control{grid-template-columns:27px 30px 27px!important;} .item-actions{gap:7px!important;} .item-actions button{font-size:23px!important;} } /* STEP93 — kleiner WOW-Effekt: lebender Neon-Lichtscan im Header + ruhiger Nav-Puls. Rein visuell, keine Layout-/Funktionsänderung. */ .uv-hero::before{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 0%,transparent 42%,rgba(255,64,102,.06) 48%,rgba(67,165,255,.13) 50%,rgba(255,255,255,.04) 52%,transparent 58%,transparent 100%);background-size:220% 100%;animation:uvNeonScan 7s ease-in-out infinite;mix-blend-mode:screen} @keyframes uvNeonScan{0%,72%{background-position:220% 0}88%,100%{background-position:-20% 0}} #uv-online-status.online{animation:uvStatusGlow 3.8s ease-in-out infinite} @keyframes uvStatusGlow{0%,100%{box-shadow:0 0 0 rgba(87,210,155,0)}50%{box-shadow:0 0 14px rgba(87,210,155,.16)}} .uv-bottom-nav.uv-nav-7 .uv-nav.active span{filter:drop-shadow(0 0 7px currentColor);animation:uvNavPulse 2.8s ease-in-out infinite} @keyframes uvNavPulse{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-1px) scale(1.05)}} @media(prefers-reduced-motion:reduce){.uv-hero::before,#uv-online-status.online,.uv-bottom-nav.uv-nav-7 .uv-nav.active span{animation:none!important}} /* ===== HAUSHALTS-ZENTRALE / VORSORGE / PREISE ===== */ .dashboard-page,.prices-page,.preparedness-page{padding-bottom:18px} .dash-kicker{font-size:11px;letter-spacing:2px;color:#ff6b7b;font-weight:900} .compass{min-width:105px;text-align:center}.compass-ring{width:82px;height:82px;border-radius:50%;margin:auto;display:flex;align-items:center;justify-content:center;border:2px solid #7d2d45;box-shadow:0 0 24px rgba(255,51,71,.15);background:radial-gradient(circle,#1c1020,#090d16)}.compass-ring b{font-size:27px}.compass-ring small{font-size:10px;color:var(--muted);margin-top:18px}.compass span{font-size:10px;color:#c9d4e1} .dash-panel{background:#07101b;border:1px solid #263b58;border-radius:17px;padding:15px;margin:10px 0}.dash-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.dash-head h3{margin:0}.dash-head button{padding:7px 10px;background:#182b42;color:#dbe7f4}.dash-big small,.price-item small,.history-row small,.prep-item small{display:block;color:var(--muted);font-size:11px} .uv-bottom-nav.uv-nav-7{height:74px;display:grid;grid-template-columns:repeat(8,1fr);overflow-x:auto;background:transparent}.uv-bottom-nav.uv-nav-7 .uv-nav{height:74px;padding:7px 2px;background:transparent;color:#aab8ca;border-radius:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.uv-bottom-nav.uv-nav-7 .uv-nav span{font-size:20px}.uv-bottom-nav.uv-nav-7 .uv-nav small{font-size:10px}.uv-bottom-nav.uv-nav-7 .uv-nav.active{color:#fff;background:rgba(255,255,255,.045)}.uv-bottom-nav.uv-nav-7 .uv-nav.active.red{box-shadow:inset 0 -3px #ff3347}.uv-bottom-nav.uv-nav-7 .uv-nav.active.blue{box-shadow:inset 0 -3px #24a6ff}.uv-bottom-nav.uv-nav-7 .uv-nav.active.purple{box-shadow:inset 0 -3px #8f54ff}.uv-bottom-nav.uv-nav-7 .uv-nav.active.green{box-shadow:inset 0 -3px #35d49a}.uv-bottom-nav.uv-nav-7 .uv-nav.active.gold{box-shadow:inset 0 -3px #e5b84a} .price-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.price-summary>div{padding:13px;border:1px solid #3d3440;border-radius:15px;background:#0b111c}.price-summary b{display:block;font-size:20px}.price-summary span{font-size:11px;color:var(--muted)}.price-item,.history-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:11px 0;border-top:1px solid #1d2c40}.price-item b{display:block}.price-numbers{text-align:right}.price-numbers small{max-width:230px} .prep-progress{margin-top:14px}.prep-progress>b{font-size:25px}.prep-progress>div{height:8px;background:#1b2636;border-radius:99px;overflow:hidden;margin:5px 0}.prep-progress>div span{display:block;height:100%;background:#35d49a}.prep-progress small{color:var(--muted)} @media(max-width:680px){.dash-grid{grid-template-columns:repeat(2,1fr)}.dash-welcome{align-items:flex-start}.prep-grid{grid-template-columns:1fr}.price-summary{grid-template-columns:1fr 1fr}.price-summary>div:last-child{grid-column:1/-1}.dash-actions{grid-template-columns:1fr}.uv-bottom-nav.uv-nav-7 .uv-nav span{font-size:18px}.uv-bottom-nav.uv-nav-7 .uv-nav small{font-size:9px}.price-item{grid-template-columns:1fr auto}.price-item>button{grid-column:2;grid-row:1}.price-numbers{grid-column:1/-1;text-align:left}} .settings-card{max-width:520px;width:min(92vw,520px)}.settings-info{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:16px 0}.settings-info>div{padding:12px;border:1px solid #263b58;border-radius:13px;background:#07101b}.settings-info>div:last-child{grid-column:1/-1}.settings-info small{display:block;color:#7f91a8;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.settings-info b{display:block;margin-top:3px;word-break:break-word}.settings-actions{display:grid;gap:8px}.settings-actions button{width:100%}.modal{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.72);display:flex;align-items:center;justify-content:center;padding:18px;backdrop-filter:blur(5px)} @media(max-width:480px){.settings-info{grid-template-columns:1fr}.settings-info>div:last-child{grid-column:auto}}