:root{--bg:#f5f2eb;--paper:#fbfaf6;--ink:#20221f;--muted:#77796f;--line:#dedbd1;--sage:#65705d;--light-sage:#dbe0d2;--card:#e8e3d9;--white:#fff;--shadow:0 18px 45px rgba(40,38,32,.11)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,sans-serif;font-size:14px}.app-shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);padding:32px 22px 24px;display:flex;flex-direction:column;background:rgba(248,246,240,.8);backdrop-filter:blur(14px);z-index:3}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-size:13px;font-weight:700;letter-spacing:3px;margin:0 10px 45px}.brand span{display:grid;place-items:center;width:32px;height:32px;background:var(--ink);color:var(--paper);font:italic 600 19px Playfair Display;border-radius:50%}.sidebar nav{display:grid;gap:4px}.nav-item{border:0;background:transparent;color:var(--muted);border-radius:7px;padding:10px 11px;display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:10px;text-align:left;font:500 13px Manrope;cursor:pointer}.nav-item:hover,.nav-item.active{background:#e9e7df;color:var(--ink)}.nav-item.active{font-weight:700}.nav-item b{font:500 11px DM Mono;background:var(--paper);padding:2px 7px;border-radius:8px}.nav-label{font:500 10px DM Mono;letter-spacing:1.5px;color:#a09e96;text-transform:uppercase;margin:34px 11px 11px}.sidebar-note{margin-top:auto;border:1px solid var(--line);padding:17px;border-radius:8px;background:var(--paper)}.sidebar-note .note-icon{color:var(--sage);float:right}.sidebar-note strong{font:600 12px Manrope}.sidebar-note p{font:400 11px/1.6 Manrope;color:var(--muted);margin:8px 0 0}.profile{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;margin-top:16px;padding:15px 5px 0;border-top:1px solid var(--line)}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#b7a28e;color:white;font:600 14px Playfair Display}.profile strong,.profile span{display:block}.profile strong{font-size:11px}.profile span{font-size:9px;color:var(--muted);margin-top:2px}.profile button{border:0;background:none;color:var(--muted)}
main{min-width:0}header{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:0 4.5%;position:sticky;top:0;background:rgba(245,242,235,.88);backdrop-filter:blur(14px);z-index:2}.search{height:39px;display:flex;align-items:center;gap:10px;background:var(--paper);border:1px solid var(--line);border-radius:5px;padding:0 11px;width:min(390px,50vw)}.search input{border:0;outline:0;background:transparent;width:100%;font:12px Manrope;color:var(--ink)}.search kbd{font:10px DM Mono;color:#aaa79f;border:1px solid var(--line);padding:2px 5px;border-radius:3px}.icon-button,.mobile-menu{margin-left:auto;border:1px solid var(--line);background:var(--paper);border-radius:5px;width:39px;height:39px;display:grid;place-items:center;color:var(--ink);cursor:pointer}.mobile-menu{display:none;margin:0}.add-button{border:0;border-radius:5px;background:var(--ink);color:#f9f8f3;height:39px;padding:0 17px;font:600 11px Manrope;letter-spacing:.2px;cursor:pointer}.add-button span{font-size:16px;margin-right:7px}.content{padding:58px 4.5% 80px;max-width:1500px;margin:auto}.hero-row{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:50px}.eyebrow{font:500 9px DM Mono;letter-spacing:2.1px;color:var(--sage);margin-bottom:12px}.hero-row h1{font:600 42px/1.12 Playfair Display;margin:0;letter-spacing:-1.5px}.hero-row h1 em{font-weight:600;color:var(--sage)}.stats{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-width:420px}.stats div{padding:16px 27px;flex:1;border-right:1px solid var(--line)}.stats div:last-child{border:0}.stats span{font:600 22px Playfair Display;display:block}.stats small{font:500 8px DM Mono;letter-spacing:1px;color:var(--muted);white-space:nowrap}.toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:23px}.pills{display:flex;gap:7px;flex-wrap:wrap}.pill,.view-tools button{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:3px;height:29px;padding:0 12px;font:500 10px Manrope;cursor:pointer}.pill.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.view-tools{display:flex;gap:5px}.view-tools button{display:flex;align-items:center;gap:7px}.view-tools .square{width:30px;padding:0;display:grid;place-items:center}.view-tools .active{color:var(--ink);background:var(--paper)}
.inventory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 18px}.item-card{min-width:0;animation:rise .35s both}.image-wrap{height:285px;background:var(--card);position:relative;overflow:hidden;border-radius:3px}.image-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.item-card:hover img{transform:scale(1.025)}.favorite{position:absolute;right:11px;top:11px;width:30px;height:30px;border:0;border-radius:50%;background:rgba(251,250,246,.86);display:grid;place-items:center;cursor:pointer;color:#5d5d57;backdrop-filter:blur(5px)}.favorite.on{background:var(--ink);color:white}.season-tag{position:absolute;left:10px;bottom:10px;background:rgba(251,250,246,.88);padding:4px 7px;border-radius:2px;font:500 8px DM Mono;letter-spacing:.8px}.item-meta{padding:13px 1px}.item-top{display:flex;justify-content:space-between;gap:10px}.item-meta h3{font:600 12px Manrope;margin:0 0 4px}.price{font:500 11px DM Mono}.item-meta p{margin:0;color:var(--muted);font-size:10px}.color-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px;background:var(--swatch,#999);border:1px solid rgba(0,0,0,.12)}.empty-state{display:none;text-align:center;padding:90px 20px;color:var(--muted)}.empty-state span{font-size:25px;color:var(--sage)}.empty-state h2{font:600 25px Playfair Display;color:var(--ink);margin:15px 0 4px}.empty-state p{font-size:12px}.list-view{grid-template-columns:1fr}.list-view .item-card{display:grid;grid-template-columns:110px 1fr}.list-view .image-wrap{height:110px}.list-view .item-meta{padding:25px}.list-view .season-tag{display:none}
dialog{border:0;padding:0;border-radius:10px;background:var(--paper);color:var(--ink);box-shadow:var(--shadow);width:min(560px,calc(100vw - 30px))}dialog::backdrop{background:rgba(26,27,24,.55);backdrop-filter:blur(3px)}dialog form{padding:32px}.modal-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:28px}.modal-head h2{font:600 29px Playfair Display;margin:0}.close-button{border:0;background:none;font:300 27px Manrope;color:var(--muted);cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{font:600 10px Manrope}.form-grid label span{font-weight:400;color:var(--muted)}.form-grid .wide{grid-column:1/-1}.form-grid input,.form-grid select{margin-top:7px;width:100%;height:42px;border:1px solid var(--line);border-radius:4px;padding:0 12px;background:var(--bg);color:var(--ink);outline:0;font:12px Manrope}.form-grid input:focus,.form-grid select:focus{border-color:var(--sage)}.save-button{width:100%;height:44px;margin-top:24px;border:0;border-radius:4px;background:var(--ink);color:white;font:600 11px Manrope;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:white;border-radius:4px;padding:12px 18px;font-size:11px;opacity:0;pointer-events:none;transition:.25s;z-index:5}.toast.show{opacity:1;transform:translate(-50%,0)}svg.icon{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
body.dark{--bg:#1d1f1c;--paper:#252824;--ink:#ecebe4;--muted:#9a9d94;--line:#3b3e38;--sage:#aab6a0;--light-sage:#3d443a;--card:#30332e;--white:#222}.dark .sidebar{background:rgba(31,33,29,.9)}.dark header{background:rgba(29,31,28,.88)}.dark .nav-item:hover,.dark .nav-item.active{background:#30332e}.dark .favorite{background:rgba(35,37,33,.85)}
@media(max-width:1050px){.inventory-grid{grid-template-columns:repeat(3,1fr)}.stats{min-width:340px}.stats div{padding:14px}.hero-row h1{font-size:36px}}
@media(max-width:800px){.app-shell{display:block}.sidebar{position:fixed;left:-260px;transition:left .25s;width:248px;box-shadow:var(--shadow)}.sidebar.open{left:0}.mobile-menu{display:grid}.search{width:auto;flex:1}.search kbd{display:none}.content{padding-top:35px}.hero-row{display:block}.stats{margin-top:30px;min-width:0}.inventory-grid{grid-template-columns:repeat(2,1fr)}.toolbar{align-items:flex-end}.view-tools>button:first-child{display:none}.image-wrap{height:260px}}
@media(max-width:520px){header{padding:0 15px}.content{padding:35px 15px 60px}.hero-row h1{font-size:33px}.stats div{padding:12px 7px}.stats span{font-size:18px}.stats small{font-size:6px}.toolbar{gap:10px}.pills{flex-wrap:nowrap;overflow:auto}.inventory-grid{gap:22px 10px}.image-wrap{height:220px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.view-tools{display:none}.add-button{padding:0 11px}.add-button span{margin:0}.add-button{font-size:0}.item-meta h3{font-size:11px}}
.hero-row h1 em{color:#d86f35}
.category-dropdown{display:flex;align-items:center;gap:10px;font:500 9px DM Mono;letter-spacing:1px;color:var(--muted);text-transform:uppercase}.category-dropdown select,#categoryNav select{appearance:none;border:1px solid var(--line);border-radius:4px;background:var(--paper);color:var(--ink);height:34px;padding:0 38px 0 12px;font:600 11px Manrope;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 15px) 14px,calc(100% - 11px) 14px;background-size:4px 4px,4px 4px;background-repeat:no-repeat}#categoryNav select{width:100%;height:39px;background-color:transparent}.category-dropdown select:focus,#categoryNav select:focus{outline:2px solid var(--light-sage);outline-offset:1px}
.account-wrap{position:relative}.account-button{height:39px;border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--ink);display:flex;align-items:center;gap:8px;padding:0 10px 0 6px;font:600 11px Manrope;cursor:pointer}.account-avatar{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#b2764f;color:#fff;font:600 12px Playfair Display}.account-avatar.large{width:42px;height:42px;font-size:17px}.chevron{font-size:13px;color:var(--muted);transition:transform .2s}.account-button[aria-expanded="true"] .chevron{transform:rotate(180deg)}.account-panel{position:absolute;right:0;top:48px;width:290px;padding:18px;background:var(--paper);border:1px solid var(--line);border-radius:7px;box-shadow:var(--shadow);z-index:10}.account-panel-head{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--line)}.account-panel-head strong,.account-panel-head span{display:block}.account-panel-head strong{font-size:12px}.account-panel-head span{margin-top:3px;font-size:10px;color:var(--muted)}.account-details{display:grid;gap:11px;padding:16px 0}.account-details div{display:flex;justify-content:space-between}.account-details span{font-size:10px;color:var(--muted)}.account-details strong{font:500 10px DM Mono}.account-action{width:100%;height:35px;border:1px solid var(--line);border-radius:4px;background:var(--bg);color:var(--ink);font:600 10px Manrope;display:flex;align-items:center;justify-content:space-between;padding:0 11px;cursor:pointer}@media(max-width:620px){.account-name,.chevron{display:none}.account-button{width:39px;padding:0;justify-content:center}.account-panel{right:-52px}.icon-button{display:none}}
.image-wrap img{cursor:zoom-in}.image-dialog{width:min(760px,calc(100vw - 28px));max-height:92vh;background:var(--paper);overflow:hidden;padding:0;border-radius:8px}.image-dialog::backdrop{background:rgba(17,18,16,.82);backdrop-filter:blur(6px)}.image-dialog>img{width:100%;height:min(72vh,720px);object-fit:contain;display:block;background:#dedbd2}.image-close{position:absolute;right:13px;top:13px;z-index:2;width:36px;height:36px;border:0;border-radius:50%;background:rgba(25,26,23,.72);color:#fff;font:300 24px Manrope;cursor:pointer;backdrop-filter:blur(4px)}.image-caption{display:flex;justify-content:space-between;align-items:center;padding:17px 20px}.image-caption strong{font:600 13px Manrope}.image-caption span{font:500 10px DM Mono;color:var(--muted)}