*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Segoe UI,Arial,sans-serif;color:#f4f8ff;background:#061426}body{display:flex;font-size:13px}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;padding:18px 10px;background:linear-gradient(180deg,#0d2d50,#071b31 72%,#06172a);border-right:1px solid #1d4770;box-shadow:8px 0 24px #0009;z-index:5}.brandbox{height:82px;display:flex;align-items:center;gap:12px;padding:0 7px}.appicon{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,#45b7ff,#0875dd 55%,#054fa5);border:2px solid #64c9ff;box-shadow:inset 4px 4px 8px #9de0ff99,inset -5px -6px 9px #033b82aa,0 8px 12px #0008;position:relative}.appicon:before{content:'🛍️';font-size:34px;filter:drop-shadow(0 3px 1px #003d78)}.appicon span{position:absolute;right:7px;bottom:5px;font-size:17px;color:#ffe245;font-weight:900;text-shadow:0 2px 2px #784500}.brandbox b{display:block;font-size:14px}.brandbox strong{display:block;font-size:30px;line-height:32px;color:#2499ff;text-shadow:0 2px 0 #003e7d}.brandbox strong span{color:#ff9d00}nav{display:grid;gap:7px;margin-top:10px}nav button{height:53px;border:1px solid transparent;border-radius:12px;padding:0 13px;text-align:left;background:transparent;color:#e8f2ff;font-size:14px;font-weight:800;cursor:pointer;display:flex;align-items:center;gap:12px;box-shadow:none}nav button:hover,nav button.active{background:linear-gradient(#209eff,#0870d4);border-color:#5bc1ff;box-shadow:inset 0 2px #9bdcff,inset 0 -3px #0753a9,0 6px 11px #0008}.menuicon,.titleicon{font-style:normal;display:inline-grid;place-items:center}.menuicon{width:35px;height:35px;border-radius:10px;font-size:20px;background:linear-gradient(145deg,#299ef1,#0a579e);border:1px solid #4ab7ff;box-shadow:inset 2px 2px 3px #92d8ff88,inset -3px -3px 4px #063c75,0 3px 5px #0007;filter:saturate(1.2)}nav button.active .menuicon{background:linear-gradient(145deg,#63c9ff,#1681e4)}.sideart{position:absolute;bottom:125px;left:66px}.bag{font-size:72px;filter:drop-shadow(0 9px 6px #0008);transform:rotate(-7deg);position:relative}.bag span{position:absolute;right:-3px;bottom:3px;color:#ffd335;font-size:30px;font-weight:900;text-shadow:0 3px 2px #6e3e00}.sidetitle{position:absolute;bottom:35px;left:0;width:100%;text-align:center;font-size:19px;font-weight:900;line-height:25px}.sidetitle small{display:block;font-size:11px;font-weight:500;color:#9eb4cc;margin-top:10px}main{margin-left:238px;width:calc(100% - 238px);padding:14px 16px 10px;background:radial-gradient(circle at 35% 0,#0d3156 0,#071b32 43%,#061426 100%);min-height:100vh}header{height:55px;display:flex;align-items:center;justify-content:space-between;padding:0 8px}header h1{font-size:17px;margin:0}header p{margin:3px 0;color:#91a9c4}.window{display:flex;align-items:center;gap:8px;color:#9fb3c9}.dot{width:9px;height:9px;border-radius:50%;background:#ff496c;box-shadow:0 0 10px currentColor}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:13px}.stats article,.panel{background:linear-gradient(145deg,#123456,#0a213b);border:1px solid #24547f;border-radius:15px;box-shadow:inset 0 1px #ffffff17,inset 0 -2px #031325,6px 7px 14px #020914aa}.stats article{height:101px;display:flex;align-items:center;padding:12px;gap:12px}.staticon{font-style:normal;width:57px;height:57px;border-radius:14px;display:grid;place-items:center;font-size:29px;border:2px solid #ffffff35;box-shadow:inset 4px 4px 7px #ffffff55,inset -5px -6px 8px #0005,0 7px 10px #0008;filter:saturate(1.3)}.green{background:linear-gradient(145deg,#38ef8a,#079b49)}.blue{background:linear-gradient(145deg,#39b6ff,#0866ca)}.orange{background:linear-gradient(145deg,#ffd44a,#ec7600)}.red{background:linear-gradient(145deg,#ff7486,#d51e40)}.purple{background:linear-gradient(145deg,#bf7aff,#6720d5)}.stats span,.stats em{display:block;color:#c9d7e7;font-style:normal}.stats strong{display:block;font-size:25px;line-height:30px}.stats em{font-size:12px;color:#9fb2c7}.panel{padding:12px}.productpanel{height:432px}.paneltitle{display:flex;justify-content:space-between;align-items:center;gap:12px}.paneltitle h2,.panel h2{font-size:17px;margin:0}.titleicon{width:29px;height:29px;border-radius:9px;margin-right:5px;background:linear-gradient(145deg,#42b7ff,#075db2);border:1px solid #62c6ff;box-shadow:inset 2px 2px 3px #a4e1ff88,inset -3px -3px 4px #033b75,0 3px 5px #0007;font-size:16px}.paneltitle p{margin:4px 0;color:#92abc5}.tools,.inline,.bigactions,.paneltitle>div:last-child{display:flex;gap:8px;align-items:center}input,select{height:36px;background:#07192d;border:1px solid #315d88;border-radius:8px;color:#fff;padding:0 11px;outline:none;box-shadow:inset 2px 2px 4px #0008,inset -1px -1px #285276}input:focus,select:focus{border-color:#299cff;box-shadow:0 0 0 2px #168cff22,inset 2px 2px 4px #0008}.tools input{width:245px}.tools select{width:140px}button{height:37px;border:1px solid #43a8ef;border-radius:9px;padding:0 13px;background:linear-gradient(#2ba3f2,#0b60ac);color:#fff;font-weight:900;cursor:pointer;box-shadow:inset 0 2px #9bdcff88,inset 0 -3px #06447e,0 5px 8px #0006;text-shadow:0 1px 1px #00365f}button:active{transform:translateY(1px);box-shadow:inset 0 2px 5px #003b70}.tablewrap{height:376px;overflow:auto;margin-top:10px;border:1px solid #1b456c;border-radius:9px;background:#071b31}table{width:100%;border-collapse:collapse;min-width:1320px}thead{position:sticky;top:0;z-index:2;background:#123457}th{height:47px;color:#f2f6fb;font-size:11px;text-align:center;border-right:1px solid #285173}td{height:43px;padding:5px 8px;border-top:1px solid #173b5c;border-right:1px solid #173b5c;text-align:center;color:#e7eef8}tbody tr:nth-child(even){background:#0a233e}tbody tr:hover{background:#10345a}.productName{text-align:left;font-weight:800}.productName small{display:block;color:#7594b2;font-weight:500}.badge{padding:4px 9px;border-radius:12px;background:linear-gradient(#24d974,#078e43);border:1px solid #4df397;color:#fff;font-size:10px;box-shadow:inset 0 1px #a1ffc8,0 2px 4px #0007}.badge.floorhit{background:linear-gradient(#ffc64b,#e37a00);border-color:#ffdc7d}.floor{color:#ffcf58;font-weight:800}.toggle{display:inline-block;width:42px;height:23px;border-radius:15px;background:#52677e;padding:3px;box-shadow:inset 2px 2px 4px #0008}.toggle:after{content:'';display:block;width:17px;height:17px;background:linear-gradient(#fff,#bcd3e8);border-radius:50%;transition:.2s;box-shadow:0 2px 3px #0008}.toggle.on{background:#168ef0}.toggle.on:after{margin-left:19px}.lower{display:grid;grid-template-columns:1fr 1.22fr;gap:13px;margin-top:13px}.lower .panel{height:245px}.bigactions{margin:13px 0}.bigactions button{height:47px;flex:1;font-size:16px}.start{background:linear-gradient(#2bec7d,#079d48);border-color:#50f99b}.stop,.emergency{background:linear-gradient(#ff6172,#d51d38);border-color:#ff7d8b}.emergency{margin-top:9px;width:100%}.controlgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.controlgrid label{color:#c9d8e7;font-size:12px}.controlgrid select{display:block;width:100%;margin-top:5px}.check{display:block;margin-top:10px;color:#c9d8e7}.check input{height:auto}.loghead,.log>div{display:grid;grid-template-columns:78px 1.4fr 1.1fr 1.2fr;gap:8px;padding:7px 8px}.loghead{margin-top:10px;background:#133759;color:#bcd0e3;font-size:11px;border-radius:6px}.log{height:168px;overflow:auto}.log>div{border-bottom:1px solid #173754;color:#c5d4e4;font-size:11px}.mini{height:30px;font-size:11px}.hiddenPanel,.settingsPanel{margin-top:13px}.hiddenList{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.hiddenTag{display:flex;align-items:center;gap:8px;background:#07192d;border:1px solid #2b5b84;border-radius:9px;padding:6px 9px;box-shadow:inset 1px 1px #285276}.hiddenTag button{height:24px;padding:0 7px;background:linear-gradient(#a73d57,#6d1c33);border:0}.counter{font-size:11px;background:#0b72ce;border-radius:12px;padding:3px 7px}.settingsPanel{margin-bottom:8px}footer{text-align:center;color:#6f8ca8;padding:10px}footer a{color:#39aaff}.modal{display:none;position:fixed;inset:0;background:#000c;z-index:30;align-items:center;justify-content:center}.modal.show{display:flex}.dialog{width:400px;background:linear-gradient(#12365c,#091d35);border:1px solid #3d719d;border-radius:17px;padding:22px;box-shadow:inset 0 1px #ffffff22,0 20px 60px #000}.dialog input{display:block;width:100%;margin:7px 0}@media(max-width:1250px){.sidebar{width:190px}.brandbox strong{font-size:24px}.appicon{width:48px;height:48px}.appicon:before{font-size:28px}main{margin-left:190px;width:calc(100% - 190px)}.stats{grid-template-columns:repeat(5,minmax(155px,1fr));overflow:auto}.stats article{min-width:170px}.tools select{display:none}}@media(max-width:900px){.sidebar{width:72px}.brandbox div:last-child,.sidebar nav span,.sideart,.sidetitle{display:none}.brandbox{justify-content:center;padding:0}.appicon{width:48px}.sidebar nav button{justify-content:center;padding:0}main{margin-left:72px;width:calc(100% - 72px)}.lower{grid-template-columns:1fr}.lower .panel{height:auto}.controlgrid{grid-template-columns:1fr}.paneltitle{align-items:flex-start;flex-direction:column}.tools{width:100%;flex-wrap:wrap}.tools input{width:100%}}
/* V1.5 functional UI */
.view{display:none}.view.active{display:block}.pagepanel{min-height:180px;margin-bottom:14px}.tall{height:calc(100vh - 165px)}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:14px}.muted{color:#91a9c4}.formgrid,.settingsgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.formgrid label,.settingsgrid label{color:#c9d8e7}.formgrid select,.settingsgrid select{display:block;width:100%;margin-top:7px}.connection{margin-top:22px;padding:18px;border:1px solid #28557e;border-radius:12px;background:#07192d;display:flex;gap:14px;align-items:center}.connection b{color:#39e990}.about{text-align:center;padding:42px}.appicon.big{width:82px;height:82px;margin:0 auto 15px}.empty{text-align:center;color:#7895b2;padding:34px;display:none}.tablewrap.empty-state table{display:none}.tablewrap.empty-state .empty{display:block}.sideart{bottom:132px;left:82px}.bag{font-size:54px}.sidetitle{font-size:16px;line-height:21px}.productpanel{height:355px}.tablewrap{height:300px}.lower .panel{height:230px}header{height:58px}.stats article{height:88px}.stats{gap:9px}.staticon{width:50px;height:50px;font-size:25px}.stats strong{font-size:22px}.sidebar{overflow:hidden}.historylog{height:calc(100vh - 230px)}
@media(max-width:1200px){.sideart{display:none}.sidetitle{bottom:20px}.twocol{grid-template-columns:1fr}.productpanel{height:390px}.tablewrap{height:335px}}
/* V1.6 visual lock + sidebar overlap fix */
.sideart{display:none!important}.sidetitle{bottom:20px!important;left:12px!important;width:calc(100% - 24px)!important;font-size:15px!important;line-height:20px!important;padding-top:12px;border-top:1px solid #19456e}.sidetitle small{margin-top:6px!important}.sidetitle a{display:block;margin-top:8px;color:#35b7ff;font-size:11px;text-decoration:none}.brandbox{height:92px!important}.brandbox .appicon{width:64px!important;height:64px!important;border-radius:18px!important;background:linear-gradient(145deg,#21aaff,#0565c6 55%,#063e83)!important}.appicon:before{content:'🛍️'!important;font-size:38px!important}.brandbox strong{font-size:29px!important;letter-spacing:-1px}.brandbox strong:after{content:'◆';font-size:14px;color:#ffb000;margin-left:4px;vertical-align:middle}.brandbox strong span{display:none}
/* Keep desktop master layout stable instead of collapsing at ordinary laptop widths */
@media (min-width:1000px){.sidebar{width:238px!important}.brandbox div:last-child{display:block!important}.sidebar nav span{display:inline!important}main{margin-left:238px!important;width:calc(100% - 238px)!important}.stats{grid-template-columns:repeat(5,minmax(0,1fr))!important;overflow:visible!important}.stats article{min-width:0!important}.tools select{display:block!important}.sidetitle{display:block!important}}

/* V1.7 sidebar locked to approved reference */
.sidebar{width:238px!important;padding:8px 10px 12px!important;background:linear-gradient(180deg,#0b2948 0%,#071d34 70%,#07192e 100%)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
.reference-brand{height:74px!important;padding:0!important;display:block!important;flex:none!important}
.reference-brand img{display:block;width:100%;height:74px;object-fit:contain;object-position:left center}
.sidebar nav{display:grid!important;gap:4px!important;margin-top:4px!important;flex:none!important}
.sidebar nav button{height:51px!important;border-radius:11px!important;padding:0 13px!important;font-size:14px!important;font-weight:500!important;gap:11px!important}
.sidebar nav button.active{font-weight:700!important;background:linear-gradient(180deg,#229fff,#0876df)!important;border:1px solid #52baff!important;box-shadow:inset 0 2px 1px #8bd5ff,inset 0 -3px 3px #0758b6,0 5px 11px #0007!important}
.sidebar .menuicon{width:31px!important;height:31px!important;background:transparent!important;border:0!important;box-shadow:none!important;font-size:20px!important;filter:drop-shadow(0 2px 1px #001b35)!important}
.sideart-ref{margin-top:auto;display:flex;justify-content:center;align-items:flex-end;min-height:155px;max-height:190px;overflow:hidden;flex:1}
.sideart-ref img{width:176px;max-height:183px;object-fit:contain;object-position:center bottom;display:block}
.sidebar-footer{flex:none;text-align:center;font-size:11px;color:#9eb4cc;padding:9px 0 3px;border-top:1px solid #19456e;white-space:nowrap}
.sidebar-footer a{color:#39aaff;text-decoration:underline;font-weight:600}
.sidetitle,.sideart{display:none!important}
main{margin-left:238px!important;width:calc(100% - 238px)!important}
@media(max-height:760px) and (min-width:901px){.sidebar nav button{height:45px!important}.reference-brand,.reference-brand img{height:66px!important}.sideart-ref{min-height:95px;max-height:120px}.sideart-ref img{width:125px;max-height:120px}.sidebar-footer{padding-top:5px}}
@media(max-width:900px){.sidebar{width:72px!important;padding:8px 7px!important}.reference-brand img{display:none}.reference-brand{height:58px!important;background:url('sidebar-brand.png') left center/205px auto no-repeat!important}.sidebar nav button{justify-content:center!important;padding:0!important}.sidebar nav span,.sideart-ref,.sidebar-footer{display:none!important}main{margin-left:72px!important;width:calc(100% - 72px)!important}}