@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{color-scheme:dark;--bg:#101115;--surface:#17191f;--surface2:#1d2027;--line:#2b2e36;--text:#f4f3f2;--muted:#92949c;--red:#e73543;--red-soft:#371d22;--green:#65c889;--font:'DM Sans',sans-serif;--heading:'Manrope',sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;min-height:100vh}button,input,select{font:inherit}button{color:inherit;cursor:pointer}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;padding:30px 18px 20px;border-right:1px solid var(--line);background:#131419;display:flex;flex-direction:column;z-index:3}.brand{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none;font-family:var(--heading);font-weight:800;font-size:17px;letter-spacing:-.5px}.brand-mark{display:inline-grid;place-items:center;flex:none;width:33px;height:33px;border-radius:10px;background:var(--red);font-family:var(--heading);font-size:19px}.brand-accent{color:var(--red)}.brand small{display:block;color:var(--muted);font:600 8px var(--font);letter-spacing:1.6px;margin-top:3px}.side-nav{display:grid;gap:7px;margin-top:52px}.nav-item{display:flex;align-items:center;gap:13px;padding:12px 13px;background:none;border:0;border-radius:9px;color:#a4a5ad;text-align:left}.nav-item span{width:19px;text-align:center;font-size:18px}.nav-item.active{background:var(--red-soft);color:#ff707c}.sidebar-note{margin-top:auto;color:var(--muted);font-size:12px;padding:12px 8px}.status-dot,.status-pill i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:8px}.main-content{margin-left:238px;max-width:1400px;padding:0 48px 70px}.topbar{height:80px;display:flex;align-items:center;justify-content:flex-end;border-bottom:1px solid var(--line)}.topbar-right{display:flex;align-items:center;gap:14px}.status-pill{border:1px solid var(--line);border-radius:30px;padding:8px 12px;color:#b4b5bd;font-size:11px}.status-pill i{width:6px;height:6px;margin-right:6px}.avatar{display:grid;place-items:center;width:34px;height:34px;border:1px solid #4b3034;background:#25191d;border-radius:50%;color:#ff737d;font-weight:700}.mobile-brand,.mobile-nav{display:none}.page{display:none;padding-top:39px}.page.active{display:block}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:27px}.eyebrow{color:#ed6872;font-weight:700;font-size:9px;letter-spacing:1.7px;margin:0 0 8px}.page h1,.modal h2{font:800 clamp(28px,3.1vw,38px)/1.15 var(--heading);letter-spacing:-1.4px;margin:0}.subheading{margin:9px 0 0;color:var(--muted);font-size:13px}.button{border:0;border-radius:8px;padding:11px 16px;font-weight:700;display:inline-flex;justify-content:center;align-items:center;gap:7px;transition:transform .15s,background .15s}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--red);color:white;box-shadow:0 5px 18px #c9293930}.button.primary:hover{background:#f04552}.button.secondary{background:#272a32;color:#d5d5db;border:1px solid #383b44}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:17px}.stat-card{min-height:105px;padding:19px 17px;display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:11px}.stat-icon{width:35px;height:35px;border-radius:9px;background:#252831;display:grid;place-items:center;color:#b8bbc5;font-size:17px}.stat-icon.alert{color:#e7bd66;background:#342b1f}.stat-icon.red{color:#ff717c;background:var(--red-soft)}.stat-card strong{display:block;font:800 25px var(--heading)}.stat-card span:last-child{display:block;color:var(--muted);font-size:11px;margin-top:2px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:22px;margin-bottom:17px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.section-heading h2{font:700 18px var(--heading);letter-spacing:-.4px;margin:0}.section-heading .eyebrow{margin-bottom:5px}.quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.quick-action{display:flex;align-items:center;gap:10px;text-align:left;background:#1c1e24;border:1px solid #2b2e36;border-radius:9px;padding:13px 11px;min-width:0}.quick-action:hover{border-color:#704047;background:#211d22}.quick-action>span:nth-child(2){min-width:0;flex:1}.quick-icon{display:grid;place-items:center;flex:none;width:31px;height:31px;border-radius:8px;background:#302126;color:#f1636e;font-size:17px}.quick-action strong,.quick-action small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-action strong{font-size:11px}.quick-action small{color:var(--muted);font-size:9px;margin-top:3px}.quick-action b{color:#777a84;font-size:18px;font-weight:400}.text-button{border:0;background:none;color:#ec6873;font-size:11px;font-weight:600}.text-button span{font-size:16px;margin-left:4px}.project-list{display:grid;gap:9px}.project-row{display:flex;align-items:center;gap:14px;padding:13px;background:#1c1e24;border:1px solid #2b2e36;border-radius:9px;cursor:pointer}.project-row:hover{border-color:#704047}.project-symbol{display:grid;place-items:center;width:37px;height:37px;background:#302126;border-radius:9px;color:#ef6974}.project-main{flex:1;min-width:0}.project-main strong{display:block;font-size:13px}.project-main small{display:block;color:var(--muted);margin-top:4px;font-size:10px}.project-meta{display:flex;align-items:center;gap:12px;color:#a6a7af;font-size:10px}.project-meta .arrow{color:#777a84;font-size:17px}.badge{display:inline-flex;align-items:center;border-radius:20px;padding:5px 8px;background:#252a2b;color:var(--green);font-size:9px;font-weight:700}.badge.done{background:#282932;color:#adaeb7}.demo-note{text-align:center;color:#777984;font-size:10px;padding:6px}.inventory-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}.search-box{display:flex;align-items:center;gap:9px;max-width:450px;width:100%;height:40px;border:1px solid var(--line);background:#121318;border-radius:8px;padding:0 12px;color:#8b8d96}.search-box span{font-size:20px}.search-box input{background:none;border:0;outline:0;color:var(--text);width:100%;font-size:12px}.table-count{font-size:10px;color:var(--muted)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:9px;letter-spacing:1px;color:#8d8f98;font-weight:700;padding:11px 10px;border-bottom:1px solid var(--line)}td{padding:14px 10px;border-bottom:1px solid #282a31;font-size:12px}tbody tr:last-child td{border-bottom:0}td.product-name{font-weight:600}td.subtle{color:var(--muted)}.stock-low{color:#f0b759}.stock-ok{color:var(--green)}.table-action{border:1px solid #3a3d46;border-radius:6px;background:#22242b;color:#ccc;padding:6px 9px;font-size:10px}.mobile-product-list{display:none}.empty-state{text-align:center;padding:38px 15px}.empty-state>span{font-size:28px;color:#ea6974}.empty-state h3{font:700 17px var(--heading);margin:10px 0 5px}.empty-state p{color:var(--muted);font-size:12px;margin:0 0 17px}.hidden{display:none!important}.modal{padding:0;width:min(480px,calc(100vw - 28px));border:1px solid #363942;border-radius:14px;background:#191b21;color:var(--text);box-shadow:0 20px 80px #0009}.modal::backdrop{background:#07080bb3;backdrop-filter:blur(3px)}.modal form{padding:23px}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.modal-head h2{font-size:22px;letter-spacing:-.5px}.modal .eyebrow{margin-bottom:6px}.icon-button{border:1px solid #363942;background:#22242b;color:#aeb0b8;border-radius:7px;width:30px;height:30px;font-size:19px}.modal label{display:block;color:#c1c2c9;font-size:11px;font-weight:600;margin-bottom:14px}.modal input,.modal select{display:block;width:100%;margin-top:7px;border:1px solid #363942;background:#111216;border-radius:7px;color:var(--text);padding:11px 12px;outline:0}.modal input:focus,.modal select:focus{border-color:#b84650}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.detail-content{padding:23px}.detail-top{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.detail-top h2{font-size:23px}.detail-sub{color:var(--muted);font-size:11px;margin:7px 0 17px}.detail-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:16px 0}.detail-stat{background:#21232a;border:1px solid #30333b;border-radius:8px;padding:12px}.detail-stat small{display:block;color:var(--muted);font-size:9px}.detail-stat strong{display:block;font:700 17px var(--heading);margin-top:5px}.detail-section{border-top:1px solid var(--line);padding-top:15px;margin-top:14px}.detail-section h3{font:700 13px var(--heading);margin:0 0 10px}.detail-action-row{display:flex;gap:8px;flex-wrap:wrap}.detail-action-row .button{font-size:10px;padding:9px 11px}.toast{position:fixed;z-index:10;bottom:24px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;transition:.2s;background:#272a30;border:1px solid #484b54;border-radius:9px;padding:12px 16px;font-size:12px;box-shadow:0 8px 30px #0006}.toast.show{opacity:1;transform:translate(-50%,0)}

@media(max-width:1050px){.main-content{padding-left:28px;padding-right:28px}.quick-actions{grid-template-columns:repeat(2,1fr)}.stat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.sidebar{display:none}.main-content{margin:0;padding:0 17px 93px}.topbar{height:62px;justify-content:space-between}.mobile-brand{display:flex;align-items:center;gap:7px;font:800 15px var(--heading)}.mobile-brand .brand-mark{width:28px;height:28px;border-radius:8px;font-size:16px}.status-pill{font-size:0;padding:7px}.status-pill i{margin:0;width:7px;height:7px}.avatar{width:29px;height:29px}.page{padding-top:27px}.page-heading{align-items:flex-start;margin-bottom:20px;gap:8px}.page h1{font-size:27px;letter-spacing:-.8px}.subheading{font-size:11px;max-width:235px;line-height:1.5}.page-heading>.button{font-size:10px;padding:10px 11px;white-space:nowrap;margin-top:10px}.stat-grid{gap:8px;margin-bottom:11px}.stat-card{min-height:81px;padding:12px 10px;gap:9px}.stat-icon{width:29px;height:29px;font-size:14px}.stat-card strong{font-size:20px}.stat-card span:last-child{font-size:9px}.panel{padding:16px 13px;border-radius:10px;margin-bottom:11px}.section-heading{margin-bottom:13px}.section-heading h2{font-size:16px}.quick-actions{grid-template-columns:1fr 1fr;gap:7px}.quick-action{padding:10px 8px;gap:7px}.quick-action strong{font-size:9px}.quick-action small{font-size:8px}.quick-icon{width:26px;height:26px;font-size:14px}.project-row{padding:11px 9px;gap:9px}.project-symbol{width:31px;height:31px}.project-main strong{font-size:11px}.project-main small{font-size:9px}.project-meta{gap:5px;font-size:9px}.project-meta .date{display:none}.inventory-panel{padding:12px}.inventory-toolbar{margin-bottom:9px}.table-wrap{display:none}.mobile-product-list{display:grid;gap:7px}.product-card{background:#1e2027;border:1px solid #2d3038;border-radius:8px;padding:11px}.product-card-top{display:flex;justify-content:space-between;gap:10px}.product-card strong{font-size:11px}.product-card small{display:block;color:var(--muted);font-size:9px;margin-top:5px}.product-card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:8px;border-top:1px solid #30323a;color:#aeb0b8;font-size:9px}.mobile-nav{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;bottom:0;left:0;right:0;z-index:5;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:#17191fef;backdrop-filter:blur(15px);border-top:1px solid var(--line)}.mobile-nav .nav-item{display:grid;justify-items:center;gap:2px;border-radius:8px;padding:5px;background:none;color:#8e9099}.mobile-nav .nav-item span{font-size:17px}.mobile-nav .nav-item small{font-size:9px}.mobile-nav .nav-item.active{color:#f16773}.demo-note{font-size:9px}.project-detail-modal{align-self:end;margin:0 auto 0;border-radius:15px 15px 0 0;width:100%;max-width:none}.detail-content{padding:21px 17px calc(20px + env(safe-area-inset-bottom))}}