:root{--bg:#f5f6f8;--ink:#182321;--muted:#72807b;--green:#1a6954;--line:#e4e9e6}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px Arial,Helvetica,sans-serif}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}.button,button{display:inline-flex;align-items:center;justify-content:center;background:var(--green);color:white;border:0;border-radius:8px;padding:12px 18px;font-weight:600;font-size:14px;cursor:pointer}button:disabled{opacity:.5;cursor:wait}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:#fff;border-right:1px solid var(--line);padding:34px 22px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:700;color:var(--ink)}.brand-sub{display:block;font-size:9px;color:var(--muted);letter-spacing:1.4px;margin-top:6px}.sidebar nav{margin-top:48px;display:grid;gap:10px}.sidebar nav a{display:flex;gap:12px;color:#5a6963;padding:13px 12px;border-radius:8px}.sidebar nav a:hover{background:#edf5f1;color:var(--green);text-decoration:none}.sidebar-footer{margin-top:auto;color:var(--muted);font-size:12px;line-height:2}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#36a77a;margin-right:6px}main{margin-left:245px}.topbar{height:86px;background:#fff;border-bottom:1px solid var(--line);padding:20px 42px;display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar>span{font-size:10px;letter-spacing:1.5px;color:var(--muted)}.topbar input{width:320px;background:#f6f8f7}.content{max-width:1300px;margin:auto;padding:38px 42px}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}h1{font-size:34px;letter-spacing:-1px;margin:9px 0 12px}h2{font-size:18px;margin:0 0 20px}h3{font-size:16px}.eyebrow{color:var(--green);font-size:10px;font-weight:700;letter-spacing:2px}.muted,small{color:var(--muted)}small{display:block;font-size:12px;line-height:1.6}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.stat{border:1px solid var(--line);background:white;padding:24px;border-radius:12px}.stat>span{color:var(--muted)}.stat strong{display:block;font-size:36px;margin:15px 0}.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:24px;margin-bottom:24px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px}.section-title h2{margin:0}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{color:var(--muted);font-size:10px;letter-spacing:1px;text-transform:uppercase;padding:12px;border-bottom:1px solid var(--line)}td{padding:18px 12px;border-bottom:1px solid #f0f3f1}tr:last-child td{border:0}.strong{font-weight:600;color:var(--ink)}td small{margin-top:5px}.badge,.chip{display:inline-block;padding:6px 9px;border-radius:6px;background:#f1f4f2;font-size:11px}.chip{margin:3px}.warning{color:#997026;background:#fff4da}.ok{background:#e9f5ef;color:#237453}.history-row{display:flex;align-items:center;gap:16px;padding:15px 0;border-bottom:1px solid var(--line)}.history-row:last-child{border:0}.history-row>div{flex:1 1}.movement{min-width:45px;color:var(--green);font-weight:700;background:#edf5f1;padding:10px;border-radius:8px;text-align:center}.negative{color:#b36547;background:#fcf0e9}.tip{background:#e8f1ed;border-radius:12px;padding:26px}.tip p{color:#59766a}.filters{display:flex;align-items:center;gap:12px;margin-bottom:22px;flex-wrap:wrap}.filters>input{flex:1 1}.check{display:flex;align-items:center;gap:6px;font-size:12px}.check input{width:auto}.form{display:grid;gap:16px;max-width:650px}.form label{display:grid;gap:7px;font-size:12px;font-weight:600;color:#5c6a64}input,select,textarea{font:14px Arial,sans-serif;border:1px solid #dce3df;border-radius:7px;padding:11px;background:white;color:var(--ink);width:100%;min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid #a5ccb8;outline-offset:1px}textarea{resize:vertical}.form button{justify-self:start}.error{color:#ab3838;background:#ffeded;padding:12px;border-radius:7px}.success{color:var(--green);background:#edf8f1;padding:12px}.detail-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}.location-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.location-card{border:1px solid var(--line);border-radius:10px;padding:20px;color:var(--ink)}.location-card:hover{border-color:#83ae98;text-decoration:none;background:#fbfdfb}.location-card h3{font-family:monospace;font-size:22px;margin:18px 0 8px}.location-card p{color:var(--muted)}.location-stock{gap:20px;padding:16px 0}.location-stock,dl>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}dl>div{padding:12px 0}dd{margin:0}details{margin-top:20px}summary{cursor:pointer;color:var(--green);font-weight:600;padding:8px 0}details .form{margin-top:15px}pre{background:#172823;color:#d8eee4;border-radius:8px;padding:20px;overflow:auto;line-height:1.6}.narrow{max-width:740px}.qr-preview{display:flex;align-items:center;gap:15px;margin-top:24px}.qr-preview p{overflow-wrap:anywhere}.labels{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.qr-label{display:flex;align-items:center;gap:15px;background:white;border:1px dashed #aebdb5;border-radius:8px;padding:16px;page-break-inside:avoid;break-inside:avoid}.qr-label strong{font:700 24px monospace}.qr-label p{margin:9px 0}.empty{padding:20px;color:var(--muted)}@media(max-width:1100px){.sidebar{width:205px;padding:25px 15px}main{margin-left:205px}.content{padding:28px 24px}.location-grid,.stats{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}.topbar{padding:20px 24px}}@media(max-width:650px){.sidebar{position:static;width:100%;padding:18px;border-right:0;border-bottom:1px solid var(--line)}.sidebar nav{display:flex;overflow:auto;margin-top:16px;gap:4px}.sidebar nav a{white-space:nowrap;font-size:12px;padding:10px 8px}.sidebar nav svg,.sidebar-footer{display:none}main{margin:0}.topbar{height:auto;padding:12px 18px}.topbar>span{display:none}.topbar form,.topbar input{width:100%}.content{padding:24px 16px}h1{font-size:29px}.heading{align-items:flex-start;flex-direction:column}.stats{gap:10px}.stat{padding:18px}.stat strong{font-size:28px}.panel{padding:18px}.labels,.location-grid{grid-template-columns:1fr}.history-row{gap:9px;flex-wrap:wrap}.history-row>small{margin-left:54px}.qr-preview{flex-direction:column;align-items:flex-start}.filters{align-items:stretch}.filters>input{flex-basis:100%}}@media print{.no-print{display:none!important}main{margin:0}.content{padding:0}body{background:white}.heading{display:none}.labels{grid-template-columns:repeat(2,1fr);gap:8mm}.qr-label{border:1px dashed #aaa;border-radius:0;min-height:35mm}.qr-label img{width:28mm;height:28mm}@page{size:A4;margin:12mm}}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.project-card{display:block;color:var(--ink);background:white;border:1px solid var(--line);border-radius:12px;padding:26px}.project-card:hover{text-decoration:none;border-color:#79a38f}.project-metrics{display:flex;gap:24px;margin:24px 0;font-size:12px;color:var(--muted)}.project-metrics b{display:block;font-size:23px;color:var(--ink);margin-bottom:5px}.status-word{font-size:25px!important}.cabinet-scroll{overflow:auto}.cabinet-map{display:grid;gap:10px;padding:14px;background:#dfe8e2;border:5px solid #b6c8bc;border-radius:10px}.drawer{display:flex;flex-direction:column;gap:8px;min-height:138px;background:#fff;border:1px solid #c9d6cd;border-bottom:5px solid #adc1b4;border-radius:7px;padding:14px;color:var(--ink)}.drawer strong{font:700 19px monospace}.drawer:hover{text-decoration:none;background:#f1faf5}.drawer.vacant{background:#d3dfd6;justify-content:center;color:#6c8072;border:1px dashed #a0b5a7}.drawer.highlight{background:#dff5e8;border:2px solid #288958}.drawer.dim{opacity:.4}.unplaced{margin-top:18px}.tip{margin-bottom:20px}td details .form{min-width:230px;white-space:normal}.sidebar nav{margin-top:30px;gap:3px}@media(max-width:650px){.project-grid{grid-template-columns:1fr}.project-metrics{gap:18px}.cabinet-map{padding:8px;gap:8px}.sidebar nav{margin-top:16px}}.lookup-preview{margin-top:26px}.lookup-preview td{white-space:normal;min-width:140px;max-width:450px;overflow-wrap:anywhere}.lookup-preview td:first-child{min-width:60px}.lookup-preview input[type=checkbox]{width:auto}.lookup-preview .check{margin:20px 0}.allit-map{background:#454c55;border-color:#737c88;gap:6px;padding:8px}.allit-map .drawer{min-height:0;overflow:auto;padding:9px;gap:4px;border-bottom-width:3px}.allit-map .drawer strong{font-size:13px}.allit-map .drawer span{font-size:12px}.allit-map .drawer small{font-size:10px;color:#39423d}.allit-map .vacant{background:#d1d5da;border-color:#999}.allit-map .highlight{outline:3px solid #1a6954;outline-offset:-3px}.form .check{display:flex;align-items:center}.bin-palette{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.palette-bin{display:block;text-align:left;border:2px solid transparent;padding:14px 10px}.palette-bin.chosen{border-color:#1a6954;box-shadow:0 0 0 2px #c3dfcf}.palette-bin small{color:#3e5146;margin-top:6px}.composer-options{display:flex;gap:20px;align-items:center;margin:20px 0}.composer-options>label:first-child{max-width:110px}.composer-buttons{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.secondary{background:#edf3ef;color:#285d45;border:1px solid #b7ccbf}.selected-bin{padding:20px;margin-top:20px;background:#f3f8f5;border-radius:10px}.selected-bin small{margin-top:12px}.composer-map button{border-radius:6px;text-align:left;align-items:stretch;justify-content:flex-start;color:#223c2d;font-weight:400}.composer-map .selected-tile{outline:3px solid #1a6954;outline-offset:-4px}.composer-map .vacant:disabled{opacity:1;cursor:default}.unplaced button{margin:4px}.composer-tools>.muted{margin-top:20px}.section-title{flex-wrap:wrap}@media(max-width:800px){.bin-palette{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.bin-palette{grid-template-columns:repeat(2,1fr)}.composer-options{align-items:flex-start;flex-direction:column}.composer-buttons button{width:100%}}.bin-palette{--bin-unit:44px;display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}.palette-bin{width:116px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;background:#fafcfb;border:2px solid #e3ebe6;padding:12px 8px;color:var(--ink)}.palette-bin.chosen{background:#edf6f0;border-color:var(--green)}.palette-shape{display:block;flex:none;border:2px solid #758b7c;border-radius:4px;box-sizing:border-box;box-shadow:inset 0 0 0 4px #ffffff55}.palette-bin b{font-size:12px}.palette-bin small{font-size:11px;margin-top:0}.palette-bin:hover{background:#eff6f1}@media(max-width:650px){.bin-palette{--bin-unit:32px;gap:10px}.palette-bin{width:calc((100% - 10px)/2);padding:12px 6px}.palette-bin .palette-shape{max-width:none}}.palette-bin{width:104px;padding:12px 6px;gap:8px}.palette-bin b{min-height:28px}.palette-bin b,.palette-bin small{display:flex;align-items:center;justify-content:center}.palette-bin small{min-height:30px}@media(max-width:650px){.palette-bin{width:calc((100% - 10px)/2)}}.allit-map{width:100%;gap:4px;padding:6px;border-width:4px}.allit-map .drawer{padding:3px;gap:2px;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;border-bottom-width:2px;border-radius:4px}.allit-map .drawer strong{font-family:Arial,sans-serif;font-size:clamp(10px,1.5vw,16px);line-height:1.1;overflow-wrap:anywhere}.allit-map .drawer small{font-size:clamp(8px,1vw,11px);line-height:1.1}.composer-map button{align-items:center;justify-content:center;text-align:center}.free-cell-mark{font-size:18px;line-height:1;color:#6c7970}.case-board-scroll{overflow:visible}.selected-bin{border-left:4px solid var(--green)}@media(max-width:650px){.allit-map{gap:3px;padding:4px;border-width:3px}.allit-map .drawer{padding:1px;border-bottom-width:1px}.allit-map .drawer strong{font-size:10px}.allit-map .drawer small{font-size:8px}}.composer-layout{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:16px}.composer-layout>.panel{min-width:0}@media(min-width:800px){.composer-layout{grid-template-columns:230px minmax(0,1fr)}.composer-layout .panel{padding:16px}.composer-layout .bin-palette{--bin-unit:24px;gap:8px}.composer-layout .palette-bin{width:calc((100% - 8px)/2);padding:8px 4px;gap:5px}.composer-layout .palette-bin b{font-size:10px;min-height:26px}.composer-layout .palette-bin small{font-size:9px;min-height:25px}.composer-layout .composer-options{flex-direction:column;align-items:flex-start;gap:10px}.composer-layout .composer-buttons>button{width:100%}.composer-layout .composer-tools p{font-size:12px;line-height:1.5}.composer-layout h2{font-size:16px}.composer-layout>section.panel{position:sticky;top:18px}}.pro-case-frame{width:100%;background:#414852;border:5px solid #747f8b;border-radius:12px;padding:6px;display:grid;grid-template-rows:minmax(0,1fr) minmax(22px,.09fr);gap:5px;box-sizing:border-box}.pro-case-upper{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:5px;min-height:0}.pro-left-area{display:flex;flex-direction:column;min-height:0;gap:3px;background:#252e36;padding:3px;border-radius:4px}.pro-fixed-vak{flex:1 1;min-height:0;display:flex;flex-direction:column;gap:2px;padding:2px;border-radius:2px;background:#c7ced6;color:#233a2e;border:1px solid #85939f}.pro-fixed-vak b{font-size:11px}.pro-fixed-vak small{font-size:9px;color:#394d41}.pro-fixed-vak.selected-tile{outline:2px solid #1a6954;outline-offset:-3px}.pro-front-vak{display:flex;justify-content:space-between;align-items:center;background:#c5ced9;border-radius:3px;color:#253f30;padding:2px 8px;font-size:10px}.pro-front-vak small{font-size:9px;color:#394d41}.pro-bin-zone{container-type:size;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center}.pro-bin-zone .case-board-scroll{display:contents}.pro-bin-zone .composer-map{max-width:100%;max-height:100%;padding:0;border:0;background:#293039;gap:3px;border-radius:2px}.pro-divider-settings{margin-top:16px}.pro-divider-settings label{display:block;max-width:180px;font-size:12px;margin-bottom:10px}.pro-divider-settings p{font-size:11px;line-height:1.5}@media(max-width:650px){.pro-case-frame{padding:4px;border-width:3px}.pro-case-upper{gap:3px}.pro-left-area{padding:2px;gap:2px}}.pro-case-upper{grid-template-columns:minmax(0,1fr) minmax(0,6fr)}.pro-case-frame{position:relative;margin-bottom:22px;grid-template-rows:minmax(0,1fr) minmax(26px,.16fr)}.pro-case-frame:after{content:"";position:absolute;left:35%;right:35%;bottom:-18px;height:18px;border:5px solid #414852;border-top:0;border-radius:0 0 8px 8px;background:transparent;box-sizing:border-box}.pro-front-vak{justify-content:center;gap:6px;clip-path:polygon(0 0,100% 0,100% 100%,70% 100%,70% 70%,30% 70%,30% 100%,0 100%);padding-bottom:8px}.pro-fixed-vak b{font-size:9px}.pro-fixed-vak small{font-size:8px}.pro-fixed-vak{background:#f4be88;border-color:#946537}.pro-front-vak{background:#6c7783;color:#fff}.pro-front-vak small{color:#fff}.storage-tree{list-style:none;padding-left:0}.storage-tree .storage-tree{margin:.5rem 0 .5rem .8rem;padding-left:1rem;border-left:2px solid #d3ddd8}.storage-tree li{padding:.4rem 0;overflow-wrap:anywhere}.storage-tree small{display:inline-block;margin-left:.5rem}.article-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.article-gallery img{width:100%;height:220px;object-fit:contain;border-radius:12px;background:#f4f6f5}.article-gallery>div:first-child img{height:300px}.article-thumb{display:flex;align-items:center;justify-content:center;background:#f1f5f3;border:1px solid #e0e7e3;color:#85978e}.article-thumb,.article-thumb img{width:56px;height:56px;border-radius:8px}.article-thumb img{object-fit:contain}.storage-leaves,.storage-outline{list-style:none;padding:0;margin:0}.storage-outline>.storage-outline{margin-left:20px}.storage-outline li>details{margin:10px 0}.storage-outline summary{display:flex;align-items:center;cursor:pointer;list-style:disclosure-open}.storage-outline summary:before{content:"▾";margin-right:8px;color:#597469}.storage-outline details:not([open])>summary:before{content:"▸"}.storage-node{display:flex;gap:12px;align-items:center;width:100%;padding:12px;background:#eef4f1;border:1px solid #d5e3db;border-radius:10px}.storage-leaf>span:nth-child(2),.storage-node>span:nth-child(2){flex:1 1;min-width:0}.storage-leaf b,.storage-node b{display:block;overflow-wrap:anywhere}.storage-leaf small,.storage-node small{display:block;color:#61756b;margin-top:3px}.storage-leaves,.storage-outline details>.storage-outline{margin-left:28px;padding-left:16px;border-left:2px solid #cadbd1}.storage-leaf{gap:10px;padding:10px;border-bottom:1px solid #edf1ee}.leaf-icon,.storage-leaf{display:flex;align-items:center}.leaf-icon{justify-content:center;width:32px;height:32px;border-radius:7px;flex:none}.tree-count{font-size:12px;color:#61756b;white-space:nowrap}.tree-actions{display:flex;gap:20px;margin:8px 0 8px 42px;font-size:13px}.tree-empty{margin:10px 0 10px 42px;color:#84938b}@media(max-width:600px){.storage-node{flex-wrap:wrap}.storage-node .tree-count{width:100%;padding-left:34px}.storage-leaves,.storage-outline details>.storage-outline{margin-left:10px;padding-left:8px}.tree-actions{margin-left:20px;gap:10px;flex-wrap:wrap}}.storage-node[draggable=true]{cursor:grab}.storage-node[draggable=true]:active{cursor:grabbing}.storage-node[draggable=true]:hover{border-color:#4e8a70;background:#e4eee8}.tree-drop-root{border:2px dashed #b6cdbf;border-radius:10px;padding:12px;margin:10px 0;color:#597466;font-size:13px}.tree-sort-drop{padding:6px 12px;border:1px dashed #b5cbbf;border-radius:6px;margin:6px 0;font-size:11px;color:#71877b;background:#fafcfb}.tree-sort-drop:hover{background:#dcece2;border-color:#347458}.node-ROOM{background:#e7eef8;border-color:#b8cce8;color:#304e72}@media screen{.sidebar{width:215px;padding:22px 16px}.sidebar nav{margin-top:26px;gap:3px}.sidebar nav a{padding:9px 10px}.brand{font-size:17px}.brand-sub{margin-top:3px}main{margin-left:215px}.topbar{height:60px;padding:12px 24px}.content{max-width:1440px;padding:20px 24px}.heading{margin-bottom:16px;gap:12px}h1{font-size:28px;margin:5px 0 7px}h2{font-size:16px;margin-bottom:12px}h3{font-size:14px;margin:10px 0 6px}.eyebrow{margin:0 0 5px;letter-spacing:1.3px}.heading .muted{margin:5px 0}.panel{padding:14px 16px;margin-bottom:14px;border-radius:7px}.section-title{margin-bottom:12px}.stats{gap:10px;margin-bottom:16px}.stat{padding:14px 16px;border-radius:7px}.stat strong{font-size:28px;margin:8px 0}.detail-grid,.project-grid{gap:14px}.project-card{padding:16px;border-radius:7px}.project-metrics{margin:12px 0;gap:16px}.location-grid{gap:9px}.location-card{padding:10px 12px;border-radius:6px}.location-card h3{font-size:17px;margin:9px 0 4px}.location-card p{margin:5px 0}.history-row,.location-stock{padding:9px 0}.history-row{gap:10px}.movement{padding:7px}.tip{padding:14px;border-radius:7px}.filters{gap:8px;margin-bottom:14px}.form{gap:10px}.form label{gap:4px}input,select,textarea{padding:8px;border-radius:5px}.button,button{padding:9px 12px;font-size:13px;border-radius:5px}th{padding:8px 10px}td{padding:10px}.badge,.chip{padding:4px 6px}.article-thumb,.article-thumb img{width:44px;height:44px}small{line-height:1.4}details{margin-top:10px}details .form{margin-top:9px}summary{padding:6px 0}dl>div{padding:8px 0}.storage-node{padding:8px;gap:8px;border-radius:6px}.storage-outline li>details{margin:6px 0}.storage-leaf{padding:6px;gap:7px}.leaf-icon{width:26px;height:26px}.tree-actions{margin-top:5px;margin-bottom:5px;font-size:12px}.tree-sort-drop{padding:3px 8px;margin:3px 0}.tree-drop-root{padding:8px;margin:6px 0}.article-gallery{gap:10px}.article-gallery img{height:170px}.article-gallery>div:first-child img{height:220px}.qr-preview{margin-top:14px}.empty{padding:12px}}@media screen and (max-width:1100px) and (min-width:651px){.sidebar{width:190px;padding:18px 12px}main{margin-left:190px}.content{padding:16px 18px}.topbar{padding:10px 18px}}@media screen and (max-width:650px){.sidebar{width:100%;padding:12px 14px}.sidebar nav{margin-top:10px}.sidebar nav a{padding:9px 8px}main{margin:0}.topbar{height:auto;padding:10px 14px}.content{padding:14px 12px}.heading{gap:9px}h1{font-size:25px}.panel{margin-bottom:10px}.panel,.stat{padding:12px}.stats{gap:8px}.detail-grid{gap:10px}.button,button,input,select{min-height:42px}.form{gap:9px}.location-card{padding:10px}.tree-actions a{padding:5px 0}}.auth-main{margin:0!important;padding:40px 16px!important}.auth-panel{max-width:480px;margin:5vh auto}.backup-list{overflow-wrap:anywhere}