@font-face{font-family:Mona Sans Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/mona-sans-vietnamese-wght-normal-DsUdksa4.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Mona Sans Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/mona-sans-latin-ext-wght-normal-BqSk0Z3x.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Mona Sans Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/mona-sans-latin-wght-normal-Pz49MTQZ.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--cyan: #007caf;--cyan-dark: #005a8c;--cyan-light: #e6f3f9;--deep: #0a2540;--ink: #1a2530;--muted: #5b6b7a;--line: #d8dfe5;--bg: #f4f7f9;--surface: #ffffff;--ok: #28a745;--warn: #ffc107;--danger: #dc3545;--info: #17a2b8;--viewer-bg: #f4f7f9;--radius: 4px;--font: "Mona Sans Variable", "Mona Sans", Verdana, sans-serif;--mono: Consolas, "Cascadia Mono", monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);color:var(--ink);background:var(--bg);font-size:15px;line-height:1.45}body:before{content:"";position:fixed;left:0;right:0;bottom:0;height:calc(100vw * 874.28 / 2327.52);background:url(/scene.svg) center bottom / 100% auto no-repeat;opacity:.9;z-index:-1;pointer-events:none}@media print{body:before{display:none}}h1{font-size:1.6rem;margin:.2rem 0 1rem;color:var(--deep)}h2{font-size:1.15rem;margin:.3rem 0;color:var(--deep)}h3{font-size:1rem;margin:0 0 .6rem;color:var(--deep)}a{color:var(--cyan);text-decoration:none}a:hover{color:var(--cyan-dark)}code,.mono{font-family:var(--mono)}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--danger)}.notice{background:var(--cyan-light);border-left:3px solid var(--cyan);padding:.5rem .75rem;border-radius:var(--radius)}.spacer{flex:1}.btn{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:.4rem .8rem;border-radius:var(--radius);cursor:pointer}.btn:hover{border-color:var(--cyan);color:var(--cyan-dark)}.btn.primary{background:var(--cyan);border-color:var(--cyan);color:#fff}.btn.primary:hover{background:var(--cyan-dark);color:#fff}.btn:disabled{opacity:.5;cursor:default}.btn.small{padding:.15rem .5rem;font-size:.8rem}input,select{font:inherit;border:1px solid var(--line);border-radius:var(--radius);padding:.4rem .5rem;background:var(--surface);color:var(--ink);min-width:0}input:focus,select:focus{outline:2px solid var(--cyan-light);border-color:var(--cyan)}label{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:var(--muted)}label.check{flex-direction:row;align-items:center;gap:.4rem}.form{display:flex;flex-direction:column;gap:.75rem}.inline-form{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center;margin:.3rem 0}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.row{display:flex;gap:.5rem}.login{min-height:100vh;display:grid;place-items:center;padding:24px;background:#f4f8fa;position:relative;z-index:0}.login-card{display:flex;width:min(1180px,100%);height:min(690px,calc(100vh - 48px));background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:0 18px 48px #0a254024}.login-art{position:relative;width:52%;background:var(--deep);color:#fff;padding:46px;overflow:hidden;display:flex;flex-direction:column}.login-art:after{content:"";position:absolute;left:-4%;right:-4%;bottom:-8px;height:48%;background:linear-gradient(180deg,#b8c7d4,#7e8f9e 55%,#5d6e7d);-webkit-mask:url(/scene.svg) bottom center / contain no-repeat;mask:url(/scene.svg) bottom center / contain no-repeat;opacity:.6;pointer-events:none}.product-mark{align-self:center;font-size:30px;font-weight:700;letter-spacing:-.02em;color:#fff}.login-art h1{font-size:44px;line-height:1.05;margin:105px 0 16px;max-width:520px;letter-spacing:-.04em;font-weight:600;color:#fff}.login-art p{color:#c8d5dd;max-width:440px;font-size:16px;line-height:1.55;margin:0;position:relative;z-index:1}.login-form-wrap{position:relative;flex:1;background:#fff;display:grid;place-items:center;padding:42px}.login-form{width:min(390px,100%)}.house-mark{position:absolute;right:28px;bottom:24px;width:118px;height:auto;opacity:.85}.login-form .eyebrow{color:var(--cyan);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.login-form h2{font-size:29px;margin:8px 0 7px;letter-spacing:-.03em;color:var(--ink)}.login-form h3{margin:0 0 8px}.login-form>p{color:var(--muted);margin:0 0 30px}.login-form .form{gap:0}.login-form label{display:block;font-size:13px;font-weight:600;color:var(--ink);margin:16px 0 7px}.login-form label input{margin-top:7px}.login-form input{width:100%;border:1px solid var(--line);border-radius:8px;padding:12px 13px;background:#fff;color:var(--ink)}.login-form .btn.primary{width:100%;margin-top:22px;border:0;border-radius:8px;padding:12px 16px;background:var(--deep);color:#fff;font-weight:700;display:inline-flex;justify-content:center}.login-form .btn.primary:hover{background:#12365c}.login-form .btn.primary:disabled{background:var(--muted)}.login-form .fine{font-size:12px;color:var(--muted);text-align:center;margin-top:18px}.login-form>p{min-height:2.9em}.login-form .fine{min-height:2.9em}.login-form .lang-switch{justify-content:center;margin-top:14px}.login-form .error,.login-form .notice{margin:12px 0 0}@media(max-width:850px){.login-art{display:none}.login-card{height:auto;min-height:520px}.house-mark{position:static;display:block;margin:0 0 24px}}.qr{width:200px;height:200px;align-self:center}.lang-switch{display:flex;gap:2px}.lang-switch button{font:inherit;font-size:.75rem;border:1px solid var(--line);background:var(--surface);padding:.15rem .45rem;cursor:pointer;border-radius:var(--radius);color:var(--muted)}.lang-switch button.active{background:var(--cyan);color:#fff;border-color:var(--cyan)}.topbar{display:flex;align-items:center;gap:1.5rem;padding:.6rem 1.25rem;background:var(--surface);border-bottom:1px solid var(--line);flex-wrap:wrap}.brand{display:flex;align-items:center;gap:.75rem;color:var(--deep);font-weight:600}.brand img{height:28px}.topbar nav{display:flex;gap:1rem}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:.75rem}.content{padding:1.25rem;max-width:1400px;margin:0 auto}.back{display:inline-block;margin-bottom:.5rem}.page-head{margin-bottom:1rem}.page-head h1{margin:0}.code{font-family:var(--mono);color:var(--muted);font-size:.85rem}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;color:var(--ink);display:flex;flex-direction:column;gap:.4rem}.tile svg{color:var(--cyan)}.tile:hover{border-color:var(--cyan)}.tile.disabled{opacity:.6}.tile.disabled:hover{border-color:var(--line)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.25rem;color:var(--ink);display:block;margin-bottom:1rem}a.card:hover{border-color:var(--cyan)}.card-head{display:flex;justify-content:space-between;align-items:center}.meta{display:grid;grid-template-columns:auto 1fr;gap:.15rem .75rem;font-size:.85rem;margin:.5rem 0 0}.meta dt{color:var(--muted)}.meta dd{margin:0}.badge{font-size:.75rem;padding:.1rem .5rem;border-radius:var(--radius);background:var(--cyan-light);color:var(--cyan-dark);align-self:flex-start}.badge.draft{background:#fff4d6;color:#7a5a00}.badge.ok{background:#e3f4e7;color:#1d6b2f}.table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin:.75rem 0}.table th,.table td{text-align:left;padding:.45rem .6rem;border-bottom:1px solid var(--line);vertical-align:top}.table th{background:var(--cyan);color:#fff;font-weight:600;font-size:.85rem;cursor:default}.table.compact th,.table.compact td{padding:.3rem .5rem;font-size:.85rem}.table .num{text-align:right}.table .center{text-align:center}.table tr.out td{background:#fbe9eb}.table tr.near td{background:#fff8e1}.table tr.clickable{cursor:pointer}.table tr.clickable:hover td{background:var(--cyan-light)}ul.plain{list-style:none;padding:0;margin:0}ul.plain li{padding:.1rem 0}.tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--line);margin-bottom:1rem;flex-wrap:wrap}.tabs a{padding:.5rem .9rem;color:var(--muted);border-bottom:2px solid transparent}.tabs a.active{color:var(--cyan-dark);border-bottom-color:var(--cyan)}.toolbar{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:.75rem;margin-bottom:.75rem}.segmented{display:flex}.segmented button{font:inherit;border:1px solid var(--line);background:var(--surface);padding:.4rem .8rem;cursor:pointer;color:var(--muted)}.segmented button:first-child{border-radius:var(--radius) 0 0 var(--radius)}.segmented button:last-child{border-radius:0 var(--radius) var(--radius) 0;border-left:none}.segmented button.active{background:var(--cyan);color:#fff;border-color:var(--cyan)}.viewer-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:.75rem}.viewer3d{width:100%;height:520px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--viewer-bg)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:.75rem 1rem;margin-bottom:.75rem}.panel-head{display:flex;gap:.5rem;align-items:center}.panel-head h3{margin:0;flex:1}.legend{list-style:none;padding:0;margin:0 0 .5rem}.legend li{padding:.15rem 0}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#9aa7b2;vertical-align:middle}.dot.ok{background:var(--ok)}.dot.near{background:var(--warn)}.dot.out{background:var(--danger)}.charts{display:grid;grid-template-columns:1fr;gap:.75rem;margin-top:.75rem}.chart{margin:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:.5rem .75rem}.chart figcaption{font-weight:600;color:var(--deep);font-size:.9rem}.chart svg{width:100%;height:auto;display:block}.chart .band{fill:#e3f4e7}.chart .grid{stroke:var(--line);stroke-width:1}.chart .axis{stroke:var(--muted);stroke-width:1}.chart .tick{font-family:var(--mono);font-size:11px;fill:var(--muted)}.chart .hit{fill:transparent;cursor:pointer}.chart .hit:hover{fill:#007caf14}.chart .hit.selected{fill:#007caf2e}.chart-legend{display:flex;gap:1rem;font-size:.8rem;color:var(--muted)}.chart-legend i{display:inline-block;width:14px;height:3px;vertical-align:middle}.panel .table input,.panel .table select{width:100%;min-width:60px}.panel .table{table-layout:auto}.panel{overflow-x:auto}.photos{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.photos img{width:100%;border-radius:var(--radius)}@media(max-width:900px){.viewer-layout{grid-template-columns:1fr}.viewer3d{height:360px}.content{padding:16px}.topbar{padding:.6rem 16px}.table{display:block;overflow-x:auto}}@media print{.topbar,.toolbar,.viewer-layout,.charts,.btn{display:none!important}.content{padding:0}}
