@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;0,800;1,400;1,700&family=Nunito:wght@400;600;700;800&family=Caveat:wght@500;600;700&display=swap";:root{--sun-bright: #FFD000;--sun-gold: #E8A800;--sun-amber: #C97B00;--sun-deep: #A55E00;--sun-pale: #FFF8DC;--sun-wash: #FFFBEF;--sky-cobalt: #1A4D9B;--sky-mid: #2563C0;--sky-bright: #3B82E8;--sky-soft: #7EB3F0;--sky-pale: #E8F2FF;--sky-wash: #F0F6FF;--teal: #0D5252;--teal-mid: #1A7070;--teal-warm: #1E8080;--teal-light: #D6EFEF;--teal-pale: #EEF8F8;--leaf: #2D5A1B;--leaf-mid: #3D7226;--leaf-bright: #4A8F2E;--leaf-light: #E4F0D6;--leaf-wash: #F2F8EC;--linen: #FDF6E3;--parchment: #F7EDCC;--aged: #EDD99A;--cream: #FEFAF0;--warm-white: #FFFEF9;--ink: #1C2B2B;--ink-soft: #2A3D3D;--muted: #5C6E6E;--muted-warm: #7A6B50;--subtle: #9EB8B8;--border-teal: #B8D8D8;--border-sun: #E0C87A;--border-warm: #D4C090;--shadow-xs: 0 1px 3px rgba(13,82,82,.08), 0 1px 2px rgba(0,0,0,.04);--shadow-sm: 0 2px 8px rgba(13,82,82,.1), 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 4px 16px rgba(13,82,82,.14), 0 2px 6px rgba(0,0,0,.08);--shadow-lg: 0 8px 32px rgba(13,82,82,.18), 0 4px 12px rgba(0,0,0,.1);--shadow-xl: 0 16px 48px rgba(13,82,82,.22), 0 8px 20px rgba(0,0,0,.12);--shadow-sun: 0 4px 20px rgba(232,168,0,.3), 0 2px 8px rgba(200,120,0,.15);--shadow-sky: 0 4px 20px rgba(26,77,155,.25), 0 2px 8px rgba(59,130,232,.12);--shadow-inset: inset 0 2px 6px rgba(13,82,82,.08), inset 0 1px 3px rgba(0,0,0,.04);--r-xs: 4px;--r-sm: 9px;--r: 16px;--r-lg: 24px;--r-xl: 32px;--r-full: 9999px;--gold: var(--sun-gold);--gold-bright: var(--sun-bright);--gold-dark: var(--sun-amber);--gold-amber: var(--sun-amber);--gold-light: var(--sun-pale);--gold-pale: var(--sun-wash);--ocean: var(--sky-cobalt);--ocean-light: var(--sky-pale);--green: var(--leaf);--green-light: var(--leaf-light);--navy: #0B1E3E;--dark: var(--ink);--white: var(--warm-white);--border: var(--border-teal);--body-bg: #EDE8D5;--card-bg: var(--warm-white);--radius-sm: var(--r-sm);--radius: var(--r);--radius-lg: var(--r-lg);--shadow: var(--shadow-md)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Nunito,sans-serif;font-size:15px;color:var(--ink);line-height:1.6;min-height:100vh;background-color:#eae4ce;background-image:radial-gradient(ellipse 120% 60% at 50% 0%,rgba(37,99,192,.12) 0%,transparent 55%),radial-gradient(ellipse 80% 50% at 15% 100%,rgba(232,168,0,.18) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 85% 90%,rgba(45,90,27,.1) 0%,transparent 45%),radial-gradient(ellipse 50% 30% at 100% 30%,rgba(26,77,155,.07) 0%,transparent 40%),repeating-linear-gradient(0deg,rgba(13,82,82,.028) 0,rgba(13,82,82,.028) 1px,transparent 1px,transparent 52px),repeating-linear-gradient(90deg,rgba(13,82,82,.028) 0,rgba(13,82,82,.028) 1px,transparent 1px,transparent 52px),repeating-linear-gradient(45deg,rgba(232,168,0,.018) 0,rgba(232,168,0,.018) 1px,transparent 1px,transparent 74px),repeating-linear-gradient(-45deg,rgba(232,168,0,.012) 0,rgba(232,168,0,.012) 1px,transparent 1px,transparent 74px)}.app-shell{max-width:860px;margin:0 auto;padding:0 0 56px}.hero{background:var(--navy)!important;background-image:linear-gradient(160deg,#0b1e3e,#12306a 35%,#1a4d9b 65%,#1e5ab0),radial-gradient(ellipse 55% 80% at -5% 110%,rgba(232,168,0,.55) 0%,rgba(200,120,0,.2) 40%,transparent 65%),radial-gradient(ellipse 35% 50% at 105% 0%,rgba(255,208,0,.2) 0%,transparent 50%),radial-gradient(ellipse 40% 60% at 50% 120%,rgba(13,82,82,.4) 0%,transparent 55%),repeating-linear-gradient(125deg,rgba(255,255,255,.018) 0,rgba(255,255,255,.018) 1px,transparent 1px,transparent 28px)!important;border:none!important;border-bottom:none!important;border-radius:0!important;padding:0!important;margin-bottom:0!important;box-shadow:0 6px 32px #0a1e3e8c,0 2px 8px #00000040!important;overflow:hidden;position:relative}.hero:before{content:"";position:absolute;left:-8px;bottom:-10px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(232,168,0,.28) 0%,rgba(200,100,0,.12) 45%,transparent 70%);filter:blur(12px);pointer-events:none}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1px 1px at 20% 25%,rgba(255,255,255,.6) 0%,transparent 100%),radial-gradient(1px 1px at 45% 15%,rgba(255,255,255,.4) 0%,transparent 100%),radial-gradient(1px 1px at 70% 30%,rgba(255,255,255,.5) 0%,transparent 100%),radial-gradient(1px 1px at 85% 10%,rgba(255,255,255,.3) 0%,transparent 100%),radial-gradient(2px 2px at 60% 55%,rgba(255,208,0,.35) 0%,transparent 100%),radial-gradient(1px 1px at 30% 70%,rgba(255,255,255,.25) 0%,transparent 100%);pointer-events:none}.hero-inner{display:flex;align-items:center;gap:18px;padding:18px 22px 16px;position:relative;z-index:1}.hero-logo{width:78px;height:78px;border-radius:50%;object-fit:cover;border:3px solid var(--sun-gold);box-shadow:0 0 0 5px #e8a80038,0 0 0 9px #e8a80014,0 0 28px #e8a80066,0 6px 20px #00000080,inset 0 1px 2px #ffffff40;flex-shrink:0;transition:transform .3s ease,box-shadow .3s ease}.hero-logo:hover{transform:scale(1.04) rotate(2deg);box-shadow:0 0 0 5px #e8a8004d,0 0 0 10px #e8a8001f,0 0 40px #e8a8008c,0 8px 28px #0000008c,inset 0 1px 2px #ffffff4d}.hero-text{flex:1}.hero .brand{font-family:Playfair Display,serif;font-size:1.85rem;font-weight:800;color:var(--warm-white);letter-spacing:-.5px;line-height:1.05;text-shadow:0 1px 0 rgba(255,255,255,.1),0 2px 12px rgba(0,0,0,.5),0 4px 20px rgba(10,30,62,.4)}.hero .brand-accent{color:var(--sun-gold);text-shadow:0 0 16px rgba(255,208,0,.7),0 2px 8px rgba(200,120,0,.4)}.hero .tagline{font-family:Caveat,cursive;font-size:1.05rem;font-weight:600;color:#ffe88ceb;margin-top:4px;letter-spacing:.4px;text-shadow:0 1px 6px rgba(0,0,0,.35)}.hero-bar{height:5px;position:relative;overflow:hidden;background:linear-gradient(90deg,var(--sun-deep) 0%,var(--sun-amber) 20%,var(--sun-bright) 40%,var(--sun-gold) 50%,var(--sun-bright) 60%,var(--sun-amber) 80%,var(--sun-deep) 100%);background-size:300% 100%;animation:shimmer 4s ease-in-out infinite}.hero-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);background-size:200% 100%;animation:shimmer-glint 4s ease-in-out infinite}@keyframes shimmer{0%{background-position:100% 0%}to{background-position:-100% 0%}}@keyframes shimmer-glint{0%{background-position:200% 0%}to{background-position:-200% 0%}}.nav-row{display:flex;gap:6px;flex-wrap:wrap;background:var(--linen);padding:10px 16px;border-bottom:2px solid var(--border-sun);box-shadow:var(--shadow-sm),inset 0 -1px #c8a03c26;position:sticky;top:0;z-index:100}.nav-row.main-nav{flex-wrap:nowrap;padding:10px 14px;gap:8px;background:var(--linen);border-bottom:0;box-shadow:var(--shadow-sm),0 3px 0 var(--sun-gold),inset 0 1px #ffffffb3}.btn{font-family:Nunito,sans-serif;font-size:13px;font-weight:700;padding:9px 16px;border-radius:var(--r-full);border:1.5px solid var(--border-teal);background:var(--warm-white);color:var(--ink-soft);cursor:pointer;transition:all .18s ease;white-space:nowrap;letter-spacing:.2px;box-shadow:var(--shadow-xs),inset 0 1px #ffffffe6;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translate(-100%);transition:transform .4s ease}.btn:hover:after{transform:translate(100%)}.btn:hover{border-color:var(--sun-gold);background:var(--sun-wash);color:var(--teal);box-shadow:var(--shadow-sun),inset 0 1px #ffffffe6;transform:translateY(-1px)}.btn:active{transform:translateY(0) scale(.98);box-shadow:var(--shadow-xs)}.btn.active{background:linear-gradient(145deg,var(--teal-mid) 0%,var(--teal) 100%);color:var(--warm-white);border-color:var(--teal);box-shadow:var(--shadow-md),0 0 0 3px #0d52521f,inset 0 1px #fff3,inset 0 -1px #0000001a;text-shadow:0 1px 3px rgba(0,0,0,.2)}.btn.active:hover{background:linear-gradient(145deg,var(--teal-warm) 0%,var(--teal-mid) 100%);transform:translateY(-1px);box-shadow:var(--shadow-lg),0 0 0 3px #0d525229,inset 0 1px #ffffff40}.button-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.card{background:var(--warm-white);border:1.5px solid var(--border-teal);border-radius:var(--r);padding:20px 22px;margin-bottom:16px;position:relative;overflow:hidden;box-shadow:var(--shadow-md),0 0 0 1px #fffc inset,inset 0 1px #fffffff2;background-image:linear-gradient(180deg,#fff9,#fff0 60px)}.card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--sun-gold) 0%,var(--teal-warm) 40%,var(--sky-bright) 70%,var(--leaf-bright) 100%);border-radius:var(--r) 0 0 var(--r);opacity:.6}.card:hover{box-shadow:var(--shadow-lg),0 0 0 1px #ffffffe6 inset,inset 0 1px #fffffff2;transform:translateY(-1px);transition:box-shadow .2s ease,transform .2s ease}.card h2{font-family:Playfair Display,serif;font-size:1.12rem;font-weight:700;color:var(--teal);margin-bottom:16px;padding-bottom:10px;display:flex;align-items:center;gap:8px;border-bottom:0;background-image:linear-gradient(90deg,var(--sun-gold) 0%,var(--sky-soft) 40%,var(--teal-light) 70%,transparent 100%);background-position:0 100%;background-repeat:no-repeat;background-size:100% 2px}.card.warm{background:var(--linen);background-image:linear-gradient(180deg,#ffffff80,#fff0 60px);border-color:var(--border-warm)}.sub-tab-row{display:flex;background:var(--parchment);background-image:linear-gradient(180deg,var(--linen) 0%,var(--parchment) 100%);border-bottom:2px solid var(--border-sun);overflow-x:auto;scrollbar-width:none;box-shadow:inset 0 -2px 0 var(--border-sun),var(--shadow-xs)}.sub-tab-row::-webkit-scrollbar{display:none}.sub-tab{flex:1;padding:11px 10px;font-size:12px;font-weight:700;font-family:Nunito,sans-serif;border:none;border-bottom:3px solid transparent;background:transparent;color:var(--muted);cursor:pointer;white-space:nowrap;transition:all .18s ease;letter-spacing:.3px;position:relative}.sub-tab:after{content:"";position:absolute;bottom:-2px;left:20%;right:20%;height:3px;background:var(--sun-gold);border-radius:2px 2px 0 0;transform:scaleX(0);transition:transform .2s ease}.sub-tab.active{color:var(--teal);background:linear-gradient(180deg,#ffffffb3,#fff8dc80);border-bottom-color:var(--sun-gold)}.sub-tab.active:after{transform:scaleX(1)}.sub-tab:hover:not(.active){color:var(--teal);background:#ffffff73}.input{width:100%;padding:11px 15px;margin-top:5px;margin-bottom:14px;border-radius:var(--r-sm);border:1.5px solid var(--border-teal);background:var(--teal-pale);background-image:linear-gradient(180deg,#ffffffb3,#fff0);font-family:Nunito,sans-serif;font-size:14px;color:var(--ink);outline:none;transition:all .18s ease;box-shadow:var(--shadow-inset),0 1px #fffc}.input::placeholder{color:var(--subtle);font-style:italic}.input:focus{border-color:var(--sky-cobalt);background:var(--warm-white);background-image:linear-gradient(180deg,#fffffff2,#f0f8ff80);box-shadow:var(--shadow-sky),0 0 0 3px #2563c01a,var(--shadow-inset)}select.input{cursor:pointer}label{display:block;font-weight:700;font-size:13px;color:var(--teal);letter-spacing:.3px;text-shadow:0 1px 0 rgba(255,255,255,.8)}.check{display:flex;gap:10px;align-items:center;margin-bottom:12px;font-weight:600;color:var(--ink-soft)}.check input[type=checkbox]{width:16px;height:16px;accent-color:var(--teal);cursor:pointer}.thread-row{display:flex;gap:14px;align-items:center;margin-bottom:10px}.swatch{width:46px;height:46px;border-radius:50%;flex-shrink:0;border:2px solid rgba(255,255,255,.6);box-shadow:0 3px 10px #0003,0 1px 3px #0000001f,inset 0 2px 4px #ffffff59,inset 0 -2px 4px #0000001f;background-image:radial-gradient(circle at 35% 35%,rgba(255,255,255,.3) 0%,transparent 55%)}.thread-name{font-weight:700;font-size:15px;color:var(--ink);text-shadow:0 1px 0 rgba(255,255,255,.6)}.muted{color:var(--muted);font-size:13px;margin-top:2px}.list-box{margin-top:12px;background:var(--teal-pale);background-image:linear-gradient(180deg,#ffffff80,#fff0),repeating-linear-gradient(180deg,transparent 0,transparent 24px,rgba(13,82,82,.04) 24px,rgba(13,82,82,.04) 25px);border:1.5px solid var(--border-teal);border-radius:var(--r-sm);padding:10px 14px;font-size:13px;line-height:1.9;box-shadow:var(--shadow-inset),0 1px #ffffffb3}.list-box b{color:var(--teal)}.sub-card{border:1.5px solid var(--border-teal);border-radius:var(--r-sm);padding:13px 15px;margin-top:10px;background:var(--teal-pale);background-image:linear-gradient(180deg,#ffffff8c,#fff0);box-shadow:var(--shadow-xs),inset 0 1px #fffc;transition:all .18s ease}.sub-card:hover{border-color:var(--teal-warm);box-shadow:var(--shadow-sm),inset 0 1px #ffffffe6;transform:translate(2px)}.message{margin:0 16px 14px;padding:11px 18px;background:var(--leaf-light);background-image:linear-gradient(135deg,rgba(255,255,255,.4) 0%,transparent 100%);border:1.5px solid var(--leaf-mid);border-radius:var(--r-sm);color:var(--leaf);font-weight:700;font-size:13px;cursor:pointer;box-shadow:var(--shadow-sm),inset 0 1px #fffc;display:flex;align-items:center;gap:8px}.message:before{content:"✓";font-size:14px}.camera-preview{width:100%;margin-top:14px;border-radius:var(--r);border:2px solid var(--border-teal);cursor:crosshair;max-height:360px;object-fit:contain;background:var(--teal-pale);box-shadow:var(--shadow-md),inset 0 2px 8px #0d525214}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.stat-box{background:var(--linen);background-image:linear-gradient(145deg,rgba(255,255,255,.7) 0%,rgba(255,248,200,.2) 60%,transparent 100%),radial-gradient(ellipse 80% 60% at 20% 20%,rgba(255,208,0,.18) 0%,transparent 60%);border:1.5px solid var(--border-sun);border-radius:var(--r);padding:16px 14px;text-align:center;position:relative;overflow:hidden;box-shadow:var(--shadow-md),inset 0 1px #fffffff2,inset 0 -1px #c8a03c1a;transition:all .2s ease}.stat-box:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-sun),inset 0 1px #fffffff2}.stat-box:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--sun-amber) 0%,var(--sun-bright) 35%,var(--sky-soft) 65%,var(--teal-light) 100%);border-radius:var(--r) var(--r) 0 0}.stat-box:after{content:"";position:absolute;top:-20px;right:-20px;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,rgba(255,208,0,.2) 0%,transparent 70%);pointer-events:none}.stat-box .stat-num{font-family:Playfair Display,serif;font-size:2.2rem;font-weight:800;color:var(--teal);line-height:1;text-shadow:0 2px 8px rgba(13,82,82,.15),0 1px 0 rgba(255,255,255,.8)}.stat-box .stat-label{font-size:10.5px;font-weight:800;color:var(--sun-amber);margin-top:5px;text-transform:uppercase;letter-spacing:.8px;text-shadow:0 1px 0 rgba(255,255,255,.6)}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.quick-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px 12px;border-radius:var(--r);border:1.5px solid;cursor:pointer;font-family:Nunito,sans-serif;font-weight:800;font-size:13px;text-align:center;position:relative;overflow:hidden;transition:all .2s ease;box-shadow:var(--shadow-sm),inset 0 1px #fffc}.quick-btn:before{content:"";position:absolute;top:-50%;left:-50%;width:40%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:rotate(25deg) translate(-100%);transition:transform .5s ease}.quick-btn:hover:before{transform:rotate(25deg) translate(400%)}.quick-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:var(--shadow-lg),inset 0 1px #ffffffe6}.quick-btn:active{transform:translateY(-1px) scale(.99)}.quick-btn .icon{font-size:24px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.12))}.quick-btn.gold{border-color:var(--sun-gold);color:var(--teal);background:linear-gradient(145deg,var(--sun-wash) 0%,var(--sun-pale) 100%)}.quick-btn.teal{border-color:var(--teal-warm);color:var(--teal);background:linear-gradient(145deg,rgba(255,255,255,.9) 0%,var(--teal-pale) 100%)}.quick-btn.ocean{border-color:var(--sky-cobalt);color:var(--sky-cobalt);background:linear-gradient(145deg,rgba(255,255,255,.9) 0%,var(--sky-pale) 100%)}.quick-btn.green{border-color:var(--leaf-mid);color:var(--leaf);background:linear-gradient(145deg,rgba(255,255,255,.9) 0%,var(--leaf-light) 100%)}.quick-btn.amber{border-color:var(--sun-amber);color:var(--sun-deep);background:linear-gradient(145deg,rgba(255,255,255,.9) 0%,var(--sun-pale) 100%)}.quick-btn.navy{border-color:var(--navy);color:var(--navy);background:linear-gradient(145deg,#ffffffe6,#eef2ff)}.stash-banner{background:linear-gradient(135deg,var(--teal) 0%,var(--sky-cobalt) 60%,var(--teal-mid) 100%);background-image:linear-gradient(135deg,var(--teal) 0%,var(--sky-cobalt) 60%,var(--teal-mid) 100%),repeating-linear-gradient(45deg,rgba(255,255,255,.03) 0,rgba(255,255,255,.03) 1px,transparent 1px,transparent 16px);border-radius:var(--r);padding:18px 22px;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-lg),inset 0 1px #ffffff26,inset 0 -1px #0000001a;position:relative;overflow:hidden}.stash-banner:after{content:"";position:absolute;right:-10px;top:-10px;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(255,208,0,.2) 0%,transparent 70%)}.stash-banner h2{font-family:Playfair Display,serif;font-size:1.25rem;font-weight:800;color:var(--warm-white);margin:0;border:none;padding:0;background:none;text-shadow:0 2px 8px rgba(0,0,0,.25)}.stash-banner .count-chip{background:var(--sun-gold);background-image:linear-gradient(135deg,var(--sun-bright) 0%,var(--sun-gold) 100%);color:var(--teal);font-weight:800;font-size:12px;padding:5px 14px;border-radius:var(--r-full);font-family:Nunito,sans-serif;box-shadow:0 2px 8px #c8780059,inset 0 1px #fff6;letter-spacing:.2px}.section-pills{display:flex;gap:6px;flex-wrap:wrap;padding:0 0 12px}.section-pill{padding:6px 14px;border-radius:var(--r-full);border:1.5px solid var(--border-teal);background:var(--warm-white);background-image:linear-gradient(180deg,#ffffffe6,#f0f8f880);color:var(--muted);font-size:12px;font-weight:700;font-family:Nunito,sans-serif;cursor:pointer;transition:all .18s ease;white-space:nowrap;box-shadow:var(--shadow-xs),inset 0 1px #ffffffe6}.section-pill.active{background:linear-gradient(145deg,var(--teal-mid) 0%,var(--teal) 100%);color:var(--warm-white);border-color:var(--teal);box-shadow:var(--shadow-md),0 0 0 3px #0d52521a,inset 0 1px #fff3;text-shadow:0 1px 3px rgba(0,0,0,.2)}.section-pill:hover:not(.active){border-color:var(--teal-mid);color:var(--teal);background:linear-gradient(180deg,var(--warm-white) 0%,var(--teal-pale) 100%);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.section-label{font-family:Playfair Display,serif;font-size:11px;font-weight:700;color:var(--sun-amber);letter-spacing:1.2px;padding:8px 18px 5px;text-transform:uppercase;text-shadow:0 1px 0 rgba(255,255,255,.7)}.type-badge{font-size:10px;font-weight:700;padding:3px 8px;border-radius:var(--r-sm);background:var(--sun-pale);background-image:linear-gradient(135deg,rgba(255,255,255,.6) 0%,transparent 100%);color:var(--teal);border:1px solid var(--border-sun);box-shadow:0 1px 3px #c8a03c26}.card{position:relative}.card.owned{border-color:var(--teal-warm)}.card.owned:after{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,var(--sun-gold) 0%,var(--teal-warm) 50%,var(--sky-bright) 100%);border-radius:var(--r) 0 0 var(--r)}.card.dashed{border-style:dashed;border-color:var(--sun-amber);background:var(--sun-wash);background-image:linear-gradient(180deg,rgba(255,255,255,.5) 0%,transparent 100%)}.badge{display:inline-block;font-size:11px;font-weight:700;padding:2px 9px;border-radius:var(--r-full);box-shadow:0 1px 3px #00000014}.badge-gold{background:var(--sun-pale);color:var(--teal);border:1px solid var(--border-sun)}.badge-teal{background:var(--teal-light);color:var(--teal);border:1px solid var(--border-teal)}.badge-ocean{background:var(--sky-pale);color:var(--sky-cobalt);border:1px solid rgba(37,99,192,.25)}.badge-green{background:var(--leaf-light);color:var(--leaf);border:1px solid rgba(45,90,27,.25)}.badge-red{background:#fdecea;color:#c0392b;border:1px solid rgba(192,57,43,.25)}.badge-purple{background:#f3eaf8;color:#6b3fa0;border:1px solid rgba(107,63,160,.25)}.cat-quilting{background:var(--sky-pale);color:var(--sky-cobalt)}.cat-garment{background:var(--teal-light);color:var(--teal)}.cat-embroidery{background:#f3eaf8;color:#6b3fa0}.cat-serging{background:var(--sun-pale);color:var(--teal)}.cat-specialty{background:#fdecea;color:#c0392b}.cat-general{background:var(--linen);color:var(--muted-warm)}.export-section{margin-top:18px;padding-top:18px;border-top:1.5px solid var(--border-teal);background-image:linear-gradient(180deg,transparent 0%,rgba(240,250,250,.4) 100%);border-radius:0 0 var(--r-sm) var(--r-sm)}.export-title{font-family:Playfair Display,serif;font-size:14px;font-weight:700;color:var(--teal);margin-bottom:8px;display:flex;align-items:center;gap:6px;text-shadow:0 1px 0 rgba(255,255,255,.7)}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:#0d52520a;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--sun-gold) 0%,var(--teal-mid) 100%);border-radius:4px;border:1px solid rgba(255,255,255,.3)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--sun-bright) 0%,var(--teal) 100%)}@media (max-width: 600px){.hero-logo{width:60px;height:60px}.hero .brand{font-size:1.4rem}.hero .tagline{font-size:.88rem}.hero-inner{padding:14px 16px 12px;gap:14px}.card{padding:16px;border-radius:var(--r-sm);margin-bottom:12px}.stats-grid,.quick-grid{grid-template-columns:1fr 1fr;gap:8px}.quick-btn{padding:16px 10px}.app-shell{padding:0 0 36px}.btn{font-size:12px;padding:7px 11px}.stat-box .stat-num{font-size:1.8rem}}@media (max-width: 360px){.hero .brand{font-size:1.2rem}.hero-logo{width:52px;height:52px}}