:root{color:#243329;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ink:#243329;--muted:#818b82;--green:#416a4b;--hero:#283f31;--line:#e8ebe6;--surface:#fff;background:#f8f9f7;font-family:Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #52855d59}::selection{color:#243329;background:#d3e5d6}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}#root{min-height:100vh}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--line);background:#fffc;justify-content:space-between;align-items:center;height:72px;padding:0 max(5vw,50vw - 620px);display:flex}.brand{color:var(--ink);letter-spacing:-.7px;align-items:center;gap:10px;font-size:18px;font-weight:750;text-decoration:none;display:inline-flex}.brand-mark,.heading-icon,.stat-icon{color:#fff;background:var(--green);place-items:center;display:grid}.brand-mark{border-radius:10px;width:34px;height:34px}.brand-period{color:var(--green)}.topbar-right{color:var(--muted);align-items:center;gap:9px;font-size:12px;font-weight:550;display:flex}.status-dot{background:#65aa80;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #e8f3eb}.main-content{flex:1;width:min(1120px,100% - 48px);margin:0 auto}.hero-section{background:var(--hero);color:#fff;box-sizing:border-box;border-radius:15px;justify-content:space-between;align-items:center;min-height:255px;margin:34px 0 26px;padding:45px 48px;display:flex;position:relative;overflow:hidden}.hero-copy,.hero-stat{z-index:1;position:relative}.eyebrow{color:#84918a;letter-spacing:1.15px;font-size:10px;font-weight:750;display:block}.hero-eyebrow{color:#b2c6b8;align-items:center;gap:7px;display:inline-flex}.hero-section h1{color:#fff;letter-spacing:-1.6px;margin:15px 0 10px;font-size:clamp(32px,4vw,42px);font-weight:580;line-height:1.12}.hero-section h1 span{color:#b5cfbd}.hero-section p{color:#b9c7be;font-size:13px}.hero-stat{background:#ffffff12;border:1px solid #ffffff24;border-radius:11px;align-items:center;gap:13px;padding:16px 20px;display:flex}.stat-icon{color:#bdd7c5;background:#ffffff1f;border-radius:9px;width:36px;height:36px}.hero-stat>div{flex-direction:column;gap:1px;display:flex}.stat-value{color:#fff;font-size:22px;font-weight:650;line-height:1.15}.stat-label{color:#b5c4ba;letter-spacing:.85px;font-size:9px}.hero-decoration{opacity:.12;gap:13px;display:flex;position:absolute;top:-110px;right:140px;transform:rotate(35deg)}.hero-decoration span{background:#b5cfbd;border-radius:50px;width:50px;height:430px}.content-grid{grid-template-columns:350px minmax(0,1fr);align-items:start;gap:22px;padding-bottom:56px;display:grid}.panel{border:1px solid var(--line);background:var(--surface);border-radius:12px;box-shadow:0 3px 12px #1a2a2006}.form-panel{padding:23px}.panel-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-heading h2{color:var(--ink);letter-spacing:-.55px;margin:6px 0 0;font-size:20px;font-weight:650}.heading-icon{border-radius:9px;width:34px;height:34px}.form-intro{color:var(--muted);margin:8px 0 22px;font-size:12px;line-height:1.6}.field{flex-direction:column;gap:7px;min-width:0;margin-bottom:16px;display:flex}.field>span{color:#46524a;font-size:11px;font-weight:650}.required{color:#b34c42}.optional{color:#9a9f9a;margin-left:4px;font-size:10px;font-weight:450}.field input,.field textarea{box-sizing:border-box;width:100%;color:var(--ink);font:inherit;background:#fff;border:1px solid #e3e7e2;border-radius:7px;outline:none;padding:10px 11px;font-size:12px;transition:border-color .16s,box-shadow .16s}.field input::placeholder,.field textarea::placeholder{color:#aab0ab}.field input:focus,.field textarea:focus{border-color:#83a88e;box-shadow:0 0 0 3px #4d77581a}.field textarea{resize:vertical;min-height:84px}.field-row{grid-template-columns:.8fr 1fr;gap:12px;display:grid}.price-input{position:relative}.price-input>span{color:#8c968e;font-size:12px;position:absolute;top:9px;left:11px}.price-input input{padding-left:25px}.form-error{color:#a83e36;margin:-4px 0 13px;font-size:11px;line-height:1.5}.form-actions{gap:9px;display:flex}.button{cursor:pointer;min-height:38px;font:inherit;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:0 13px;font-size:11px;font-weight:650;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.button:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.6}.button-primary{color:#fff;background:var(--green);flex:1}.button-primary:hover:not(:disabled){background:#355940;transform:translateY(-1px)}.button-secondary{color:#536057;background:#fff;border-color:#e1e6e1}.button-secondary:hover:not(:disabled){background:#f8faf8;border-color:#bdc9bf}.inventory-column{min-width:0}.list-panel{padding:23px}.list-heading{margin-bottom:19px}.list-heading h2{align-items:center;gap:9px;display:flex}.item-count{color:#55755c;letter-spacing:0;background:#edf3ee;border-radius:7px;place-items:center;min-width:22px;height:22px;padding:0 5px;font-size:10px;font-weight:700;display:inline-grid}.list-caption{color:#9aa19b;letter-spacing:.75px;align-items:center;gap:3px;font-size:9px;font-weight:700;display:inline-flex}.item-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.item-card{background:#fff;border:1px solid #e9ece8;border-radius:9px;flex-direction:column;min-width:0;padding:16px;transition:border-color .17s,box-shadow .17s,transform .17s;display:flex}.item-card:hover{border-color:#cdd8cf;transform:translateY(-2px);box-shadow:0 7px 18px #2439290f}.item-card-top,.item-card-footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.category-pill{color:#55745b;text-overflow:ellipsis;white-space:nowrap;background:#eff4ef;border-radius:5px;max-width:130px;padding:5px 8px;font-size:9px;font-weight:650;overflow:hidden}.item-price{color:var(--ink);white-space:nowrap;font-size:13px;font-weight:700}.item-copy{min-height:90px;padding:16px 0 13px}.item-copy h3{overflow-wrap:anywhere;color:var(--ink);letter-spacing:-.2px;margin:0 0 7px;font-size:14px;font-weight:650}.item-copy p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:11px;line-height:1.55;display:-webkit-box;overflow:hidden}.item-card-footer{border-top:1px solid #eff1ee;padding-top:11px}.item-id{color:#a1a7a1;letter-spacing:.8px;font-size:8px;font-weight:650}.item-actions{gap:4px;display:flex}.icon-button{color:#7c877e;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;flex:none;place-items:center;width:30px;height:30px;padding:0;transition:background .15s,color .15s;display:inline-grid}.icon-button:hover{color:#365b3f;background:#eff4ef}.icon-button-danger:hover{color:#ad4941;background:#fbefed}.small-spinner,.large-spinner,.spin{animation:.8s linear infinite spin}.small-spinner{border:2px solid #e7c4c0;border-top-color:#ad4941;border-radius:50%;width:13px;height:13px}.empty-state,.loading-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:250px;display:flex}.empty-icon{color:#66816c;background:#eff4ef;border-radius:13px;place-items:center;width:48px;height:48px;margin-bottom:13px;display:grid}.empty-state h3,.loading-panel h2{color:var(--ink);margin:0 0 6px;font-size:14px;font-weight:650}.empty-state p,.loading-panel p{max-width:250px;color:var(--muted);font-size:11px;line-height:1.5}.large-spinner{border:2px solid #e5ece6;border-top-color:var(--green);border-radius:50%;width:25px;height:25px;margin-bottom:16px}.loading-panel{min-height:290px}.footer{border-top:1px solid var(--line);color:#929b93;justify-content:space-between;align-items:center;min-height:56px;padding:0 max(5vw,50vw - 620px);font-size:9px;display:flex}.footer>span:first-child{letter-spacing:.8px;font-weight:700}.notice,.alert-banner{border:1px solid;border-radius:8px;align-items:center;gap:10px;margin-bottom:18px;padding:11px 14px;font-size:12px;display:flex}.notice-success{color:#426c4a;background:#f1f8f2;border-color:#d6e8d9}.notice-error,.alert-banner{color:#9a413a;background:#fff7f5;border-color:#efd9d6}.notice button{color:currentColor;cursor:pointer;background:0 0;border:0;margin-left:auto;padding:0 3px;font-size:19px;line-height:1}.alert-banner>span{flex:1}.retry-button{color:#8b453f;border-color:#efd9d6;min-height:30px;font-size:10px}.spin{display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=800px){.hero-section{min-height:230px;padding:34px}.content-grid{grid-template-columns:300px minmax(0,1fr);gap:15px}.form-panel,.list-panel{padding:18px}.item-grid{grid-template-columns:1fr}.item-copy{min-height:65px}}@media (width<=620px){.topbar{height:62px;padding:0 20px}.topbar-right{font-size:10px}.main-content{width:min(100% - 28px,460px)}.hero-section{flex-direction:column;align-items:flex-start;gap:20px;min-height:0;margin:20px 0 18px;padding:27px 23px}.hero-section h1{font-size:34px}.hero-stat{padding:10px 13px}.hero-decoration{right:10px}.content-grid{grid-template-columns:1fr;gap:15px;padding-bottom:35px}.form-panel{order:0}.inventory-column{order:1}.item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.item-card{padding:12px}.item-copy{min-height:86px}.footer{gap:10px;padding:14px 18px;font-size:8px}}@media (width<=380px){.item-grid{grid-template-columns:1fr}.item-copy{min-height:60px}.field-row{grid-template-columns:1fr;gap:0}}