html,body,#root{width:100%;min-height:100%;margin:0;padding:0}html{background:#f7f9f7}body{min-width:320px;min-height:100vh;margin:0}:root{--green-dark:#003d2b;--green:#078b4f;--green-bright:#0a9654;--green-light:#e8f7f0;--gold:#f9b51b;--text:#10352b;--muted:#708984;--border:#d8e8e2;--background:#f4f8f6;--white:#fff;--danger:#d64545;--danger-light:#fff0f0;--warning:#d58a00;--warning-light:#fff6df;--shadow:0 10px 30px #003d2b14;--shadow-hover:0 14px 35px #003d2b24;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top right, #0a965412, transparent 35%), var(--background);color:var(--text);margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}.app{min-height:100vh}.app-header{color:#fff;z-index:10;background:linear-gradient(135deg,#003d2b,#00583d);justify-content:space-between;align-items:center;min-height:100px;padding:0 58px;display:flex;position:relative;box-shadow:0 5px 20px #0000001f}.brand{align-items:center;gap:18px;display:flex}.brand-logo{background:var(--gold);width:64px;height:64px;color:var(--green-dark);border-radius:50%;justify-content:center;align-items:center;font-size:23px;font-weight:900;display:flex;box-shadow:0 5px 15px #00000026}.brand-name{letter-spacing:.3px;font-size:27px;font-weight:900}.brand-subtitle{color:#ffffffb8;margin-top:4px;font-size:14px;font-weight:500}.main-nav{gap:10px;display:flex}.main-nav button{color:#fffc;background:0 0;border:1px solid #fff3;border-radius:10px;padding:10px 18px;font-weight:700;transition:all .2s}.main-nav button:hover{color:#fff;background:#ffffff1a}.main-nav button.nav-active{color:var(--green-dark);background:#fff}.page-container{width:min(1500px,100% - 100px);margin:0 auto;padding:55px 0 70px}.page-heading-row{justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:35px;display:flex}.page-heading{margin-bottom:35px}.page-heading h1,.page-heading-row h1{letter-spacing:-2px;color:var(--text);margin:0;font-size:clamp(40px,4vw,58px);font-weight:900;line-height:1}.page-heading p,.page-heading-row p{color:var(--muted);margin:14px 0 0;font-size:19px}.secondary-button{border:1px solid var(--border);color:var(--green);background:#fff;border-radius:14px;padding:14px 22px;font-weight:800;transition:all .2s;box-shadow:0 4px 15px #003d2b0d}.secondary-button:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-bottom:28px;display:grid}.stat-card{border:1px solid var(--border);min-height:180px;box-shadow:var(--shadow);background:#fff;border-radius:22px;padding:32px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--green);width:5px;position:absolute;top:0;bottom:0;left:0}.stat-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px)}.stat-title{color:#6f827d;letter-spacing:1.6px;font-size:14px;font-weight:900}.stat-value{color:var(--green);letter-spacing:-2px;margin-top:28px;font-size:clamp(38px,4vw,54px);font-weight:950;line-height:1}.quick-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:58px;display:grid}.action-card{background:linear-gradient(135deg, var(--green), var(--green-bright));color:#fff;border:none;border-radius:22px;justify-content:center;align-items:center;gap:18px;min-height:125px;font-size:22px;font-weight:900;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 12px 25px #008b4f2e}.action-card:hover{transform:translateY(-4px);box-shadow:0 17px 35px #008b4f40}.action-icon{font-size:29px;line-height:1}.dashboard-section{margin-top:45px}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:20px;display:flex}.section-heading h2{letter-spacing:-.8px;margin:0;font-size:30px;font-weight:900}.section-heading p{color:var(--muted);margin:7px 0 0;font-size:16px}.count-badge{background:var(--green-light);color:var(--green);border-radius:999px;padding:10px 16px;font-size:14px;font-weight:800}.recent-list{flex-direction:column;gap:12px;display:flex}.recent-row{border:1px solid var(--border);background:#fff;border-radius:20px;grid-template-columns:2fr .8fr 1fr .8fr;align-items:center;min-height:105px;padding:22px 28px;transition:box-shadow .2s;display:grid;box-shadow:0 5px 18px #003d2b0d}.recent-row:hover{box-shadow:var(--shadow)}.recent-main{flex-direction:column;gap:7px;display:flex}.recent-main strong{font-size:18px;font-weight:900}.recent-main small{color:var(--muted);font-size:14px}.recent-quantity{font-size:17px;font-weight:800}.recent-rate{color:var(--muted)}.recent-total{text-align:right;color:var(--green);font-size:18px;font-weight:900}.inventory-toolbar{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:20px;margin-bottom:20px;padding:22px}.inventory-toolbar>input{width:100%;max-width:500px;margin-bottom:16px}.filter-buttons{flex-wrap:wrap;gap:8px;display:flex}.filter-buttons button{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:10px;padding:10px 17px;font-weight:700}.filter-buttons button:hover{border-color:var(--green);color:var(--green)}.filter-buttons button.filter-active{background:var(--green);border-color:var(--green);color:#fff}.inventory-summary{color:var(--muted);margin-top:17px}input,select,textarea{width:100%;color:var(--text);background:#fff;border:1px solid #cdded8;border-radius:12px;outline:none;padding:13px 15px;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 4px #078b4f1a}textarea{resize:vertical}.table-card{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:20px;overflow:hidden}.inventory-table-header,.inventory-table-row{grid-template-columns:2.3fr .8fr 1.2fr 1.2fr 1.2fr;align-items:center;display:grid}.inventory-table-header{color:#60756e;letter-spacing:.8px;text-transform:uppercase;background:#f1f7f4;padding:18px 24px;font-size:13px;font-weight:900}.inventory-table-row{border-top:1px solid #edf3f0;min-height:68px;padding:12px 24px;font-size:15px}.inventory-table-row:hover{background:#fbfdfc}.item-name{font-weight:800}.status-badge{letter-spacing:.5px;border-radius:999px;justify-content:center;align-items:center;padding:7px 11px;font-size:11px;font-weight:900;display:inline-flex}.status-good{background:var(--green-light);color:var(--green)}.status-low{background:var(--warning-light);color:var(--warning)}.status-out{background:var(--danger-light);color:var(--danger)}.form-card,.stock-check-card{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:24px;padding:34px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;margin-bottom:25px;display:grid}.form-field{flex-direction:column;gap:9px;display:flex}.form-field>label{color:var(--text);font-size:14px;font-weight:900}.optional{color:var(--muted);margin-left:7px;font-weight:500}.field-help{color:var(--muted);font-size:12px}.calculated-field{background:var(--green-light);width:100%;min-height:48px;color:var(--green);border-radius:12px;align-items:center;padding:13px 15px;font-size:17px;font-weight:900;display:flex}.form-field>small{color:var(--muted)}.calculation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:25px 0;display:grid}.calculation-card{background:var(--green-light);border:1px solid #cdebdc;border-radius:18px;flex-direction:column;gap:8px;padding:22px;display:flex}.calculation-card span{color:#55766a;font-size:13px;font-weight:800}.calculation-card strong{color:var(--green);font-size:28px;font-weight:900}.calculation-card small{color:var(--muted)}.negative-stock{color:var(--danger)!important}.form-actions{grid-template-columns:1fr 1fr;gap:20px;margin-top:30px;display:grid}.back-button,.save-button{border-radius:14px;min-height:58px;font-size:17px;font-weight:900}.back-button{border:2px solid var(--green);color:var(--green);background:#fff}.back-button:hover{background:var(--green-light)}.save-button{background:linear-gradient(135deg, var(--green), var(--green-bright));color:#fff;border:none;box-shadow:0 8px 20px #078b4f2e}.save-button:hover{transform:translateY(-1px)}.stock-check-top{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:30px;display:flex}.stock-entry-count{background:var(--green-light);color:var(--green);border-radius:12px;padding:13px 18px;font-weight:700}.stock-entry-count strong{font-size:22px}.stock-entry-count span{color:var(--muted);margin-left:7px;font-weight:500}.stock-table{border:1px solid var(--border);border-radius:16px;max-height:70vh;overflow:auto}.stock-table-header,.stock-table-row{grid-template-columns:2.2fr .7fr 1.1fr 1.4fr .9fr 1.7fr;align-items:center;min-width:1050px;display:grid}.stock-table-header{z-index:2;color:#587069;text-transform:uppercase;letter-spacing:.6px;background:#eff7f3;padding:15px 18px;font-size:12px;font-weight:900;position:sticky;top:0}.stock-table-row{background:#fff;border-top:1px solid #edf3f0;padding:8px 18px}.stock-table-row:hover{background:#fbfdfc}.stock-table-row input{border-radius:9px;min-height:42px;padding:9px 11px}.difference-negative{color:var(--danger);font-weight:900}.difference-positive,.difference-zero{color:var(--green);font-weight:900}.error-banner{background:var(--danger-light);color:#9e2727;border:1px solid #f1b5b5;border-radius:12px;align-items:center;gap:6px;width:min(1500px,100% - 100px);margin:18px auto 0;padding:15px 18px;display:flex}.error-banner button{color:inherit;background:0 0;border:none;margin-left:auto;font-size:20px}.loading-state{min-height:60vh;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex}.loading-spinner{border:4px solid #d8eee4;border-top-color:var(--green);border-radius:50%;width:42px;height:42px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{min-height:180px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.empty-icon{font-size:35px}.app-footer{color:var(--muted);justify-content:center;gap:7px;padding:28px;font-size:14px;display:flex}@media (width<=1100px){.app-header{padding:0 30px}.page-container{width:min(94%,1000px)}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-actions{grid-template-columns:1fr}.recent-row{grid-template-columns:1.5fr 1fr 1fr .8fr}}@media (width<=700px){.app-header{flex-direction:column;align-items:flex-start;gap:15px;min-height:auto;padding:16px 18px}.brand-logo{width:52px;height:52px;font-size:19px}.brand-name{font-size:21px}.brand-subtitle{font-size:12px}.main-nav{width:100%}.main-nav button{flex:1}.page-container{width:calc(100% - 28px);padding:30px 0 50px}.page-heading-row{flex-direction:column}.page-heading h1,.page-heading-row h1{font-size:39px}.stats-grid{grid-template-columns:1fr;gap:15px}.stat-card{min-height:145px;padding:25px}.stat-value{margin-top:20px;font-size:42px}.action-card{min-height:90px;font-size:18px}.recent-row{grid-template-columns:1fr 1fr;gap:15px}.recent-total{text-align:left}.form-card,.stock-check-card{padding:20px}.form-grid,.calculation-grid,.form-actions{grid-template-columns:1fr}.stock-check-top{flex-direction:column;align-items:stretch}.error-banner{width:calc(100% - 28px)}}