:root{color:#202020;--px:2px;background:#e9e6db;font-family:Cascadia Mono,SFMono-Regular,Consolas,Liberation Mono,Courier New,monospace}*{box-sizing:border-box}html{image-rendering:pixelated}body{background:#e9e6db;grid-template-columns:232px minmax(0,1fr);min-height:100vh;margin:0;display:grid}.sidebar{flex-direction:column;height:100vh;padding:18px 14px;display:flex;position:sticky;top:0;overflow:hidden auto}.brand{align-items:center;gap:10px;padding:4px 5px 18px;display:flex}.brand>i{place-items:center;width:40px;height:40px;font-size:15px;font-style:normal;font-weight:900;display:grid}.brand span{display:grid}.brand b{letter-spacing:-.04em;font-size:14px}.brand small{text-transform:uppercase;letter-spacing:.08em;margin-top:3px;font-size:8px}.sidebar nav,.platform-nav,#moduleNav{gap:6px;display:grid}.nav-label{letter-spacing:.16em;margin:14px 8px 4px;font-size:8px;font-weight:900}.sidebar button{text-align:left;cursor:pointer;border:0;padding:9px 10px;font-size:11px;font-weight:800}.platform-nav{margin-top:auto;padding-top:8px}main{min-width:0;padding:24px 28px 44px}header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:20px;display:flex}header small,.section-head small,.context-card small,.store-card small{letter-spacing:.14em;text-transform:uppercase;color:#68665f;font-size:8px;font-weight:900}h1{letter-spacing:-.06em;margin:5px 0;font-size:27px;line-height:1.05}h2{letter-spacing:-.04em;margin:4px 0;font-size:19px}h3{margin:4px 0;font-size:14px}header p,.section-head p,.context-card p,.store-card p{color:#6b6962;margin:0;font-size:10px;line-height:1.55}.header-right{align-items:center;gap:10px;display:flex}.test-account-switcher{gap:4px;display:grid}.test-account-switcher span{letter-spacing:.12em;color:#68665f;font-size:8px;font-weight:900}.test-account-switcher select{min-width:130px;font:inherit;background:#fffef7;border:2px solid #595850;border-radius:2px;outline:none;padding:9px 10px;font-size:10px;font-weight:900}.global-search input{width:250px;font:inherit;background:#fffef7;border:2px solid #595850;border-radius:2px;outline:none;padding:10px 11px;font-size:10px}button{font:inherit;cursor:pointer;color:#fff;text-transform:uppercase;letter-spacing:.02em;background:#2f61a7;border:2px solid #252525;border-radius:2px;padding:9px 12px;font-size:10px;font-weight:900}button:disabled{opacity:.45;cursor:not-allowed}.ghost{color:#282828;background:#fffef7}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.metrics article{background:#fffef7;border:2px solid #4e4c46;border-radius:2px;padding:14px}.metrics strong{margin:5px 0 0;font-size:26px;display:block}.metrics p{color:#77736a;margin:0;font-size:9px}.view{display:none}.view.active{display:block}.section-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px;display:flex}.empty,.empty-list,.no-results{text-align:center;color:#68665f;background:#fffef7;border:2px dashed #77736a;border-radius:2px;padding:30px 18px;font-size:10px}.context-list,.task-list{gap:10px;margin-bottom:16px;display:grid}.context-card,.task-card,.store-card,.settings-card{background:#fffef7;border:2px solid #4e4c46;border-radius:2px}.context-card{padding:14px}.context-main{min-width:0}.settings-card{gap:13px;max-width:760px;padding:16px;display:grid}.settings-card label,.form-grid label{text-transform:uppercase;color:#55534d;gap:6px;font-size:9px;font-weight:900;display:grid}.settings-card input,.settings-card textarea,.settings-card select,.form-grid input,.form-grid textarea,.form-grid select{width:100%;font:inherit;background:#fffef7;border:2px solid #66635c;border-radius:2px;outline:none;padding:10px;font-size:10px}.settings-card textarea,.form-grid textarea{resize:vertical;min-height:110px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.form-actions,.task-actions{justify-content:flex-end;gap:8px;display:flex}.store-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.store-card{grid-template-columns:1fr auto;align-items:center;gap:10px;padding:15px;display:grid}.store-card small,.store-card h3,.store-card p{grid-column:1}.store-card mark{color:#272727;background:#f6c344;border:2px solid #272727;border-radius:2px;grid-area:1/2/4;align-self:center;padding:5px 7px;font-size:8px;font-weight:900}.store-card button{grid-column:1/-1}.task-card{gap:9px;padding:13px;display:grid}.task-card-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.task-card-head mark{border:2px solid;border-radius:2px;padding:4px 6px;font-size:8px;font-weight:900}.status-todo{color:#4e4c46;background:#e6e4dc}.status-doing{color:#5a4400;background:#f6c344}.status-done{color:#fff;background:#4d8d58}.task-actions button{padding:7px 8px;font-size:9px}.muted{color:#77736a;font-size:9px}.toast{color:#fff;opacity:0;pointer-events:none;z-index:40;background:#222;border:2px solid #000;border-radius:2px;padding:10px 12px;font-size:10px;transition:all .12s;position:fixed;bottom:22px;right:22px;transform:translateY(18px);box-shadow:4px 4px #7a7770}.toast.show{opacity:1;transform:none}.hidden,[hidden]{display:none!important}.of-qr-panel canvas{background:#fff;border:2px solid #252525;max-width:100%;height:auto}.of-qr-result{background:#fffef7;border:2px dashed #77736a;min-height:90px;padding:12px;font-size:10px;line-height:1.5}.of-qr-result p{margin:6px 0}#zaloChatHost{min-height:80px;margin-top:8px}@media (width<=1000px){body{grid-template-columns:190px minmax(0,1fr)}.metrics,.store-grid,.of-qr-grid,.form-grid{grid-template-columns:1fr}.header-right{align-items:flex-end}.global-search input{width:190px}main{padding:20px 18px 36px}}@media (width<=720px){body{display:block}.sidebar{width:100%;height:auto;position:relative}.platform-nav{margin-top:14px}main{padding:16px 12px 32px}header{flex-direction:column}.header-right,.global-search,.global-search input,.test-account-switcher,.test-account-switcher select{width:100%}.metrics{grid-template-columns:1fr}}:root{--of-bg:#e9e6db;--of-paper:#fffef7;--of-ink:#252525;--of-line:#4d4a43;--of-side:#c9c4b8;--of-side-dark:#aba69b;--of-red:#c7352d;--of-blue:#2f61a7;--of-yellow:#f6c344;--of-green:#4d8d58;--of-shadow:4px 4px 0 #8d887d;--of-shadow-deep:6px 6px 0 #777268}body{color:var(--of-ink);background-color:var(--of-bg);background-image:linear-gradient(#d7d2c7 1px,#0000 1px),linear-gradient(90deg,#d7d2c7 1px,#0000 1px);background-size:16px 16px}.sidebar{color:#292929;z-index:5;background:linear-gradient(135deg,#d8d3c8 0 82%,#b9b3a7 82%);border-right:2px solid #4c4943;box-shadow:6px 0 #9f9a90}.brand{border-bottom:2px solid #6d6961;margin-bottom:7px}.brand>i{background:var(--of-red);color:#fff;text-shadow:2px 2px #6e1f1a;border:2px solid #292929;border-radius:2px;box-shadow:4px 4px #7f211c,inset 2px 2px #ffffff38}.brand b{color:#202020}.brand small{color:#5f5b54}.nav-label{color:#5d5952!important}.platform-nav{border-top:2px solid #706b63}.sidebar nav,.platform-nav,#moduleNav{gap:7px}.sidebar button{white-space:nowrap;grid-template-columns:30px minmax(0,1fr);align-items:center;column-gap:9px;min-height:42px;line-height:1.1;transition:transform 80ms,box-shadow 80ms;overflow:hidden;color:#2e2e2e!important;background:#e9e5da!important;border:2px solid #5b5851!important;border-radius:2px!important;padding:6px 9px!important;display:grid!important;box-shadow:3px 3px #918c82!important}.sidebar button:before{color:#252525;background:#f6c344;border:2px solid #333;border-radius:2px;place-items:center;width:26px;height:26px;font-family:inherit;font-size:13px;font-weight:900;display:grid;box-shadow:2px 2px #8a6e22,inset 1px 1px #ffffff73}.sidebar button[data-view=monitoring]:before{content:"▦"}.sidebar button[data-view=organization]:before{content:"♟";color:#fff;background:#4d8d58;box-shadow:2px 2px #2e5937}.sidebar button[data-view=communication]:before{content:"✉";color:#222;background:#f6c344;box-shadow:2px 2px #8a6e22}.sidebar button[data-view=store]:before{content:"▣";color:#fff;background:#2f61a7;box-shadow:2px 2px #173b6d}.sidebar button[data-view=support]:before{content:"?";background:#f6c344}.sidebar button[data-view=developer]:before{content:">_";color:#fff;background:#333;font-size:8px;box-shadow:2px 2px #111}.sidebar button.active{transform:translate(-1px,-1px);color:#fff!important;background:var(--of-blue)!important;border-color:#202020!important;box-shadow:4px 4px #183b69!important}.sidebar button.active:before{color:#202020;background:#fffef7;box-shadow:2px 2px #a7a39a}.sidebar button:hover{transform:translate(-1px,-1px)}.sidebar button:active{transform:translate(2px,2px);box-shadow:1px 1px #777!important}button{transition:transform 80ms,box-shadow 80ms,filter 80ms;box-shadow:3px 3px #172f51,inset 1px 1px #ffffff2e}button:hover{filter:brightness(1.03);transform:translate(-1px,-1px)}button:active{transform:translate(2px,2px);box-shadow:1px 1px #1b1b1b}button.ghost{box-shadow:3px 3px #918c82;color:#262626!important;background:#fffef7!important}.global-search input,.settings-card input,.settings-card select,.settings-card textarea,.form-grid input,.form-grid select,.form-grid textarea{box-shadow:2px 2px #b1aca1}.global-search input:focus,.settings-card input:focus,.settings-card select:focus,.settings-card textarea:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#2f61a7;outline:none;box-shadow:3px 3px #8ba6ce}#monitoring.view.active{background:#d4cfbf;border:2px solid #4d4a43;border-radius:2px;padding:13px;position:relative;box-shadow:5px 5px #817c72}.metrics{gap:10px;margin-bottom:16px}.metrics article{grid-template-columns:34px minmax(0,1fr);grid-template-areas:"icon label""icon value""icon meta";align-content:center;column-gap:9px;min-height:80px;position:relative;background:#fffef7!important;border:2px solid #3f3d38!important;border-radius:2px!important;padding:10px 12px!important;display:grid!important;box-shadow:3px 3px #8d887d!important}.metrics article:before{color:#fff;border:2px solid #252525;border-radius:2px;grid-area:icon;place-items:center;width:30px;height:30px;font-family:inherit;font-size:9px;font-weight:900;display:grid;box-shadow:3px 3px #777,inset 2px 2px #ffffff40}.metrics article small{grid-area:label}.metrics article strong{grid-area:value}.metrics article p{grid-area:meta}.metrics article:first-child:before{content:"CTX";background:var(--of-blue);box-shadow:3px 3px #183b69}.metrics article:nth-child(2):before{content:"WRK";background:var(--of-yellow);color:#222;box-shadow:3px 3px #8a6e22}.metrics article:nth-child(3):before{content:"OUT";background:var(--of-green);box-shadow:3px 3px #2e5937}.metrics article:after,.context-card:after,.store-card:after,.settings-card:after{content:"";background:#d8d3c8;border:2px solid #59554e;width:8px;height:8px;position:absolute;top:8px;right:8px;box-shadow:2px 2px #8f8a80}.section-head{margin-top:3px;margin-bottom:8px}.context-list,.task-list{gap:9px}.context-card,.store-card,.settings-card{position:relative;background:#fffef7!important;border-color:#4d4a43!important;box-shadow:3px 3px #918c82!important}.context-card{padding-top:12px!important;padding-bottom:12px!important;padding-left:58px!important}.context-card:before{content:"";background:var(--of-blue);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);border:2px solid #252525;width:30px;height:30px;position:absolute;top:14px;left:14px;box-shadow:3px 3px #183b69,inset 2px 2px #fff3}.store-card mark{box-shadow:2px 2px #8a6e22}.settings-card{gap:10px!important;padding:13px!important}.support-panel,.support-health-card,.support-status,.developer-metrics article{border-radius:2px!important;box-shadow:3px 3px #918c82!important}.support-health-grid,.developer-metrics{gap:9px!important}.support-status.ok{border-color:#2e5937!important}.support-status.warn{border-color:#8a6e22!important}.support-status.error{border-color:#7f211c!important}.sidebar{scrollbar-gutter:stable;overflow:hidden auto!important}.sidebar::-webkit-scrollbar{width:10px}.sidebar::-webkit-scrollbar-track{background:#bdb8ad;border-left:2px solid #6d6961}.sidebar::-webkit-scrollbar-thumb{background:#f6c344;border:2px solid #333;border-radius:0}.sidebar::-webkit-scrollbar-thumb:hover{background:#ffd45e}.platform-nav{margin-top:14px!important}.of-qr-modal{z-index:80;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.of-qr-backdrop{background:#1e1e1cad;position:absolute;inset:0}.of-qr-panel{background:var(--of-paper);border:2px solid var(--of-ink);width:min(900px,100vw - 32px);max-height:calc(100vh - 32px);padding:16px;position:relative;overflow:auto;box-shadow:8px 8px #55514a}.of-qr-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.of-qr-panel canvas{background:#fff;border:2px solid #333;max-width:100%;height:auto;margin:12px auto 0;display:block;box-shadow:4px 4px #918c82}.of-qr-result{background:#f4f1e8;border:2px dashed #77736a;min-height:110px;padding:12px;line-height:1.55}.of-qr-result b{margin-bottom:6px;display:block}.of-qr-result p{margin:4px 0;font-size:10px}.of-qr-result button{margin-top:8px}.platform-status-card{grid-column:1/-1}.store-card [data-store-action]{grid-column:1/-1;justify-self:start}.settings-card #zaloChatHost{min-height:72px}.sidebar button[data-view=communication]{display:grid!important}@media (width<=1000px){.metrics{gap:10px}.context-card{padding-left:52px!important}.of-qr-grid{grid-template-columns:1fr}}@media (width<=720px){.of-qr-modal{padding:10px}.of-qr-panel{width:100%;max-height:calc(100vh - 20px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.support-status{background:#fffef7;border:2px solid #4d4a43;border-radius:2px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:12px 14px;display:flex;box-shadow:3px 3px #918c82}.support-status span{gap:2px;display:grid}.support-status strong{font-size:18px}.support-status.ok strong{color:#2e5937}.support-status.warn strong{color:#8a6e22}.support-status.error strong{color:#7f211c}.support-health-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.support-health-card{background:#fffef7;border:2px solid #4d4a43;border-radius:2px;gap:8px;min-width:0;padding:12px;display:grid;box-shadow:3px 3px #918c82}.support-health-card>div{justify-content:space-between;gap:8px;display:flex}.support-health-card p{color:#68665f;margin:0;font-size:10px;line-height:1.5}.support-health-card.ok{border-top-color:#2e5937}.support-health-card.warn{border-top-color:#8a6e22}.support-health-card.error{border-top-color:#7f211c}.support-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.support-panel{background:#fffef7;border:2px solid #4d4a43;border-radius:2px;gap:8px;padding:14px;display:grid;box-shadow:3px 3px #918c82}.support-panel h3{margin:0}.support-panel p{color:#68665f;margin:0;font-size:10px;line-height:1.55}.support-panel pre,.developer-support-result{white-space:pre-wrap;word-break:break-word;background:#f4f1e8;border:2px solid #77736a;border-radius:2px;max-height:280px;margin:0;padding:10px;font-size:10px;overflow:auto;box-shadow:2px 2px #b1aca1}.support-panel-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.developer-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.developer-metrics article{background:#fffef7;border:2px solid #4d4a43;border-radius:2px;gap:4px;padding:12px;display:grid;box-shadow:3px 3px #918c82}.developer-metrics strong{font-size:18px}.developer-list{background:#fffef7;border:2px solid #5b5851;border-radius:2px;display:grid;overflow:hidden;box-shadow:2px 2px #b1aca1}.developer-list>div{border-bottom:2px solid #d7d2c7;justify-content:space-between;gap:12px;padding:9px 10px;display:flex}.developer-list>div:last-child{border-bottom:0}.developer-list span{color:#68665f;font-size:9px}.developer-log{margin-top:12px}.developer-note{background:#f4f1e8;border:2px dashed #77736a;border-radius:2px;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;display:flex}.developer-note span,.developer-note-inline{color:#68665f;font-size:10px}.support-loading{text-align:center;color:#68665f;padding:24px}.developer-list button{margin-top:4px;padding:5px 8px;font-size:9px}@media (width<=1100px){.support-health-grid,.developer-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.support-health-grid,.developer-metrics,.support-layout{grid-template-columns:1fr}.developer-list>div{display:grid}}