:root{--ink:#252925;--muted:#5f665f;--paper:#fff;--canvas:#f5f5f2;--line:#dedfd8;--primary:#b83e1d;--primary-hover:#973117;--sidebar:#202322;--success:#216344;--warning:#855600;--danger:#a82e28;--radius:10px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--canvas);font-synthesis:none;font-size:15px;line-height:1.5}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}a{color:var(--primary);text-decoration:none;text-underline-offset:3px}a:hover{text-decoration:underline}img{max-width:100%}h1,h2,h3,p{margin-top:0}h1{font-size:1.8rem;line-height:1.25;letter-spacing:-.025em;margin-bottom:8px;overflow-wrap:anywhere}h2{font-size:1.13rem;margin-bottom:12px}h3{font-size:1.06rem;margin-bottom:8px}p{max-width:72ch}small{font-size:.82rem}::selection{background:#f6cbbb;color:#452015}:focus-visible{outline:3px solid var(--primary);outline-offset:3px}input{caret-color:var(--primary)}[hidden]{display:none!important}.icon{width:20px;height:20px;flex:none}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip-link:focus{position:fixed;z-index:100;top:8px;left:8px;background:white;padding:12px}.muted{color:var(--muted)}.small-text{font-size:.85rem}.stack{display:grid;gap:20px}label{display:grid;gap:7px;font-weight:550;font-size:.92rem}input,select{min-height:43px;border:1px solid #b7bcb3;border-radius:6px;background:#fff;color:var(--ink);padding:9px 11px;min-width:0;max-width:100%}input::placeholder{color:#6b7169}label small{color:var(--muted);font-weight:400}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 16px;border:1px solid #c4c9c0;border-radius:6px;background:var(--paper);color:var(--ink);font-weight:600;line-height:1.4;white-space:nowrap;transition:background-color 150ms,color 150ms}.button:hover{text-decoration:none;background:#eceee8}.button.primary{background:var(--primary);border-color:var(--primary);color:#fff}.button.primary:hover{background:var(--primary-hover)}.button.small{font-size:.82rem;min-height:35px;padding:7px 11px}.button.subtle{background:transparent;border-color:transparent}.button.danger{color:var(--danger)}.button:disabled{opacity:.55;cursor:wait}.button:active{background:#e3e7de}.sidebar{position:fixed;inset:0 auto 0 0;width:232px;background:var(--sidebar);color:#e4e7de;display:flex;flex-direction:column;padding:28px 16px;z-index:10}.brand{display:grid;gap:12px;padding:0 14px 30px;color:#c7cdc2;font-size:.82rem}.brand img{width:151px;height:auto}.brand:hover{text-decoration:none}.mobile-nav summary{display:none}.mobile-nav nav{display:grid;gap:5px}.nav-link{display:flex;gap:12px;align-items:center;color:#d7dcd2;padding:12px;border-radius:6px;font-size:.91rem}.nav-link:hover{background:#303730;text-decoration:none}.nav-link.is-current{background:#394038;color:#fff}.nav-link.is-current .icon{color:#ffad86}.sidebar-foot{margin-top:auto;padding:20px 12px 0;border-top:1px solid #434a40;font-size:.79rem;line-height:1.8;color:#d0d7c9}.sidebar-foot small{color:#a6b09f}.dot{display:inline-block;width:7px;height:7px;background:#83b58b;border-radius:50%;margin-right:7px}.admin-workspace{margin-left:232px;min-height:100vh;display:flex;flex-direction:column}.topbar{min-height:77px;display:flex;justify-content:space-between;align-items:center;padding:16px 32px;background:var(--paper);border-bottom:1px solid var(--line);gap:20px}.site-switch,.account{display:flex;align-items:center;gap:12px}.site-switch label{font-size:.8rem;color:var(--muted);font-weight:400}.site-switch select{font-weight:600;border:none;background:var(--canvas);max-width:250px}.account{font-size:.85rem}.main{padding:32px;max-width:1504px;width:100%;margin:0 auto;flex:1}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}.page-heading p{margin:0;color:var(--muted);font-size:.94rem}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);margin-bottom:30px}.metric{color:var(--ink);padding:22px 24px;display:grid;gap:10px;border-right:1px solid var(--line)}.metric:last-child{border-right:0}.metric:hover{background:#f0f2eb;text-decoration:none}.metric span{font-size:.82rem;color:var(--muted)}.metric strong{font-size:2rem;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.2}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:26px;min-width:0;overflow:hidden}.panel-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:20px 24px;border-bottom:1px solid var(--line)}.panel-heading h2{margin:0}.panel-heading span,.panel-heading a{font-size:.85rem}.empty{text-align:center;padding:54px 24px}.empty p{color:var(--muted);margin:0 auto 16px;max-width:52ch}.empty.compact{padding:24px}.empty.compact p{margin:0 auto}.table-wrap{max-width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:.9rem}th{background:#f6f7f3;color:#51594e;font-weight:600;font-size:.77rem;padding:13px 22px;white-space:nowrap}td{padding:20px 22px;border-top:1px solid #e9ebe4;vertical-align:top;min-width:110px}td:first-child{min-width:200px}td strong{font-weight:600}td small{display:block;margin-top:5px;color:var(--muted);overflow-wrap:anywhere}td .document-title{font-weight:600;color:var(--ink)}td time,.activity time{font-variant-numeric:tabular-nums}.badge{display:inline-flex;align-items:center;min-height:27px;padding:4px 9px;border-radius:5px;font-size:.76rem;line-height:1.4;white-space:nowrap;background:#eef0e9;color:#525a4b}.badge-ready,.badge-approved,.badge-sent{color:#216344;background:#e5f1e8}.badge-processing,.badge-pending,.badge-retry,.badge-sending{color:#795000;background:#fff1d1}.badge-failed,.badge-revoked,.badge-rejected{color:#9c312a;background:#fcece8}.file-tag{font-size:.73rem;letter-spacing:.03em;color:#5a6156;font-weight:650;background:#eef0e9;padding:5px 8px;border-radius:4px}.row-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.activity{display:flex;gap:16px;justify-content:space-between;padding:15px 24px;border-top:1px solid #eef0e9;font-size:.88rem}.activity time{color:var(--muted);font-size:.82rem;white-space:nowrap}.filters{display:flex;gap:10px;margin-bottom:20px}.filters input{flex:1;max-width:550px}.filters select{max-width:220px}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:30px;align-items:start}.form-panel{padding:28px}.form-panel h2{margin-bottom:8px}.upload-zone{border:1px dashed #9fa996;border-radius:8px;padding:30px;text-align:center;justify-items:center;background:#f8f9f5;gap:12px}.upload-zone .icon{width:30px;height:30px;color:var(--primary)}.upload-zone input{width:100%;background:#fff;font-size:.85rem}.upload-zone span{font-weight:400;color:var(--muted)}.policy-summary{padding:20px 0;color:var(--muted)}.policy-summary h2{color:var(--ink)}dl{margin:0 0 24px}dt{font-size:.82rem;margin-top:18px}dd{margin:4px 0 0;font-weight:600;color:var(--ink);font-size:.96rem}.policy-summary p{font-size:.85rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.back-link{display:inline-block;margin-bottom:20px;font-size:.86rem}.notice{padding:16px 20px;background:#fff4de;color:#725017;border:1px solid #e4cda0;border-radius:8px;margin-bottom:24px;font-size:.9rem}.notice p:last-child{margin-bottom:0}.notice.success{background:#eaf4ec;border-color:#bbd7c2;color:#28573b}.notice.error{background:#fff0ec;border-color:#e7bdb4;color:#982f27}.notice ul{margin:8px 0 0;padding-left:20px}.decision-form{display:grid;gap:10px;min-width:180px}.decision-form label{font-size:.76rem;display:flex;align-items:center;gap:8px}.decision-form input[type=number]{width:65px;min-height:34px;padding:5px 8px}.requests-table td{font-size:.85rem}.requests-table td:first-child{min-width:250px}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:.82rem;margin:20px 0}.app-footer{padding:20px 32px;color:var(--muted);font-size:.75rem;display:flex;justify-content:space-between;gap:16px}.login-body{min-height:100vh;display:grid;place-items:center;padding:24px;background:#eff1eb}.login-panel{max-width:440px;width:100%;background:#fff;padding:34px;border:1px solid var(--line);border-radius:12px}.login-panel h1{font-size:1.65rem;margin-top:28px}.login-panel>p{color:var(--muted);font-size:.9rem}.login-panel>p:last-child{margin:26px 0 0}.login-brand{background:var(--sidebar);padding:20px;border-radius:6px}.login-brand img{display:block;width:145px}.viewer-body{background:#e6e9e2;min-height:100vh}.viewer-header{background:#202322;color:#fff;display:flex;align-items:center;gap:24px;padding:18px 32px;min-height:85px}.viewer-header img{width:118px}.viewer-header h1{font-size:1.05rem;letter-spacing:0;margin-bottom:3px}.viewer-header span{font-size:.75rem;color:#c5cdbe}.viewer-header .viewer-approved{margin-left:auto;color:#bce2c3;white-space:nowrap}.viewer-main{max-width:1150px;margin:0 auto;padding:20px 24px 48px;min-height:calc(100vh - 142px)}.viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.page-select{display:flex;align-items:center;gap:7px;font-size:.85rem;font-weight:400}.page-select select{min-height:35px;padding:5px 8px;width:65px}.viewer-stage{text-align:center;min-height:180px}.document-sheet{position:relative;display:inline-block;max-width:100%;vertical-align:top;box-shadow:0 5px 18px #262f2417}.document-page{display:block;max-width:100%;width:auto;max-height:none;user-select:none}.watermark{position:absolute;bottom:14px;right:14px;background:#ffffffd9;border:1px solid #d3d8cc;color:#50594b;padding:5px 9px;font-size:.65rem;pointer-events:none}.document-video{display:block;background:#151715;max-height:75vh;width:100%;margin:30px auto 0}.viewer-stage:fullscreen{display:grid;place-items:center;background:#252925;overflow:auto}.gate-panel{background:white;max-width:520px;margin:62px auto;padding:32px;border-radius:12px;border:1px solid #d7dcd0}.gate-panel h2{font-size:1.5rem;line-height:1.3;letter-spacing:-.02em}.gate-panel p{color:var(--muted);font-size:.92rem}.gate-panel .button{margin-top:4px}.gate-panel .request-code{padding:10px 12px;background:#f1f3ec;color:#3f4e38;font-size:.9rem}.registration-panel{max-width:570px;margin-top:32px}.registration-panel>p{margin-bottom:26px}.registration-panel .stack{gap:16px}.consent{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:.85rem}.consent input{min-height:0;margin-top:4px;width:17px;height:17px;flex:none;accent-color:var(--primary)}.field-error,.form-error{color:#a82e28;line-height:1.4;font-size:.79rem}.field-error:empty,.form-error:empty{display:none}.honeypot{display:none}.viewer-footer{text-align:center;font-size:.75rem;color:#5c6556;padding:18px}.registration-panel .muted{margin:0;font-size:.8rem}
@media(max-width:1100px){.sidebar{width:210px}.admin-workspace{margin-left:210px}.main{padding:24px}.topbar{padding:16px 24px}.site-switch label{display:none}.account>span{display:none}.metric{padding:20px 16px}.editor-layout{grid-template-columns:minmax(0,1fr) 230px}.page-heading{align-items:flex-start}.page-heading .button{flex:none}h1{font-size:1.6rem}}
@media(max-width:760px){.sidebar{position:static;width:auto;padding:14px 18px}.brand{padding:0;display:flex;justify-content:space-between;align-items:center;gap:10px}.brand img{width:108px}.brand span{font-size:.75rem}.mobile-nav{margin-top:10px}.mobile-nav summary{display:block;font-size:.86rem;cursor:pointer;color:#e0e7d9;padding:7px 0}.mobile-nav nav{grid-template-columns:1fr 1fr}.nav-link{font-size:.8rem;padding:9px;gap:8px}.sidebar-foot{display:none}.admin-workspace{margin-left:0}.topbar{padding:12px 18px;gap:8px;min-height:62px}.site-switch{gap:4px;min-width:0;flex:1}.site-switch select{max-width:185px;font-size:.8rem;padding:8px}.site-switch .button{display:none}.account .button{padding:5px;font-size:.75rem}.main{padding:24px 16px}.page-heading{display:grid;gap:16px;margin-bottom:24px}.page-heading .button{justify-self:start}.page-heading p{font-size:.86rem}.metrics{grid-template-columns:1fr 1fr;margin-bottom:24px}.metric{padding:16px}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--line)}.metric span{font-size:.75rem}.metric strong{font-size:1.7rem}.panel-heading{padding:18px 16px}.panel-heading h2{font-size:1rem}.empty{padding:34px 20px}th,td{padding:14px 16px}.editor-layout{grid-template-columns:1fr;gap:0}.form-panel{padding:22px}.policy-summary{padding:0 5px 24px}.policy-summary dl{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.policy-summary dt{margin:0}.policy-summary dd{margin:0}.filters{flex-wrap:wrap}.filters input{flex:1 1 100%;width:100%;max-width:none}.filters select{flex:1;max-width:none}.filters .button{flex:none}.form-grid{grid-template-columns:1fr;gap:16px}.activity{padding:15px 16px;display:grid;gap:4px}.app-footer{padding:20px 16px;display:grid;gap:4px}.viewer-header{padding:15px 18px;gap:14px;align-items:flex-start}.viewer-header img{width:83px;margin-top:4px}.viewer-header h1{font-size:.92rem}.viewer-header .viewer-approved{display:none}.viewer-main{padding:16px 10px 32px}.viewer-toolbar{gap:8px}.viewer-toolbar>.button{font-size:.75rem;padding:6px 8px}.viewer-toolbar .row-actions{gap:5px}.viewer-toolbar .button{padding:6px 9px}.gate-panel{margin:30px 6px;padding:26px 22px}.gate-panel h2{font-size:1.4rem}.registration-panel .form-grid{grid-template-columns:1fr}.login-panel{padding:26px}.upload-zone{padding:22px 16px}.watermark{font-size:.55rem;bottom:7px;right:7px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}
@media print{.viewer-stage,.viewer-toolbar{display:none!important}.viewer-main::before{content:"Tài liệu được kiểm soát quyền xem. Vui lòng mở trên link do TVTECH cung cấp."}}