:root{--forest:#143c2c;--forest-2:#1d513c;--mint:#dcebdc;--sage:#89a58f;--paper:#fffdf8;--canvas:#f3f0e8;--ink:#17231d;--muted:#6f786f;--coral:#ea7442;--line:#dddcd3;--shadow:0 18px 50px rgba(30,48,39,.09)}
*{box-sizing:border-box}html{background:var(--canvas)}body{margin:0;color:var(--ink);font:15px/1.5 Inter,Avenir,ui-sans-serif,system-ui,sans-serif;background:var(--canvas);min-height:100vh}button,input,select,textarea{font:inherit}.topbar{height:78px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(24px,5vw,72px);background:var(--paper);border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;font:600 20px Georgia,serif}.brand strong{color:var(--coral)}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px 10px 10px 3px;background:var(--forest);color:white;font:bold 15px Georgia;box-shadow:inset 0 0 0 1px #ffffff24}.nav-note{margin:0;color:#8a918b;font-size:12px;letter-spacing:.025em}.topbar>.primary{justify-self:end}button,.primary{border:0;border-radius:9px;padding:11px 17px;font-weight:750;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s}.primary{background:var(--forest);color:white;box-shadow:0 5px 15px rgba(20,60,44,.18)}button:hover{transform:translateY(-1px)}
main{max-width:1440px;margin:auto;padding:0 clamp(20px,4vw,60px) 70px}.hero{min-height:395px;margin:22px 0 0;border-radius:24px;background:var(--forest);color:white;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.8fr);gap:60px;align-items:center;padding:60px clamp(35px,6vw,90px);position:relative;overflow:hidden;box-shadow:var(--shadow)}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.hero:before{width:380px;height:380px;right:-160px;top:-180px;border:1px solid #bcd4bf35;box-shadow:0 0 0 55px #bcd4bf10,0 0 0 110px #bcd4bf08}.hero:after{width:190px;height:190px;left:46%;bottom:-145px;background:var(--coral);opacity:.12}.hero-copy{position:relative;z-index:1}.eyebrow{font-size:10px;font-weight:900;letter-spacing:.2em;color:var(--coral);margin:0 0 12px}.hero .eyebrow{color:#a9cbb0}.hero h1{font:500 clamp(39px,4.4vw,64px)/1.02 Georgia,serif;margin:0;max-width:760px;letter-spacing:-.035em}.hero h1 em{font-weight:400;color:#cce4cf}.hero-sub{max-width:590px;color:#c1d1c6;font-size:15px;margin:23px 0 25px}.hero-action{padding:0;background:transparent;color:white;border-radius:0;border-bottom:1px solid #ffffff66;font-size:13px}.hero-action span{margin-left:10px;color:#b9d7bd}.stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);background:#fff;color:var(--ink);border-radius:16px;box-shadow:0 22px 50px #0b271c66;overflow:hidden}.stat{min-height:150px;padding:24px 20px;display:flex;flex-direction:column;text-decoration:none;color:inherit;border-right:1px solid var(--line);transition:background .15s}.stat:hover{background:#f8faf5}.stat:last-child{border:0}.stat-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:var(--mint);color:var(--forest);font-weight:900;margin-bottom:auto}.stat b{display:block;font:600 34px Georgia,serif;line-height:1;margin:18px 0 3px}.stat>span:last-child{font-size:11px;color:var(--muted)}.stat.warn .stat-icon{background:#ffddd0;color:#b84820}.stat.warn b{color:var(--coral)}
.workspace{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:28px;margin-top:28px}.inventory-panel,aside{background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 25px rgba(30,48,39,.035)}.inventory-panel{padding:30px}.section-title{display:flex;justify-content:space-between}.section-title h2,aside h2,dialog h2{font:600 29px Georgia,serif;margin:0;letter-spacing:-.02em}.filters{display:grid;grid-template-columns:minmax(200px,1fr) 150px auto auto;gap:9px;margin:22px 0 18px}.filters input[type=search],.filters select,.filters>button,.check{height:43px;min-width:0;border:1px solid var(--line);background:#fff;padding:10px 12px;border-radius:9px;color:var(--ink)}.filters input[type=search]{padding-left:38px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23818a83' stroke-width='1.7'%3E%3Ccircle cx='7' cy='7' r='4.5'/%3E%3Cpath d='m10.5 10.5 4 4'/%3E%3C/svg%3E") no-repeat 13px center}.filters>button{font-size:12px;background:var(--mint);border-color:#cadacb}.check{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:11px;margin:0;font-weight:700}.items{border-top:1px solid var(--line)}.item{position:relative;display:grid;grid-template-columns:1fr 100px 140px;align-items:center;padding:18px 10px;border-bottom:1px solid var(--line)}.item.is-low{background:#fff8f3}.item-main{display:flex;align-items:center;gap:14px}.icon{width:44px;height:44px;border-radius:13px 13px 13px 5px;display:grid;place-items:center;background:var(--mint);color:var(--forest);font:700 18px Georgia}.item h3{margin:0;font-size:14px}.item p,.muted{margin:3px 0 0;color:var(--muted);font-size:11px}.quantity b{font:600 22px Georgia}.quantity span{display:block;font-size:10px;color:var(--muted)}.controls{display:flex;justify-content:end;gap:5px}.controls form{margin:0}.controls button{padding:6px 11px;border:1px solid var(--line);background:#fff}.controls .delete{color:#a44}.badge{position:absolute;right:10px;top:2px;color:var(--coral);font-size:8px;font-weight:900;letter-spacing:.1em}
aside{padding:30px 26px;align-self:start;min-height:260px}.timeline{border-left:1px solid var(--line);margin:22px 0 0 5px;padding-left:20px}.timeline>div{position:relative;margin-bottom:25px}.timeline>div>span{position:absolute;width:8px;height:8px;background:var(--coral);border:2px solid var(--paper);box-shadow:0 0 0 1px var(--coral);border-radius:50%;left:-24px;top:7px}.timeline p{margin:0;font-size:11px;color:var(--muted)}
.empty{min-height:330px;padding:45px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:radial-gradient(circle at 50% 42%,#f4f8ef 0,transparent 33%)}.empty-art{width:88px;height:75px;position:relative;margin-bottom:13px;border:2px solid #a6b8a9;border-radius:8px 8px 22px 22px;background:linear-gradient(135deg,#eef5e8,#dcebdc);transform:perspective(80px) rotateX(-2deg)}.empty-art:before,.empty-art:after{content:"";position:absolute;top:19px;width:16px;height:38px;border:2px solid #a6b8a9;border-top:0;border-bottom:0}.empty-art:before{left:20px}.empty-art:after{right:20px}.empty-art span{position:absolute;width:45px;height:22px;border:3px solid #8da693;border-bottom:0;border-radius:30px 30px 0 0;left:19px;top:-17px}.empty-art i{position:absolute;right:-11px;top:-8px;width:28px;height:28px;display:grid;place-items:center;background:var(--coral);color:white;border:3px solid var(--paper);border-radius:50%;font-style:normal;font-weight:900}.empty>b{font:600 19px Georgia}.empty>span{color:var(--muted);font-size:12px}.empty .primary{margin-top:13px}
dialog{border:0;border-radius:18px;padding:0;width:min(560px,calc(100% - 30px));box-shadow:0 30px 100px #061d1466;background:var(--paper)}dialog::backdrop{background:#102d23c9;backdrop-filter:blur(4px)}dialog form{padding:38px;position:relative}dialog h2{margin-bottom:24px}.close{position:absolute;right:18px;top:16px;background:transparent;font-size:24px}label{display:grid;gap:6px;font-size:11px;font-weight:750;margin-bottom:14px}dialog input,dialog textarea{border:1px solid var(--line);border-radius:9px;padding:11px;background:white;font:inherit}dialog input:focus,dialog textarea:focus,.filters input:focus,.filters select:focus{outline:2px solid #8eb598;outline-offset:1px}textarea{min-height:76px;resize:vertical}.grid2,.grid3{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.grid3{grid-template-columns:repeat(3,1fr)}.wide{width:100%;margin-top:6px}.flash{padding:12px 16px;margin:18px 0 -5px;border-radius:9px;background:var(--mint)}.flash.error{background:#ffd9cc}
.preview-note{color:var(--muted);margin:-10px 0 24px}
@media(max-width:980px){.nav-note{display:none}.topbar{grid-template-columns:1fr 1fr}.hero{grid-template-columns:1fr;padding:50px}.stats{max-width:520px}.workspace{grid-template-columns:1fr}aside{min-height:0}.hero h1{max-width:650px}}@media(max-width:700px){.topbar{height:68px;padding:0 18px}.topbar>.primary{font-size:0;padding:10px 13px}.topbar>.primary:after{content:"+ Add";font-size:12px}.brand-mark{display:none}main{padding:0 12px 35px}.hero{margin-top:12px;border-radius:18px;min-height:0;padding:40px 25px;gap:35px}.hero h1{font-size:38px}.hero-sub{font-size:13px}.stats{grid-template-columns:repeat(3,1fr)}.stat{min-height:125px;padding:16px 12px}.stat b{font-size:28px}.workspace{margin-top:12px}.inventory-panel,aside{border-radius:14px;padding:23px 18px}.filters{grid-template-columns:1fr 1fr}.filters input[type=search]{grid-column:1/-1}.item{grid-template-columns:1fr 60px}.controls{grid-column:1/-1;margin-top:12px;justify-content:start}}@media(max-width:430px){.stats{grid-template-columns:1fr}.stat{min-height:85px;display:grid;grid-template-columns:32px 50px 1fr;align-items:center;border-right:0;border-bottom:1px solid var(--line)}.stat-icon{margin:0}.stat b{margin:0}.grid2,.grid3{grid-template-columns:1fr}dialog form{padding:30px 22px}.empty{min-height:300px}}

/* Accounts and family */
.nav-actions{justify-self:end;display:flex;align-items:center;gap:14px}.family-link{display:flex;align-items:center;gap:8px;color:var(--ink);text-decoration:none;font-size:12px;font-weight:700}.avatar{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--mint);color:var(--forest);font-weight:850}.back-link{justify-self:end;color:var(--forest);font-size:12px;font-weight:800;text-decoration:none}.auth-page{background:var(--forest)}.auth-shell{max-width:none;min-height:100vh;padding:0;display:grid;grid-template-columns:minmax(390px,.9fr) minmax(520px,1.1fr)}.auth-story{padding:55px clamp(40px,6vw,95px);color:white;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;background:radial-gradient(circle at 100% 0,#33664d 0,transparent 38%),var(--forest)}.auth-story:after{content:"";position:absolute;width:340px;height:340px;border:1px solid #ffffff16;border-radius:50%;left:-170px;bottom:-120px;box-shadow:0 0 0 60px #ffffff08,0 0 0 120px #ffffff05}.brand.light{color:white}.brand-mark.pale{background:#d7ead8;color:var(--forest)}.auth-story h1{font:500 clamp(45px,5vw,72px)/1 Georgia;margin:0;letter-spacing:-.04em}.auth-story h1 em{color:#b9d7bd}.auth-story>div>p:last-child{max-width:440px;color:#b9cabf}.auth-foot{font-size:11px;color:#93ad9e}.auth-form-wrap{background:var(--paper);display:grid;place-items:center;padding:50px 25px}.auth-form{width:min(430px,100%)}.auth-form h2{font:600 34px Georgia;margin:0 0 28px}.auth-form label{font-size:11px}.auth-form input{width:100%;border:1px solid var(--line);border-radius:9px;padding:13px;background:white}.family-choice{padding:15px 18px 1px;border:1px solid var(--line);border-radius:12px;background:#fafaf6}.family-choice>p{font:600 15px Georgia;margin:0 0 10px}.or{text-align:center;height:27px;position:relative}.or:before{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px solid var(--line)}.or span{position:relative;background:var(--paper);padding:0 10px;color:var(--muted);font-size:10px}.code-input{text-transform:uppercase;letter-spacing:.16em;font-weight:800}.auth-switch{text-align:center;color:var(--muted);font-size:12px;margin-top:20px}.auth-switch a{color:var(--forest);font-weight:800}.auth-form .flash{margin:0 0 18px}.family-page{padding-top:65px}.family-hero{text-align:center;margin-bottom:45px}.family-hero h1{font:600 clamp(45px,6vw,72px) Georgia;margin:0}.family-hero>p:last-child{color:var(--muted)}.family-grid{max-width:920px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:24px}.member-card,.invite-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:32px;box-shadow:var(--shadow)}.member-card h2,.invite-card h2{font:600 27px Georgia;margin:0 0 23px}.member-list>div{display:flex;align-items:center;gap:13px;padding:14px 0;border-top:1px solid var(--line)}.avatar.large{width:42px;height:42px}.member-list p{margin:0}.member-list small{display:block;color:var(--muted);font-size:10px}.invite-card>p:not(.eyebrow,.invite-help){color:var(--muted);font-size:12px}.invite-code{display:flex;align-items:center;justify-content:space-between;padding:13px 13px 13px 18px;background:var(--forest);border-radius:11px;margin-top:24px}.invite-code code{font-size:20px;letter-spacing:.18em;color:white;font-weight:800}.invite-code button{background:#d7ead8;color:var(--forest);padding:8px 12px}.invite-help{font-size:10px;color:var(--muted)}.logout-button{display:block;margin:35px auto;background:transparent;color:#a04f3b;border:1px solid #d8bcb4}.family-page>form{margin:0}
@media(max-width:980px){.auth-shell{grid-template-columns:1fr}.auth-story{min-height:360px}.auth-foot{display:none}}@media(max-width:700px){.nav-actions .family-link>span:last-child{display:none}.topbar>.nav-actions>.primary{font-size:0;padding:10px 13px}.topbar>.nav-actions>.primary:after{content:"+ Add";font-size:12px}.family-grid{grid-template-columns:1fr}.auth-story{min-height:310px;padding:38px 28px}.auth-story h1{font-size:45px}.auth-form-wrap{padding:45px 22px}.family-page{padding-top:40px}}@media(max-width:430px){.auth-shell{display:block}.auth-story{min-height:280px}.invite-code code{font-size:16px}}
.verify-shell{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(circle at 50% 20%,#33664d,var(--forest) 55%)}.verify-card{width:min(510px,100%);padding:48px;text-align:center;background:var(--paper);border-radius:22px;box-shadow:0 30px 90px #061d1466}.verify-card h1{font:600 42px Georgia;margin:0 0 14px}.verify-card>p:not(.eyebrow){color:var(--muted)}.verify-card form{margin:25px 0 18px}.verify-card>a{color:var(--forest);font-size:12px;font-weight:800}.mail-art{width:70px;height:70px;margin:0 auto 23px;display:grid;place-items:center;border-radius:22px 22px 22px 7px;background:var(--mint);color:var(--forest);font-size:30px}.verify-card .flash{text-align:left}
.filters{grid-template-columns:minmax(180px,1fr) 135px 135px auto auto}
.required-invite{margin-bottom:20px}.required-invite>span{display:block;color:var(--muted);font-size:11px;margin:-4px 0 12px}
@media(max-width:700px){.filters{grid-template-columns:1fr 1fr}.filters input[type=search]{grid-column:1/-1}}
.ajax-toast{position:fixed;left:50%;bottom:28px;z-index:20;transform:translate(-50%,20px);padding:11px 17px;border-radius:10px;background:var(--forest);color:white;font-size:12px;font-weight:750;box-shadow:0 12px 35px #102d2355;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.ajax-toast.show{opacity:1;transform:translate(-50%,0)}button:disabled{opacity:.55;cursor:wait}