:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#16201b;background:#edf1ef;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(120deg,#071412e6,#0f302ad1),url(https://images.unsplash.com/photo-1586528116493-da1b1d09f93f?auto=format&fit=crop&w=1800&q=80) center / cover}.login-panel{width:min(460px,100%);display:grid;gap:22px;border-radius:8px;background:#fff;border:1px solid #dce4df;box-shadow:0 24px 64px #06120e57;padding:28px}.login-brand-row{display:flex;align-items:center;gap:12px}.login-brand-mark{width:46px;height:46px;border-radius:8px;display:grid;place-items:center;flex:0 0 auto;background:#071916;border:1px solid #cfe1dc;overflow:hidden}.login-brand-mark img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.login-brand-copy{display:grid;gap:3px;color:#16201b}.login-brand-copy strong{font-size:17px;line-height:1.2}.login-brand-copy span{color:#64716b;font-size:13px}.login-form{display:grid;gap:14px}.form-error{color:#9f3329;background:#ffe4df;border:1px solid #ffc9bf;border-radius:8px;padding:10px 12px;font-size:14px}button,input,select{font:inherit}button{border:0;cursor:pointer}button:disabled,select:disabled{cursor:not-allowed;opacity:.55}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{background:#10231e;color:#f7fbf9;padding:24px;display:flex;flex-direction:column;gap:28px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;border-radius:8px;display:grid;place-items:center;background:#f2b84b;color:#10231e}.logo-mark{background:#071916;border:1px solid #2b5f59;overflow:hidden}.logo-mark img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.brand strong,.brand span{display:block}.brand strong{line-height:1.2}.brand span{color:#aab8b2;font-size:13px}.nav-list{display:grid;gap:8px}.nav-list a{display:flex;align-items:center;gap:10px;color:#d9e6e1;text-decoration:none;padding:11px 12px;border-radius:8px}.nav-list a.active,.nav-list a:hover{background:#203b34;color:#fff}.user-panel{margin-top:auto;display:grid;gap:12px;background:#1a332d;border:1px solid #34534b;border-radius:8px;padding:14px}.user-panel label,label span{color:#6d7b75;font-size:12px;font-weight:700;text-transform:uppercase}.user-panel strong,.user-panel>span{overflow-wrap:anywhere}.user-panel>span{color:#b5c8c1;font-size:13px}.user-panel label{color:#b5c8c1}.user-panel select,input,select{width:100%;border:1px solid #ccd8d2;border-radius:8px;background:#fff;color:#16201b;min-height:42px;padding:0 12px}.permission-list{display:flex;flex-wrap:wrap;gap:6px}.permission-list span{font-size:12px;color:#10231e;background:#bce4d3;border-radius:999px;padding:5px 8px}.workspace{padding:28px;display:grid;gap:24px}.topbar,.table-toolbar,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.eyebrow{color:#6a756f;font-size:12px;font-weight:800;letter-spacing:0;margin:0 0 6px;text-transform:uppercase}h1,h2,p{margin:0}h1{font-size:clamp(28px,4vw,48px);line-height:1.04;max-width:780px}h2{font-size:21px}.top-actions,.filters{display:flex;align-items:center;gap:10px}.sync-pill{min-height:42px;display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:0 12px;border:1px solid #d5ded9;background:#fff;color:#26322d;font-size:13px;font-weight:800;white-space:nowrap}.sync-pill.database{border-color:#a8dac7;background:#e6f5ef;color:#0f6b55}.sync-pill.demo,.sync-pill.offline{border-color:#f2d7aa;background:#fff7eb;color:#7a4d0d}.icon-button,.ghost-button,.primary-button{min-height:42px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.icon-button{width:42px;background:#fff;color:#26322d;border:1px solid #d5ded9;position:relative}.icon-button.alert span{position:absolute;top:-7px;right:-7px;background:#c44536;color:#fff;border-radius:999px;min-width:20px;height:20px;font-size:12px;display:grid;place-items:center}.ghost-button{background:#fff;border:1px solid #d5ded9;color:#26322d;padding:0 14px}.import-button{min-height:42px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff;border:1px solid #d5ded9;color:#26322d;padding:0 14px;cursor:pointer;font-size:14px;font-weight:700;text-transform:none;white-space:nowrap}.import-button input{display:none}.import-strip{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.import-message{color:#0f6b55;background:#e6f5ef;border:1px solid #a8dac7;border-radius:8px;padding:10px 12px;font-size:14px}.setup-box{display:grid;gap:9px;border:1px solid #cfe1dc;border-radius:8px;background:#fbfdfc;padding:14px}.setup-box span{color:#64716b;font-size:13px}.setup-box code,.setup-uri{overflow-wrap:anywhere}.setup-box code{border-radius:8px;background:#10231e;color:#f7fbf9;padding:10px 12px;font-size:16px;letter-spacing:0}.setup-uri{color:#6d7b75;font-size:12px}.primary-button{background:#0f6b55;color:#fff;padding:0 16px;width:fit-content}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.sync-banner{border:1px solid #dce4df;border-radius:8px;background:#fff;padding:14px 16px}.sync-banner.database{border-color:#a8dac7;background:#f2fbf7}.sync-banner.demo,.sync-banner.offline{border-color:#f2d7aa;background:#fffaf1}.sync-banner strong,.sync-banner span{display:block}.sync-banner span{color:#64716b;font-size:14px;margin-top:3px}.metric,.entry-panel,.alerts-panel,.inventory-section,.ledger-section,.user-management,.setup-section,.report-section{background:#fff;border:1px solid #dce4df;border-radius:8px;box-shadow:0 16px 40px #14231e14}.metric{padding:18px;display:grid;gap:9px;color:inherit;text-decoration:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.metric:hover,.metric:focus-visible{border-color:#9ed8c3;box-shadow:0 20px 48px #14231e1f;transform:translateY(-2px);outline:none}.metric div{width:38px;height:38px;display:grid;place-items:center;border-radius:8px;background:#e6f5ef;color:#0f6b55}.metric.warn div{background:#fff0db;color:#a05d13}.metric span{color:#68746e;font-size:13px;font-weight:700}.metric strong{font-size:28px}.metric p{color:#798680;font-size:13px}.split-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:18px}.entry-panel,.alerts-panel,.inventory-section,.ledger-section,.user-management,.setup-section,.report-section{padding:20px}.entry-panel{display:grid;gap:18px}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}label{display:grid;gap:7px}.full-field{grid-column:1 / -1}.image-input,.search-box,.select-box{display:flex;align-items:center;gap:8px;border:1px solid #ccd8d2;border-radius:8px;background:#fff;padding:0 12px}.image-input input,.search-box input,.select-box select{border:0;padding:0}.search-box{width:min(420px,46vw)}.alerts-panel{display:grid;align-content:start;gap:14px}.return-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:12px;border-radius:8px;background:#fff7eb;border:1px solid #f2d7aa}.return-row strong,.return-row span{display:block}.return-row span{color:#7a6b56;font-size:13px;margin-top:4px}.return-row button{background:#724d12;color:#fff;border-radius:8px;min-height:36px;padding:0 12px}.empty-state{color:#66736d;padding:18px;border:1px dashed #ccd8d2;border-radius:8px}.inventory-section{display:grid;gap:18px}.ledger-section,.setup-section,.report-section{display:grid;gap:16px}.setup-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.setup-card{display:grid;align-content:start;gap:10px;border:1px solid #e1e8e4;border-radius:8px;background:#fbfdfc;padding:14px}.setup-card>svg{color:#0f6b55}.setup-card strong,.setup-card span,.setup-card p{display:block}.setup-card span,.setup-card p{color:#64716b;font-size:13px}.setup-card p{margin-top:2px;font-weight:800}.primary-import{border-color:#b8ded0;background:#f2fbf7}.setup-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.report-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ledger-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px}.ledger-table{display:grid;gap:10px}.movement-row{display:grid;grid-template-columns:minmax(220px,1fr) 110px 90px 110px 130px;gap:12px;align-items:center;border:1px solid #e1e8e4;border-radius:8px;background:#fbfdfc;padding:12px;color:#3c4842;font-size:13px}.movement-row strong,.movement-row span{display:block}.movement-row div span{color:#68746e;margin-top:4px}.movement-type{width:fit-content;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:800;background:#e6f5ef;color:#0f6b55}.movement-type.issue,.movement-type.sale{background:#e1efff;color:#245d94}.movement-type.scrap,.movement-type.damage{background:#ffe4df;color:#9f3329}.report-panel{border:1px solid #e1e8e4;border-radius:8px;background:#fbfdfc;padding:14px;display:grid;align-content:start;gap:12px}.report-panel h3{margin:0;font-size:16px}.report-row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #e4ece8;padding-bottom:9px;color:#64716b}.automation-box{display:flex;gap:10px;border-radius:8px;background:#fff7eb;border:1px solid #f2d7aa;padding:12px;color:#6f4b13}.automation-box span{display:block;color:#7a6b56;font-size:13px;margin-top:3px}.inventory-table{display:grid;gap:10px}.item-row{display:grid;grid-template-columns:86px minmax(240px,1fr) 170px 42px 42px;gap:14px;align-items:center;border:1px solid #e1e8e4;border-radius:8px;padding:10px;background:#fbfdfc}.item-row img{width:86px;height:72px;object-fit:cover;border-radius:8px;background:#dce4df}.item-main{display:grid;gap:8px}.item-title{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.item-title span,.item-main p,.item-meta{color:#64716b;font-size:13px}.item-meta{display:flex;gap:12px;flex-wrap:wrap}.item-meta span{display:inline-flex;gap:5px;align-items:center}.item-status{display:grid;gap:8px}.status-pill{width:fit-content;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:800}.status-pill.good{background:#dff5e6;color:#14693a}.status-pill.info{background:#e1efff;color:#245d94}.status-pill.warn{background:#fff0db;color:#8a530f}.status-pill.bad{background:#ffe4df;color:#9f3329}.status-pill.muted{background:#e8ecea;color:#5e6763}.user-management{display:grid;gap:16px}.user-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.user-card{border:1px solid #e1e8e4;border-radius:8px;background:#fbfdfc;padding:14px;display:grid;gap:10px;align-content:start}.user-card span{color:#64716b;font-size:13px;overflow-wrap:anywhere}.role-badge{width:fit-content;border-radius:999px;background:#e6f5ef;color:#0f6b55!important;font-weight:800;padding:6px 9px}@media(max-width:1080px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.metric-grid,.split-layout,.ledger-grid,.user-grid,.setup-grid,.report-summary-grid,.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.workspace,.sidebar{padding:18px}.login-panel{padding:20px}.topbar,.table-toolbar,.section-heading{align-items:flex-start;flex-direction:column}.top-actions,.filters{width:100%;flex-wrap:wrap}.import-button,.ghost-button,.primary-button{min-width:0}.search-box,.select-box{width:100%}.metric-grid,.split-layout,.form-grid,.ledger-grid,.user-grid,.setup-grid,.report-summary-grid,.movement-row{grid-template-columns:1fr}.item-row{grid-template-columns:72px 1fr}.item-row img{width:72px;height:72px}.item-status,.item-row>.icon-button{grid-column:1 / -1}.item-row>.icon-button{width:100%}}.return-row.overdue{background:#ffe4df;border-color:#ffc9bf}.return-row.overdue button{background:#9f3329}.edit-panel{padding:20px}.edit-panel form{display:grid;gap:18px}.edit-actions{display:flex;flex-wrap:wrap;gap:10px}.report-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.report-card{border:1px solid #e1e8e4;border-radius:8px;background:#fbfdfc;padding:14px;display:grid;gap:10px;align-content:start}.report-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.report-card-head strong{font-size:15px}.report-line{display:grid;grid-template-columns:minmax(0,1fr) 90px 100px;gap:10px;align-items:center;border-top:1px solid #e4ece8;padding-top:9px;color:#64716b;font-size:13px}.report-line span{overflow-wrap:anywhere}.report-line strong{color:#16201b;text-align:right}.report-line em{color:#68746e;font-style:normal;text-align:right}.attention-report{background:#fffaf1;border-color:#f2d7aa}@media(max-width:720px){.report-card-head,.report-line{grid-template-columns:1fr}.report-card-head{align-items:flex-start;flex-direction:column}.report-line strong,.report-line em{text-align:left}}