:root{--ink:#24213a;--muted:#77758b;--line:#e9e6ef;--purple:#6c4bc4;--cream:#f8f7fa}*{box-sizing:border-box}body{margin:0;background:#f8f7fa;color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #aa94eb;outline-offset:3px}.shell{display:flex;min-height:100vh}aside{width:240px;background:#1d1b30;color:#fff;flex-shrink:0;padding:32px 20px;display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;font-family:'DM Serif Display',serif;font-size:26px;line-height:1}.brand-mark{display:grid;place-items:center;width:40px;height:40px;background:#a991e1;border-radius:12px;color:#25203b;font-size:25px}.brand small{display:block;font:600 8px 'DM Sans',sans-serif;letter-spacing:1.4px;color:#a9a4be;margin-top:5px}.nav-label{font-size:10px;letter-spacing:1.4px;color:#89849d;margin:62px 12px 14px;font-weight:700}nav{display:grid;gap:7px}.nav{border:0;background:transparent;color:#b5b0c5;text-align:left;border-radius:9px;padding:13px;font-weight:600}.nav span{font-size:19px;display:inline-block;width:30px}.nav.active,.nav:hover{background:#353048;color:#fff}.side-bottom{margin-top:auto;padding:20px 16px;background:#302a45;border:1px solid #423a58;border-radius:14px}.side-star{font-size:25px;color:#c0a9ee;display:block;margin-bottom:12px}.side-bottom strong{font-family:'DM Serif Display',serif;font-weight:400;font-size:19px;line-height:1.2;display:block}.side-bottom p,.side-note{font-size:11px;line-height:1.6;color:#a9a4b9}.side-note{padding:23px 5px 0}main{flex:1;min-width:0}.topbar{height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5%;color:#9390a0;font-size:10px;font-weight:700;letter-spacing:1.2px;background:#fff}.local-badge{letter-spacing:0;font-size:11px;color:#777388;font-weight:600}.local-badge i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#91ba9c;margin-right:5px}.mobile-brand{display:none}.content{max-width:1440px;margin:auto;padding:48px 5% 20px}.intro{display:flex;justify-content:space-between;align-items:end;gap:24px}.eyebrow,.kicker{font-size:10px;letter-spacing:1.5px;font-weight:700;color:#8d7bb7}.eyebrow span{color:#9c7ed9;margin-right:7px}h1,h2,h3{font-family:'DM Serif Display',Georgia,serif;font-weight:400}h1{font-size:clamp(36px,4vw,53px);letter-spacing:-1.4px;margin:12px 0 8px;line-height:1.1}h1 em,h3 em{color:#8b72c4;font-weight:400}p{line-height:1.6}.intro p,.section-heading p{color:var(--muted);margin:0}.primary,.dark-button,.secondary,.upload{border-radius:9px;padding:13px 17px;font-weight:700;border:0;white-space:nowrap}.primary{background:#7355c6;color:white;box-shadow:0 5px 12px #7254c62e;display:flex;gap:12px;align-items:center}.primary b{margin-left:16px}.primary:hover{background:#6040b4}.stats{display:grid;grid-template-columns:repeat(3,1fr) 80px;background:#fff;border:1px solid var(--line);border-radius:15px;margin:38px 0 53px;overflow:hidden}.stats>div:not(.stats-decor){display:flex;gap:14px;padding:25px 25px;border-right:1px solid #f0eef4}.stat-icon{height:43px;width:43px;display:grid;place-items:center;border-radius:10px;font-size:23px}.lavender{background:#f0ebfb;color:#8a70c6}.peach{background:#fcf0e9;color:#d99c78}.green{background:#edf5ee;color:#83aa8d}.stats small{font-size:9px;letter-spacing:1px;color:#9995a6;font-weight:700;display:block}.stats strong{font-size:25px;display:block;margin:5px 0 0}.stats p{margin:0;color:#aaa5b4;font-size:11px}.stats-decor{display:grid;place-items:center;color:#e2d8f4;font-size:35px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:16px}.kicker{margin:0 0 8px!important}.section-heading h2{font-size:30px;margin:0 0 4px}.section-heading h2 span{font:700 11px 'DM Sans';background:#eee9f8;color:#806ab1;border-radius:20px;padding:5px 9px;vertical-align:middle;margin-left:5px}.secondary{background:#fff;color:#5d477f;border:1px solid #ded7eb}.toolbar{display:flex;gap:10px;margin:27px 0 12px}.search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e5e2eb;border-radius:9px;padding:0 14px;flex:1;min-width:0}.search span{font-size:23px;color:#aaa4b7}.search input{background:transparent;border:0;outline:0;width:100%;min-width:0;height:46px;color:var(--ink)}select{border:1px solid #e5e2eb;border-radius:9px;background:#fff;color:#777388;padding:0 14px}.empty{margin-top:16px;border:1px dashed #ded9e8;background:#fff;border-radius:14px;min-height:280px;display:grid;place-content:center;text-align:center;padding:35px}.empty-icon{margin:auto auto 13px;width:62px;height:62px;background:#f3eefb;color:#a88edc;border-radius:50%;display:grid;place-items:center;font-size:30px}.empty h3{font-size:23px;margin:0}.empty p{max-width:360px;color:#9290a0;margin:8px auto 20px}.empty button{justify-self:center}.dark-button{background:#28243c;color:white}.dark-button:hover{background:#4b3d70}.helper,.status{color:#8c8899;font-size:12px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:18px;margin-top:20px}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;min-width:0}.card img{width:100%;aspect-ratio:0.72;object-fit:contain;border-radius:8px;background:#f2eff5}.card h3{font:700 13px 'DM Sans';margin:10px 0 4px}.card p{margin:0;color:#898597;font-size:11px;min-height:34px}.card button{width:100%;margin-top:10px;border:1px solid #e7e1ef;background:#faf8fd;border-radius:7px;padding:9px;color:#6c4eaa;font-weight:700}.scanner-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:35px;margin-top:28px}.scan-box{background:#eeeaf5;border:1px solid #e3ddee;border-radius:15px;min-height:360px;padding:25px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.scan-symbol{font-size:42px;color:#9b84c6}.scan-box h3,.scan-instructions h3{font-size:27px;margin:8px 0}.scan-box p{color:#8a8498;max-width:280px}.scan-box video,.scan-box img{max-width:100%;max-height:350px;border-radius:8px}.scan-controls{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:15px}.upload{background:#fff;color:#5d526d;cursor:pointer}.step-label{font-size:10px;color:#9988bc;letter-spacing:1.4px;font-weight:700}.scan-instructions h3{font-size:32px;line-height:1.1;margin:15px 0 25px}.scan-instructions ol{list-style:none;padding:0;margin:0}.scan-instructions li{display:flex;gap:15px;padding:12px 0;border-bottom:1px solid var(--line)}.scan-instructions li b{color:#bda8df;font-family:Georgia;font-size:19px}.scan-instructions li strong,.scan-instructions li small{display:block}.scan-instructions li small{color:#9994a5;margin-top:5px}.scan-note{font-size:12px;color:#918b9e}.status{min-height:18px}pre{white-space:pre-wrap;color:#777;font:12px 'DM Sans'}footer{border-top:1px solid var(--line);margin-top:65px;padding:22px 0;color:#aaa5b3;font-size:11px}footer span{color:#9e8ac5;margin:0 8px}dialog{border:0;border-radius:16px;max-width:650px;width:calc(100% - 30px);padding:25px;box-shadow:0 20px 80px #15112755}dialog::backdrop{background:#151225a8}.close{float:right;border:0;background:#f3eff7;border-radius:50%;width:34px;height:34px;font-size:22px}.detail-layout{display:grid;grid-template-columns:200px 1fr;gap:25px;clear:both}.detail-layout img{width:100%;border-radius:10px}.detail-layout h2{font-size:26px;margin:6px 0}.detail-layout p{color:#858092}.detail-layout label{display:block;margin:15px 0 8px;font-weight:700}.detail-layout select{height:43px;width:100%}.detail-layout button{margin-top:15px;width:100%}.detail-layout a{display:block;color:#7254ba;margin-top:14px;font-size:12px}.manage{display:flex;gap:6px}.manage button{margin-top:8px}.manage button:last-child{color:#a34b62}@media(max-width:800px){aside{width:auto;padding:12px;position:fixed;z-index:4;bottom:0;left:0;right:0;background:#201d32}.brand,.nav-label,.side-bottom,.side-note{display:none}nav{display:flex;justify-content:space-around}.nav{font-size:10px;text-align:center;padding:6px 8px}.nav span{display:block;width:auto;font-size:19px}.topbar{height:60px}.topbar>span:first-of-type{display:none}.mobile-brand{display:block;color:#51417d;font:24px 'DM Serif Display'}.content{padding-top:32px;padding-bottom:85px}.intro{align-items:start;flex-direction:column}.stats{grid-template-columns:repeat(3,1fr);margin:28px 0 40px}.stats>div:not(.stats-decor){padding:15px 10px;display:block}.stats-decor{display:none}.stat-icon{margin-bottom:10px;width:34px;height:34px;font-size:18px}.stats small{font-size:8px}.stats strong{font-size:21px}.stats p{font-size:10px}.section-heading{align-items:start}.section-heading h2{font-size:25px}.section-heading .secondary{font-size:11px}.scanner-layout{grid-template-columns:1fr}.scan-box{min-height:280px}.scan-instructions{padding:0 5px}.toolbar{flex-wrap:wrap}.toolbar .search{min-width:100%}select{min-height:42px}.detail-layout{grid-template-columns:120px 1fr;gap:14px}.detail-layout h2{font-size:22px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.card-price{border-top:1px solid #eeeaf3;margin-top:9px;padding-top:8px;color:#686276;font-size:11px;line-height:1.4}.card-price a{display:block;color:#6847a5;font-weight:700;margin-top:4px}.deck-create label{font-weight:700;display:block;margin-top:28px}.deck-create .toolbar{margin-top:8px}.deck-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:20px}.deck-tile,.deck-panel{background:#fff;border:1px solid #e9e6ef;border-radius:14px;padding:22px}.deck-tile-icon{display:grid;place-items:center;background:#eee8fa;color:#7554b5;border-radius:10px;width:44px;height:44px;font-size:22px}.deck-tile h3{font-size:23px;margin:14px 0 4px}.deck-tile p{color:#77758b;font-size:12px}.deck-tile button{margin-top:8px}.deck-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:28px 0 18px}.deck-heading h3{font-size:27px;margin:10px 0 0}.back-link{border:0;background:none;color:#6749a4;font-weight:700;padding:0}.deck-actions,.export-actions{display:flex;gap:8px;flex-wrap:wrap}.deck-panel{margin:16px 0}.deck-panel h3{font-size:22px;margin:0}.deck-panel h4{margin:28px 0 0}.deck-panel .toolbar{margin-top:15px}.deck-row{display:flex;align-items:center;gap:14px;border-bottom:1px solid #eeeaf3;padding:10px 0}.deck-row img{height:74px;width:54px;object-fit:contain}.deck-row>div:nth-child(2){flex:1;min-width:0}.deck-row strong,.deck-row small{display:block}.deck-row small{color:#77758b;margin-top:5px}.deck-quantity{display:flex;align-items:center;gap:10px}.deck-quantity button{border:1px solid #ded7eb;background:#faf8fd;color:#6847a5;border-radius:7px;width:36px;height:36px;font-size:19px}.export-actions{margin-top:20px}.deck-panel .card-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}@media(max-width:800px){.deck-heading{align-items:flex-start;flex-direction:column}.deck-panel{padding:16px}.deck-panel .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.scan-confirm-options{display:grid;gap:8px;max-height:60vh;overflow:auto}.scan-option{display:flex;align-items:center;gap:12px;background:#faf8fd;border:1px solid #e6dfef;border-radius:10px;padding:8px;text-align:left;color:#24213a}.scan-option img{width:52px;height:72px;object-fit:contain}.scan-option span:nth-child(2){flex:1}.scan-option strong,.scan-option small{display:block}.scan-option small{color:#686276;margin-top:5px}.scan-option span:last-child{font-size:20px;color:#7355c6}#scan-confirm h2{font-size:26px;margin:8px 0}#scan-confirm>p{color:#686276;line-height:1.5}@media(max-width:800px){#detail,#scan-confirm{max-height:calc(100dvh - 30px);overflow:auto}#detail .detail-layout{grid-template-columns:minmax(110px,37%) minmax(0,1fr)}#detail .detail-layout p{overflow-wrap:anywhere}#detail .detail-layout button{white-space:normal}}

.backup-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:-34px 0 40px}.backup-tools .secondary{font-size:11px;padding:9px 12px;cursor:pointer}.backup-tools .status{margin:0}@media(max-width:800px){.backup-tools{margin:-24px 0 32px}}

.brand,.mobile-brand{text-decoration:none}.brand{color:inherit}.mobile-brand{color:#51417d}