:root{color-scheme:dark;--bg:#101112;--panel:#17191b;--panel2:#1c1e20;--line:#292c2f;--line2:#34383b;--text:#f1f2ef;--muted:#888e91;--soft:#b9bfbd;--accent:#d3f26b;--accent2:#bce54b;--red:#fb8585;--green:#b9e779}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer}button:disabled{opacity:.55;cursor:wait}.app-shell{min-height:100vh;padding:0 0 44px 248px}.sidebar{position:fixed;z-index:5;inset:0 auto 0 0;width:248px;background:#141617;border-right:1px solid var(--line);padding:24px 14px 14px;display:flex;flex-direction:column}.brand{height:36px;display:flex;align-items:center;gap:10px;padding:0 9px;color:#f4f6f1;font:800 15px Manrope,sans-serif;letter-spacing:.08em}.brand small{display:block;color:#697174;font:600 9px DM Sans,sans-serif;letter-spacing:.2em;margin-top:2px}.brand-mark{height:28px;width:28px;border-radius:9px;background:var(--accent);color:#17200d;display:grid;place-items:center;font:800 16px Manrope}.side-caption{padding:28px 10px 10px;color:#666e71;font-size:9px;font-weight:700;letter-spacing:.15em}.nav-item{width:100%;border:0;background:transparent;text-align:left;height:40px;border-radius:8px;padding:0 11px;color:#a3aaab;display:flex;align-items:center;gap:11px;font-size:12px}.nav-item.active,.nav-item:hover{background:#222628;color:#f5f7f2}.nav-item.active{box-shadow:inset 2px 0 var(--accent)}.nav-icon{width:18px;color:#9ba39f;font-size:16px}.side-list-caption{display:flex;justify-content:space-between;margin-top:18px;padding-top:20px}.side-list-caption span{color:#8d9698}.product-search{height:34px;background:#1c1f20;border:1px solid #282c2d;border-radius:7px;display:flex;align-items:center;gap:8px;padding:0 9px;color:#798083}.product-search input{width:100%;border:0;outline:0;background:none;color:var(--text);font-size:11px}.product-search input::placeholder{color:#687073}.product-list{overflow:auto;margin:7px -3px 8px;flex:1 1}.product-nav{width:100%;min-height:41px;padding:7px 8px;display:grid;grid-template-columns:7px 1fr;grid-template-rows:18px 14px;grid-column-gap:8px;column-gap:8px;text-align:left;border:0;background:none;border-radius:7px;color:#aeb4b4}.product-nav.selected,.product-nav:hover{background:#222627}.product-dot{grid-row:1/3;align-self:center;width:6px;height:6px;border-radius:50%;background:#768179}.product-nav.selected .product-dot{background:var(--accent);box-shadow:0 0 8px #d3f26b66}.product-nav-name{font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.product-nav-cost{font-size:10px;color:#737c7e}.button{height:38px;border:1px solid var(--accent);border-radius:7px;padding:0 15px;background:var(--accent);color:#1c2511;font-size:11px;font-weight:700;transition:.16s}.button:hover{background:#dffc8f;border-color:#dffc8f;transform:translateY(-1px)}.button.subtle{background:#212426;border-color:#303537;color:#d8dddb}.button.subtle:hover{background:#2a2e30;border-color:#444}.button.compact{height:31px;padding:0 10px;font-size:10px}.button.full{width:100%}.add-product{width:100%;flex:0 0 37px;background:#202326;color:#ccd2ce;border-color:#303537}.add-product:hover{background:#2b3032;border-color:#454b4c}.sidebar-footer{border-top:1px solid var(--line);margin-top:12px;padding:15px 5px 2px;display:flex;align-items:center;gap:9px}.avatar{width:29px;height:29px;border-radius:9px;background:#303a29;color:var(--accent);display:grid;place-items:center;font-weight:700}.profile{flex:1 1;font-size:10px;font-weight:700;letter-spacing:.04em}.profile small{display:block;color:#727b7c;font-weight:400;font-size:9px;margin-top:3px;letter-spacing:0}.icon-button{border:0;background:none;color:#929a9a;font-size:17px;width:30px;height:30px;border-radius:6px}.icon-button:hover{background:#25292b;color:white}.main-area{min-height:calc(100vh - 44px)}.topbar{height:58px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px}.crumb{font-size:10px;color:#9da4a4}.crumb span{color:#4f5859;padding:0 8px}.top-actions{display:flex;align-items:center;gap:8px;color:#778082;font-size:10px}.sync-dot{width:6px;height:6px;border-radius:50%;background:#a6cd5c;box-shadow:0 0 7px #a6cd5c66}.page-content{max-width:1330px;margin:0 auto;padding:35px 38px 42px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:23px;gap:16px}.eyebrow{font-size:9px;color:#97a46d;font-weight:700;letter-spacing:.16em;margin-bottom:9px}h1,h2,h3,p{margin-top:0}.page-heading h1{font:700 25px Manrope,sans-serif;letter-spacing:-.035em;margin:0 0 5px}.page-heading p,.section-title p{margin:0;color:#848c8e;font-size:11px}.heading-actions{display:flex;gap:8px}.card{background:var(--panel);border:1px solid var(--line);border-radius:9px}.product-meta{display:grid;grid-template-columns:1.6fr 1fr 1fr;grid-gap:13px;gap:13px;padding:15px;margin-bottom:14px}.login-card label,.product-meta label{display:flex;flex-direction:column;gap:7px;color:#8c9494;font-size:10px}.login-card input,.note-card textarea,.product-meta input{background:#111314;border:1px solid #2b3031;border-radius:6px;color:#e6e9e5;height:34px;padding:0 10px;outline:none;font-size:11px}.note-card textarea:focus,.product-meta input:focus{border-color:#8ea356}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;margin-bottom:28px}.summary-card{min-height:92px;padding:15px 16px;background:#171a1b;border:1px solid #282c2d;border-radius:8px;display:flex;flex-direction:column}.summary-card span{font-size:9px;color:#92999a}.summary-card strong{font:700 18px Manrope,sans-serif;margin-top:11px;letter-spacing:-.03em}.summary-card small{font-size:9px;color:#667071;margin-top:3px}.total-card{border-color:#4b5d31;background:linear-gradient(135deg,#1a2014,#171a17)}.total-card span{color:#a2ba72;font-weight:700;letter-spacing:.1em}.total-card strong{color:var(--accent);font-size:20px}.section-title{display:flex;align-items:flex-end;justify-content:space-between;margin:0 0 12px}.section-title h2{font:700 15px Manrope,sans-serif;margin:0 0 4px}.table-card{overflow:hidden}.table-heading{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;border-bottom:1px solid var(--line)}.table-heading>div{display:flex;flex-direction:column;gap:4px}.table-heading b{font-size:11px}.table-heading span{font-size:9px;color:#778082}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:680px}th{text-align:left;font-size:8px;color:#687174;letter-spacing:.1em;font-weight:700;padding:10px 12px;background:#151718;border-bottom:1px solid var(--line)}td{height:48px;padding:7px 12px;border-bottom:1px solid #25292a;color:#c2c8c5}td,td select{font-size:10px}td select{max-width:225px;width:100%;height:29px;background:#1e2223;border:1px solid #303536;border-radius:5px;padding:0 8px;color:#dce0dd}.tag{font-size:8px;border:1px solid #343a3b;border-radius:4px;padding:4px 6px;color:#9ba4a0;white-space:nowrap}.number-input{width:66px;height:28px;padding:0 7px;background:#1d2122;border:1px solid #303536;color:#e5e9e5;border-radius:5px;font-size:10px;outline:0}.number-input:focus,select:focus{border-color:#79894e;outline:0}.unit-label{color:#758080;font-size:9px;margin-left:6px}.amount{font-weight:700;color:#d9ded9}.remove{border:0;background:none;color:#5c6667;font-size:17px}.remove:hover{color:var(--red)}.empty-row{padding:18px;text-align:center;color:#697274;font-size:10px}.table-footer{height:41px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;color:#858e8e;font-size:9px}.table-footer b{color:#d6dbd6;font-size:10px;margin-left:7px}.text-button{border:0;background:none;padding:4px;color:#b8d876;font-size:9px;font-weight:600}.text-button:hover{color:#e2ff9d}.operation-title{margin-top:25px}.bottom-row{display:grid;grid-template-columns:1.15fr .85fr;grid-gap:11px;gap:11px;margin-top:15px}.history-card,.note-card{padding:14px}.history-card>div:first-child b,.note-card b{font-size:10px;display:block;margin-bottom:9px}.note-card textarea{display:block;width:100%;height:71px;padding:9px;resize:vertical}.history-card>div:first-child span{display:block;font-size:9px;color:#747d7e;margin-top:-5px;margin-bottom:6px}.history-row{height:34px;border-top:1px solid #282c2d;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#bbc1bd}.history-row small{margin-left:9px;color:#778081}.history-row b{font-size:10px}.history-card>.text-button{padding-left:0;margin-top:5px}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.catalog-card{padding:14px;position:relative;min-height:150px}.catalog-card.archived{opacity:.57}.catalog-top{display:flex;align-items:center;gap:7px}.category-dot{width:7px;height:7px;border-radius:50%;background:#bbd96c}.category-dot.component{background:#7bbbd1}.category-dot.consumable{background:#d7a568}.category-dot.packaging{background:#c08add}.category-dot.operation-dot{background:#8d9ef4}.more-button{margin-left:auto;border:0;background:none;color:#727b7d;font-size:19px;line-height:14px}.catalog-card h3{font:600 13px Manrope,sans-serif;margin:12px 0 10px}.catalog-price{display:flex;align-items:baseline;gap:6px}.catalog-price strong{font:700 19px Manrope,sans-serif}.catalog-price span{font-size:9px;color:#758082}.catalog-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #292d2e;margin-top:12px;padding-top:9px;color:#768081;font-size:9px}.archived-label{position:absolute;right:14px;top:43px;color:#d99b84;font-size:8px}.global-footer{position:fixed;z-index:2;bottom:0;left:248px;right:0;height:34px;border-top:1px solid #25292a;background:#121415;display:flex;align-items:center;justify-content:space-between;padding:0 34px;color:#616a6c;font-size:9px}.global-footer button{border:0;background:none;color:#818b8c;font-size:9px}.global-footer button:hover{color:var(--accent)}.toast{position:relative;margin:0 0 13px;padding:9px 31px 9px 11px;border-radius:6px;font-size:10px}.toast button{position:absolute;right:8px;top:6px;border:0;background:none;color:inherit;font-size:16px}.error-toast{background:#341e1e;color:#ffb2a9;border:1px solid #653636}.success-toast{background:#20291a;color:#c2e48c;border:1px solid #40522d}.empty-state{text-align:center;padding:110px 20px;color:#a0a8a7}.empty-state h2{font:700 18px Manrope}.empty-state p{font-size:11px;color:#777f80}.empty-icon{font-size:31px;color:#9db96c;margin-bottom:14px}.modal-backdrop{position:fixed;z-index:20;inset:0;background:#000a;display:grid;place-items:center;padding:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{width:min(570px,100%);padding:24px;position:relative;box-shadow:0 25px 90px #0008}.modal-close{position:absolute;right:15px;top:12px;background:none;border:0;color:#8b9394;font-size:21px}.modal h2{font:700 18px Manrope;margin:0 0 8px}.modal>p{font-size:10px;color:#8a9292;line-height:1.55;margin-bottom:15px}.price-change{display:flex;gap:11px;margin:13px 0 18px}.price-change span{flex:1 1;padding:11px;background:#111414;border:1px solid #2a2e2f;border-radius:6px;color:#7e8787;font-size:9px}.price-change b{display:block;color:#e1e5df;font-size:14px;margin-top:5px}.impact-head{font-size:8px;letter-spacing:.13em;color:#778183;font-weight:700;border-bottom:1px solid #303536;padding-bottom:8px}.impact-head span{color:#b6d777;margin-left:5px}.impact-list{max-height:210px;overflow:auto}.impact-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #262a2b;font-size:9px;color:#c4cac6}.impact-row span:last-child{white-space:nowrap;color:#899191}.impact-row b{color:#e0e5de}.impact-row i{font-style:normal;color:#728444;padding:0 4px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.login-wrap{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 20%,#22291b 0,#101112 55%)}.login-card{width:min(360px,calc(100% - 32px));padding:28px;border:1px solid #303635;background:#171a1b;border-radius:12px;box-shadow:0 22px 80px #0007}.login-card .brand{padding:0;margin-bottom:28px}.login-card h1{font:700 21px Manrope;margin-bottom:21px}.login-card label{margin-bottom:16px}.login-card input{height:39px}.login-card .muted{font-size:9px;text-align:center;color:#717a7b;margin:13px 0 0}@media(max-width:1100px){.page-content{padding:28px 24px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-card{padding:12px}.summary-card strong{font-size:16px}}@media(max-width:760px){.app-shell{padding-left:0;padding-bottom:50px}.sidebar{position:relative;width:100%;height:auto;padding:10px 13px;display:grid;grid-template-columns:1fr auto;grid-template-rows:38px auto;grid-gap:6px;gap:6px;border-right:0;border-bottom:1px solid var(--line)}.brand{padding-left:2px}.add-product,.product-list,.product-search,.sidebar-footer,.sidebar>.side-caption{display:none}.sidebar>.nav-item{height:34px;width:auto;padding:0 8px;font-size:0;display:inline-flex;justify-content:center;grid-row:2}.sidebar>.nav-item:first-of-type{grid-column:1}.sidebar>.nav-item:nth-of-type(2){grid-column:1;margin-left:39px}.sidebar>.nav-item:nth-of-type(3){grid-column:1;margin-left:88px}.nav-icon{font-size:16px}.topbar{height:45px;padding:0 15px}.top-actions{font-size:0}.page-content{padding:23px 14px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:22px}.heading-actions{width:100%}.heading-actions .button{flex:1 1}.product-meta{grid-template-columns:1fr;gap:9px;padding:12px}.summary-grid{grid-template-columns:repeat(2,1fr);gap:7px}.summary-card{min-height:83px}.summary-card strong{margin-top:9px}.total-card strong{font-size:18px}.section-title{align-items:flex-start}.table-heading{padding:11px}.table-heading .button{white-space:nowrap}.bottom-row,.catalog-grid{grid-template-columns:1fr}.catalog-card{min-height:135px}.global-footer{left:0;height:37px;padding:0 12px}.global-footer span{font-size:8px}.modal{padding:19px}.impact-row{flex-direction:column;gap:4px}.price-change{gap:6px}}