:root{--ink:#17382b;--forest:#102d22;--cream:#f6f1e7;--paper:#fffdf8;--sage:#dce7c7;--lime:#c5dc77;--line:#e9e2d7;--muted:#788176;--coral:#c9674c}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Manrope,Arial,sans-serif}.app-shell{max-width:1440px;margin:auto;padding:0 5.6vw}.site-header{height:88px;border-bottom:1px solid #e4dfd3;display:flex;align-items:center;justify-content:space-between}.brand{color:var(--ink);text-decoration:none;font-size:20px;font-weight:800;letter-spacing:-1px;display:flex;align-items:center;gap:9px}.brand-mark{display:grid;place-items:center;width:28px;height:28px;background:var(--ink);color:#e6f1ce;border-radius:50%;font-family:Playfair Display;font-size:18px}.header-actions{display:flex;align-items:center;gap:20px}.saved-status{font-size:11px;color:var(--muted);font-weight:700}.saved-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#7dab5d;margin-right:6px}.icon-button,.text-button{font:700 12px Manrope;border:0;background:none;color:var(--ink);cursor:pointer}.icon-button{border:1px solid #d8d6c9;border-radius:6px;padding:9px 12px}.hero{min-height:296px;padding:70px 7.3vw 52px;display:flex;justify-content:space-between;align-items:center}.eyebrow{font:800 10px 'DM Mono',monospace;letter-spacing:1.4px;color:#5c7767;margin:0 0 13px}.hero h1{font:600 clamp(40px,5vw,70px)/.98 'Playfair Display',serif;letter-spacing:-2.5px;margin:0}.hero h1 em{color:#6c9869;font-weight:600}.hero-copy{max-width:465px;line-height:1.7;font-size:14px;color:#657066;margin:21px 0 0}.hero-orbit{width:185px;height:185px;border:1px solid #c5d3bc;border-radius:50%;position:relative;margin:0 60px}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;border:1px solid #d3dfc8;border-radius:50%;inset:18px}.hero-orbit:after{inset:47px}.orbit-center{display:grid;place-items:center;position:absolute;inset:63px;background:var(--ink);border-radius:50%;color:var(--lime);font-size:27px}.orbit-dot{position:absolute;width:11px;height:11px;border-radius:50%;background:#8eb167}.dot-one{top:13px;left:39px}.dot-two{right:-5px;top:86px;background:#d5c57e}.dot-three{bottom:13px;left:35px;background:#9cc9bc}.dashboard{background:var(--forest);margin:0 calc(5.6vw * -1);padding:54px 12.9vw 64px;color:#f8f7ee}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#386052;margin-bottom:24px}.stat-card{background:#17382b;padding:22px 28px;min-height:126px}.stat-card.accent{background:#c3dc77;color:var(--ink)}.stat-label{display:block;font:500 10px 'DM Mono';letter-spacing:1px;color:#9db3a8}.accent .stat-label{color:#3f624d}.stat-card strong{display:block;font:700 36px/1 Manrope;letter-spacing:-1.5px;margin:15px 0 8px}.stat-detail{font-size:11px;color:#b4c6bd}.accent .stat-detail{color:#52745b}.workspace-grid{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(430px,1.4fr);gap:24px}.panel{background:var(--paper);color:var(--ink);padding:29px 30px;min-height:420px}.panel-heading{display:flex;align-items:start;justify-content:space-between;margin-bottom:25px}.panel-heading .eyebrow{margin-bottom:8px}.panel h2{font:700 22px/1.1 'Playfair Display';letter-spacing:-.5px;margin:0}.panel-number{font:400 13px 'DM Mono';color:#739570}.movement-panel form{display:grid;gap:17px}.movement-panel label{display:grid;gap:7px;font-size:11px;font-weight:800;color:#466152;text-transform:uppercase;letter-spacing:.4px}.movement-panel input,.search-wrap input{width:100%;border:1px solid #dfdfd5;border-radius:4px;padding:12px 13px;background:#fff;font:500 13px Manrope;color:var(--ink);outline:none}.movement-panel input:focus,.search-wrap input:focus{border-color:#7ba06a;box-shadow:0 0 0 3px #dfead5}.movement-type{margin-top:3px}.movement-type>span{display:block;font-size:11px;font-weight:800;color:#466152;text-transform:uppercase;letter-spacing:.4px;margin-bottom:8px}.toggle-group{display:grid;grid-template-columns:1fr 1fr;gap:7px}.toggle-option{display:block!important;cursor:pointer}.toggle-option input{position:absolute;opacity:0;width:0}.toggle-option span{display:block;border:1px solid #dfdfd5;border-radius:4px;text-align:center;padding:10px 4px;font-size:11px;text-transform:none;letter-spacing:0;color:#798079}.toggle-option input:checked+span{background:#e6efd5;color:#315e43;border-color:#a8c480}.primary-button{background:var(--ink);color:#f3f7df;border:0;border-radius:4px;padding:14px 17px;text-align:left;font:800 12px Manrope;cursor:pointer;margin-top:5px}.primary-button span{float:right;font-size:19px;line-height:11px}.text-button{color:#7e9870;padding:3px}.search-wrap{display:flex;align-items:center;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:7px;color:#819781}.search-wrap span{font-size:21px;margin:0 8px}.search-wrap input{border:0;padding:8px 2px;box-shadow:none!important}.table-wrap{position:relative;min-height:250px}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;padding:14px 6px 11px;font:500 10px 'DM Mono';letter-spacing:.6px;color:#8a9387;border-bottom:1px solid var(--line)}td{padding:14px 6px;border-bottom:1px solid #f0ece4;color:#365342}td:first-child{font:500 12px 'DM Mono';color:#1a3c2c}.qty-in{color:#55914b}.qty-out{color:#bb6d55}.on-hand{font-weight:800}.low{color:var(--coral)}.delete-row{visibility:hidden;border:0;background:none;color:#aa765f;cursor:pointer;font-size:17px}.row:hover .delete-row{visibility:visible}.empty-state{position:absolute;inset:45px 0 0;display:grid;place-content:center;text-align:center;color:#879084}.empty-state span{font-size:31px;color:#aec88c}.empty-state p{margin:9px 0 2px;font-weight:800;font-size:13px}.empty-state small{font-size:11px}.empty-state.hidden{display:none}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:#17382b;color:#f4f4dc;padding:11px 17px;border-radius:5px;font-size:12px;font-weight:700;opacity:0;transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}footer{text-align:center;padding:27px 10px;color:#819080;font-size:11px}footer span{margin:0 8px;color:#9ebd7d}@media(max-width:800px){.app-shell{padding:0 20px}.hero{padding:52px 10px;min-height:auto}.hero-orbit{display:none}.dashboard{margin:0 -20px;padding:35px 20px}.workspace-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr}.stat-card{min-height:0;padding:17px 20px}.panel{padding:24px 20px}.header-actions .saved-status{display:none}}@media(max-width:470px){.header-actions .icon-button span{display:none}.hero h1{font-size:42px}.inventory-panel{overflow:hidden}.panel{min-height:0}.table-wrap{overflow-x:auto}.table-wrap table{min-width:410px}}