:root{color:#24312d;font-synthesis:none;--green:#147b66;--green-soft:#e7f3ed;--ink:#24312d;--muted:#79857f;--line:#e1e7e3;--red:#bb4d46;--amber:#a77323;--white:#fff;--radius:6px;background:#f4f6f5;font-family:Segoe UI,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:3px}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}a{color:inherit;text-decoration:none}button{letter-spacing:0}h1,h2,h3,p{margin:0}svg{flex-shrink:0}button:focus-visible,a:focus-visible{outline:2px solid var(--green)}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--white);border-right:1px solid var(--line);z-index:20;flex-direction:column;flex:0 0 246px;width:246px;padding:27px 18px;display:flex;position:fixed;inset:0 auto 0 0;overflow:auto}.brand{align-items:center;gap:12px;padding:0 7px 30px;display:flex}.brand-mark{background:var(--green);width:42px;height:42px;color:var(--white);border-radius:7px;place-items:center;display:grid}.brand strong{font-size:16px;font-weight:750}.brand b{color:var(--green)}.brand small{color:var(--muted);margin-top:5px;font-size:11px;display:block}.primary-nav,.categories{flex-direction:column;gap:5px;display:flex}.primary-nav button,.categories button{text-align:left;color:#58685f;border-radius:var(--radius);background:0 0;border:0;align-items:center;gap:11px;min-height:42px;padding:12px;font-size:13px;display:flex}.primary-nav button.active{background:var(--green-soft);color:var(--green);font-weight:650}.primary-nav button span,.categories button span{color:#8a958e;font-variant-numeric:tabular-nums;margin-left:auto;font-size:11px}.primary-nav button:hover,.categories button:hover{background:#f2f5f3}.nav-label{color:#95a099;letter-spacing:0;margin:31px 12px 10px;font-size:10px;font-weight:750}.categories button{gap:10px;padding:10px 12px;font-size:12px}.categories button.selected{color:var(--green);background:#f0f6f2;font-weight:650}.sidebar-bottom{color:#5e7265;flex-wrap:wrap;align-items:center;gap:7px;margin-top:auto;padding:30px 10px 0;font-size:11px;display:flex}.sidebar-bottom small{color:#95a099;width:100%;margin:4px 0 0 15px;font-size:10px}.workspace{flex:1;min-width:0;margin-left:246px}.topbar{border-bottom:1px solid var(--line);background:var(--white);justify-content:space-between;align-items:center;gap:15px;height:73px;padding:0 38px;display:flex}.topbar>div{align-items:center;gap:12px;display:flex}.breadcrumb{color:#77877b;align-items:center;gap:12px;font-size:12px;display:flex}.breadcrumb svg{color:#b2bdb5}.top-actions{gap:20px!important}.access-label{color:#849188;align-items:center;gap:7px;font-size:11px;display:flex}.dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.green-dot{background:var(--green)}main{max-width:1720px;margin:auto;padding:34px 38px}.page-heading{justify-content:space-between;align-items:center;gap:22px;margin-bottom:28px;display:flex}.eyebrow{color:#7b8d80;margin-bottom:8px;font-size:10px;font-weight:700}h1{font-size:28px;font-weight:650;line-height:1.2}.subheading{color:#7c8980;margin-top:10px;font-size:13px}.heading-actions{align-items:center;gap:10px;display:flex}.button{background:var(--white);border-radius:var(--radius);color:#45594b;white-space:nowrap;border:1px solid #d9e1db;justify-content:center;align-items:center;gap:8px;min-height:39px;padding:10px 14px;font-size:12px;font-weight:550;display:inline-flex}.button:hover{background:#f3f6f4}.button.primary{background:var(--green);border-color:var(--green);color:var(--white)}.button.primary:hover{background:#0f6956}.button.small{min-height:32px;padding:7px 10px;font-size:11px}.button.subtle{background:0 0;border:0}.button.danger{color:#fff;background:#a2433d;border-color:#a2433d}.icon-button{color:#87958b;background:0 0;border:0;border-radius:5px;flex:none;place-items:center;width:32px;height:32px;display:inline-grid}.icon-button:hover{color:var(--green);background:#ecf2ee}.stats-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;grid-template-columns:repeat(4,1fr);margin-bottom:25px;display:grid}.stat{border:0;border-right:1px solid var(--line);text-align:left;background:0 0;padding:20px 24px;position:relative}.stat:last-child{border-right:0}.stat.chosen:after{content:"";background:var(--green);height:2px;position:absolute;bottom:-1px;left:24px;right:24px}.stat>span{color:#78897c;font-size:12px;display:block}.stat strong{font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;margin:9px 0 5px;font-size:29px;font-weight:600;display:flex}.stat strong svg{color:#92a597}.stat small{color:#9aa69e;font-size:11px}.text-green{color:var(--green)!important}.text-amber{color:var(--amber)!important}.text-red{color:var(--red)!important}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;display:flex}.search{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);color:#8d9a91;flex:1;align-items:center;gap:10px;min-width:200px;height:41px;padding:0 12px;display:flex}.search input{width:100%;color:var(--ink);background:0 0;border:0;outline:none;font-size:12px}input::placeholder{color:#9fa9a3}.toolbar>select{width:190px;height:41px}.segmented{background:#e9eeea;border-radius:6px;height:40px;padding:3px;display:flex}.segmented button{color:#93a195;background:0 0;border:0;border-radius:4px;place-items:center;width:32px;display:grid}.segmented button.selected{color:var(--green);background:#fff;box-shadow:0 1px 3px #12291b12}.export-menu{position:relative}.export-menu summary{cursor:pointer;list-style:none}.export-menu summary::-webkit-details-marker{display:none}.export-menu>div{border:1px solid var(--line);border-radius:var(--radius);z-index:30;background:#fff;min-width:195px;padding:6px;position:absolute;top:46px;right:0;box-shadow:0 6px 20px #162a1718}.export-menu>div a,.export-menu>div button{text-align:left;background:0 0;border:0;border-radius:4px;width:100%;padding:10px;font-size:12px;display:block}.export-menu>div a:hover,.export-menu>div button:hover{background:var(--green-soft)}.list-caption{justify-content:space-between;align-items:center;min-height:30px;margin-bottom:10px;font-size:12px;display:flex}.list-caption strong{font-weight:650}.muted{color:var(--muted)}.table-scroll{border-top:1px solid var(--line);background:var(--white);overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}th{text-transform:uppercase;color:#86968b;white-space:nowrap;background:#f8faf8;padding:13px 15px;font-size:10px;font-weight:600}td{vertical-align:middle;border-bottom:1px solid #edf1ed;padding:13px 15px}th:first-child,td:first-child{padding-left:18px}.inventory-table th:first-child{width:35%}.inventory-table th:last-child{width:80px}.inventory-table tr:hover td{background:#fbfdfb}.item-name{text-align:left;max-width:100%;color:var(--ink);background:0 0;border:0;align-items:center;gap:14px;padding:0;display:flex}.item-name>span{min-width:0}.item-name strong{max-width:340px;font-size:12px;font-weight:600;line-height:1.45;display:block}.item-name small{color:#93a092;margin-top:5px;font-size:10px;line-height:1.4;display:block}.photo{color:#a8b2a7;background:#f3f5f2;border-radius:5px;flex:0 0 54px;justify-content:center;align-items:center;width:54px;height:54px;display:flex;overflow:hidden}.photo img{object-fit:cover;width:100%;height:100%}.photo.large{background:#edf0eb;border-radius:0;flex:none;width:100%;height:190px}.photo.large img{object-fit:contain}.category-chip{color:#6f8174;white-space:nowrap;font-size:10px}.stock-cell{min-width:98px}.stock-cell strong{font-variant-numeric:tabular-nums;font-size:14px;font-weight:650;display:block}.stock-cell small{color:#a0aaa2;margin-top:4px;font-size:10px;display:block}.stock-cell small span{color:var(--amber);margin-top:3px;display:block}.stock-cell.unconfirmed strong{color:var(--amber);font-size:11px;font-weight:500}.badge{white-space:nowrap;border-radius:4px;justify-content:center;align-items:center;gap:5px;padding:5px 7px;font-size:10px;font-weight:500;display:inline-flex}.badge.green{color:#45846a;background:#edf6f1}.badge.amber{color:#a17f40;background:#fbf2e4}.badge.red{color:#b35650;background:#fae9e8}.badge.neutral{color:#6c7d71;background:#edf0ee}.location{color:#96a196;font-size:11px}.row-actions{justify-content:flex-end;gap:1px;display:flex}.workspace-footer{color:#97a69a;justify-content:space-between;gap:15px;margin-top:20px;font-size:10px;display:flex}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;display:grid}.item-card{text-align:left;border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);background:#fff;min-width:0;padding:0;overflow:hidden}.item-card:hover{border-color:#9cc2ae;box-shadow:0 3px 12px #314b2a0c}.item-card>div:last-child{padding:15px}.card-category{color:#8c9f8e;text-transform:uppercase;font-size:9px}.item-card h3{margin:7px 0 5px;font-size:13px;font-weight:650;line-height:1.45}.card-model{color:#9aa79c;min-height:28px;font-size:10px;display:block}.card-stock{justify-content:space-between;align-items:center;gap:7px;margin:12px 0;display:flex}.card-stock strong{font-size:12px}.card-stock strong small{color:#929e93;font-size:10px;font-weight:400}.card-location{color:#93a195;align-items:center;gap:5px;font-size:10px;display:flex}.empty{color:#8fa194;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:13px;min-height:265px;padding:35px;display:flex}.empty h3{color:#5f7565;font-size:16px;font-weight:600}.empty p{font-size:12px;line-height:1.5}.projects-list{border-top:1px solid var(--line);background:#fff}.project-row{border:0;border-bottom:1px solid var(--line);text-align:left;width:100%;color:var(--ink);background:#fff;align-items:center;gap:17px;padding:22px;display:flex}.project-row:hover{background:#f9fcf9}.project-symbol{background:var(--green-soft);width:45px;height:45px;color:var(--green);border-radius:5px;place-items:center;display:grid}.project-row>div{flex:1;min-width:0}.project-row h3{font-size:14px;font-weight:600}.project-row p{color:#8e9e90;margin-top:8px;font-size:11px}.nowrap{white-space:nowrap}.inline-error{color:#a9443a;background:#fff0ee;border:1px solid #ebc6c0;border-radius:5px;align-items:center;gap:10px;margin-bottom:18px;padding:12px;font-size:12px;line-height:1.5;display:flex}.inline-error .button{margin-left:auto}.overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:60;background:#13241ca1;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:8px;width:480px;max-width:100%;max-height:92vh;overflow:auto;box-shadow:0 16px 70px #0004}.modal.wide{width:920px}.modal>header{border-bottom:1px solid var(--line);z-index:3;background:#fff;justify-content:space-between;align-items:center;padding:17px 23px;display:flex;position:sticky;top:0}.modal h2{font-size:17px;font-weight:650}.form-body{padding:24px}.form-body label{color:#6f8074;flex-direction:column;gap:7px;margin-bottom:15px;font-size:11px;font-weight:550;display:flex}.form-body input,.form-body select,.form-body textarea,select{color:#314839;background:#fff;border:1px solid #dce4dd;border-radius:5px;min-width:0;max-width:100%;padding:10px;font-size:12px}.form-body input:focus,.form-body select:focus,.form-body textarea:focus{border-color:var(--green);outline:2px solid #b6d6c5}input:disabled,select:disabled,textarea:disabled{color:#526557;opacity:1;background:#f7f9f7}textarea{resize:vertical}.form-footer{border-top:1px solid var(--line);justify-content:flex-end;gap:9px;margin-top:18px;padding-top:20px;display:flex}.archive-action{margin-right:auto}.item-form-layout{grid-template-columns:235px 1fr;gap:25px;display:grid}.form-fields{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;min-width:0;margin:0;padding:0;display:grid}.span-2{grid-column:span 2}.form-photo{flex-direction:column;align-items:flex-start;gap:15px;min-width:0;display:flex}.form-photo .photo.large{border:1px solid var(--line);border-radius:5px;height:235px}.form-photo small{color:#8e9d90;font-size:11px}.form-photo .photo-input{cursor:pointer;flex-direction:row;align-items:center;margin:0;font-size:11px;display:flex}.field-error{color:var(--red);font-size:12px}.text-link{color:var(--green);align-items:center;gap:8px;font-size:11px;display:flex}.stock-summary{align-items:center;gap:13px;margin-bottom:23px;display:flex}.stock-summary strong{font-size:13px}.stock-summary small{color:#8d9d90;margin-top:7px;font-size:11px;display:block}.requirements-heading{justify-content:space-between;align-items:center;margin:17px 0;display:flex}.requirements-heading h3{font-size:13px;font-weight:600}.requirements{margin-bottom:20px}.requirement{grid-template-columns:minmax(0,1fr) 85px 105px 30px;align-items:center;gap:10px;margin-bottom:10px;display:grid}.requirement select,.requirement input{width:100%;font-size:11px}.modal-error{margin:18px 24px 0}.toast{color:var(--green);z-index:100;background:#fff;border:1px solid #b5d4c2;border-radius:6px;align-items:center;gap:12px;max-width:calc(100vw - 30px);padding:10px 14px;font-size:12px;display:flex;position:fixed;bottom:24px;right:25px;box-shadow:0 5px 28px #14332324}.share-body>.button{width:100%;margin-bottom:10px}.share-links{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:18px 0}.share-links a{color:#5c7665;border-bottom:1px solid #edf1ed;align-items:center;gap:12px;padding:16px 2px;display:flex}.share-links a:last-child{border-bottom:0}.share-links a>span{flex:1;font-size:12px}.share-links small{color:#9aa59c;margin-top:5px;font-size:10px;display:block}.mobile-menu{display:none}.spinning{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=1550px){main{padding:40px 50px}.topbar{padding:0 50px}.inventory-table td{padding-top:16px;padding-bottom:16px}}@media (width<=1180px){.sidebar{flex-basis:214px;width:214px;padding-left:11px;padding-right:11px}.workspace{margin-left:214px}.topbar{padding:0 23px}main{padding:27px 23px}.inventory-table{min-width:770px}.stat{padding:18px}.page-heading{align-items:flex-start}h1{font-size:25px}.heading-actions{flex-wrap:wrap;justify-content:flex-end}.toolbar>select{width:164px}.subheading{max-width:400px;line-height:1.5}.category-chip{white-space:normal}}@media (width<=780px){.sidebar{width:240px;transition:transform .15s;transform:translate(-100%);box-shadow:4px 0 30px #142d1926}.sidebar.open{transform:translate(0)}.workspace{margin-left:0}.topbar{height:63px;padding:0 18px}.mobile-menu{display:grid}.access-label{display:none}main{padding:24px 18px}.page-heading{margin-bottom:22px;display:block}h1{font-size:24px}.subheading{font-size:12px}.heading-actions{justify-content:flex-start;margin-top:18px}.stats-band{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.stat{padding:16px}.stat strong{font-size:25px}.toolbar .search{flex-basis:100%}.toolbar>select{flex:1;min-width:155px}.export-menu .button{padding:10px}.export-menu .button span{display:none}.workspace-footer{flex-wrap:wrap;line-height:1.6}.modal.wide{width:100%}.overlay{padding:12px}.form-body{padding:18px}.item-form-layout{grid-template-columns:1fr}.form-photo{grid-template-columns:145px 1fr;align-items:start;gap:10px;display:grid}.form-photo .photo.large{grid-row:span 3;height:155px}.form-photo .photo-input{white-space:normal;min-height:35px;padding:8px}.form-photo .badge{justify-self:start}.requirement{grid-template-columns:minmax(0,1fr) 68px 27px}.requirement .badge{grid-area:2/1/auto/-1;justify-self:start;margin-bottom:5px}.requirement .icon-button{grid-area:1/3}.history-table{min-width:680px}.project-row{gap:11px;padding:17px 10px}.project-row p{line-height:1.5}.brand{padding-bottom:25px}.form-fields{gap:0 12px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.photo-grid .photo.large{height:155px}.item-card>div:last-child{padding:12px}.card-stock{flex-direction:column;align-items:flex-start;gap:10px}.modal-error{margin:14px 18px 0}}@media (width<=380px){.form-fields{grid-template-columns:1fr}.span-2{grid-column:span 1}.photo-grid{grid-template-columns:1fr}.form-photo{grid-template-columns:125px 1fr}.form-footer{flex-wrap:wrap}.topbar .breadcrumb{gap:5px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
