@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:url(../media/roboto-latin-400-normal.3748bjrmw_ck7.woff2)format("woff2"),url(../media/roboto-latin-400-normal.39k0hj26bndna.woff)format("woff")}
@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:url(../media/roboto-latin-ext-400-normal.37_vrwx_7lfmf.woff2)format("woff2"),url(../media/roboto-latin-ext-400-normal.3qdawnqjcr1c-.woff)format("woff")}
@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:url(../media/roboto-vietnamese-400-normal.0el3w1f323_ft.woff2)format("woff2"),url(../media/roboto-vietnamese-400-normal.3pfvpm9ep793g.woff)format("woff")}
@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:500;src:url(../media/roboto-latin-500-normal.43162ka3da5dh.woff2)format("woff2"),url(../media/roboto-latin-500-normal.44_z8ijjvtds8.woff)format("woff")}
@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:500;src:url(../media/roboto-latin-ext-500-normal.2z62v66tmcnyq.woff2)format("woff2"),url(../media/roboto-latin-ext-500-normal.1-hphrhvso87i.woff)format("woff")}
@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:500;src:url(../media/roboto-vietnamese-500-normal.1ebuu7in76si4.woff2)format("woff2"),url(../media/roboto-vietnamese-500-normal.059-yi1klr5k6.woff)format("woff")}
@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:700;src:url(../media/roboto-latin-700-normal.25zm6111a02b_.woff2)format("woff2"),url(../media/roboto-latin-700-normal.2qk16c9ym2q0p.woff)format("woff")}
@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:700;src:url(../media/roboto-latin-ext-700-normal.26jf9n7wltccx.woff2)format("woff2"),url(../media/roboto-latin-ext-700-normal.1vu-3a8dq_-5y.woff)format("woff")}
@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:700;src:url(../media/roboto-vietnamese-700-normal.15rw8no6bdg-7.woff2)format("woff2"),url(../media/roboto-vietnamese-700-normal.0pyh4fj9s6f9q.woff)format("woff")}
:root{--brand-50:#eaf3fb;--brand-100:#d3e6f6;--brand-200:#a9cdeb;--brand-500:#1b85d0;--brand-600:#086eb9;--brand-700:#065a97;--brand-800:#04456f;--brand-900:#032f4e;--gray-0:#fff;--gray-25:#fafbfc;--gray-50:#f4f6f9;--gray-100:#eaeef3;--gray-200:#dde3ea;--gray-300:#c4cdd8;--gray-400:#98a4b3;--gray-500:#6b7889;--gray-600:#4f5b6b;--gray-700:#3a4553;--gray-800:#242d39;--gray-900:#161c25;--success:#0b6b3a;--success-bg:#e7f6ee;--success-line:#b6e0c8;--danger:#b42318;--danger-bg:#fdecea;--danger-line:#f3c2bc;--warning:#7a4f00;--warning-bg:#fff6da;--warning-line:#f0d58a;--gold:#d9a21b;--info:var(--brand-700);--info-bg:var(--brand-50);--info-line:var(--brand-100);--bg:var(--gray-50);--surface:var(--gray-0);--surface-sunken:var(--gray-25);--line:var(--gray-200);--line-strong:var(--gray-300);--text:var(--gray-900);--text-2:var(--gray-700);--muted:var(--gray-600);--primary:var(--brand-600);--primary-hover:var(--brand-700);--primary-soft:var(--brand-50);--focus:var(--brand-500);--highlight:#fff1a8;--font-sans:Roboto, "Segoe UI", Arial, "Helvetica Neue", sans-serif;--fs-xs:12.5px;--fs-sm:13.5px;--fs-base:15px;--fs-md:16px;--fs-lg:18px;--fs-xl:22px;--fs-2xl:26px;--lh-base:1.55;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--radius-sm:4px;--radius:6px;--radius-lg:10px;--shadow-sm:0 1px 2px #161c250f;--shadow:0 1px 3px #161c251a, 0 1px 2px #161c250f;--shadow-lg:0 12px 32px #161c2533;--header-h:56px;--sidebar-w:264px;--sidebar-w-rail:68px;--content-max:1320px;--z-header:30;--z-drawer:40;--z-modal:60;--z-toast:70}
*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-base);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-sans);color:var(--gray-900)}h1{font-size:var(--fs-2xl);margin:0;font-weight:700;line-height:1.25}h2{font-size:var(--fs-lg);margin:0;font-weight:700;line-height:1.3}h3{font-size:var(--fs-md);margin:0;font-weight:700}p{margin:0 0 var(--sp-2)}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}code{background:var(--gray-100);border-radius:var(--radius-sm);font-size:var(--fs-xs);padding:1px 6px}hr{border:0;border-top:1px solid var(--line);margin:var(--sp-4) 0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--muted)}.small{font-size:var(--fs-xs)}.grow{flex:1}.err{color:var(--danger)}.warn{color:var(--warning)}.hl{background:var(--highlight);border-radius:3px;padding:0 4px}.empty{color:var(--muted);text-align:center;padding:var(--sp-5) 0;margin:0}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--radius-sm)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:0;border-color:var(--focus)}.skip-link{left:var(--sp-3);z-index:var(--z-modal);background:var(--gray-900);color:#fff;padding:var(--sp-2) var(--sp-4);border-radius:var(--radius);position:absolute;top:-60px}.skip-link:focus{top:var(--sp-3);text-decoration:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.app{flex-direction:column;min-height:100vh;display:flex}.app-header{z-index:var(--z-header);height:var(--header-h);align-items:center;gap:var(--sp-3);padding:0 var(--sp-4);background:var(--brand-600);color:#fff;display:flex;position:sticky;top:0;box-shadow:0 1px 4px #032f4e59}.app-header a{color:#fff}.icon-btn{border-radius:var(--radius);width:40px;height:40px;color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;display:inline-grid}.icon-btn:hover{background:#ffffff24}.icon-btn:focus-visible{outline-color:#fff}.brand{align-items:center;gap:var(--sp-3);color:inherit;min-width:0;display:flex}.brand:hover{text-decoration:none}.brand img{border-radius:8px;flex:none;width:36px;height:36px;display:block}.brand-text{flex-direction:column;min-width:0;line-height:1.15;display:flex}.brand-text strong{font-size:var(--fs-lg);letter-spacing:.3px}.brand-text small{font-size:var(--fs-xs);opacity:.9;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.header-right{align-items:center;gap:var(--sp-4);font-size:var(--fs-sm);min-width:0;margin-left:auto;display:flex}.quota{text-align:right;flex-direction:column;gap:3px;min-width:150px;display:flex}.quota .bar{background:#ffffff47}.quota .bar-fill{background:#8de3b0}.quota .bar-fill.hot{background:#ffb4a8}.user-chip{align-items:center;gap:var(--sp-2);min-width:0;display:flex}.user-chip .avatar{background:#fff3;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-weight:700;display:grid}.user-chip .who{flex-direction:column;min-width:0;line-height:1.15;display:flex}.user-chip .who strong{white-space:nowrap;text-overflow:ellipsis;max-width:160px;overflow:hidden}.user-chip .who small{color:#fff;font-size:var(--fs-xs)}.header-right .btn-ghost-light{color:#fff;background:0 0;border:1px solid #fff6}.header-right .btn-ghost-light:hover{background:#ffffff24}.app-body{flex:1;min-width:0;display:flex}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--line);top:var(--header-h);height:calc(100vh - var(--header-h));padding:var(--sp-3) 0 var(--sp-3);flex-direction:column;flex:none;display:flex;position:sticky;overflow-y:auto}.nav-group{padding:var(--sp-2) var(--sp-3)}.nav-group+.nav-group{border-top:1px solid var(--gray-100)}.nav-title{letter-spacing:.06em;text-transform:uppercase;color:var(--gray-600);padding:var(--sp-2) var(--sp-3);font-size:11.5px;font-weight:700}.nav-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.nav-link{align-items:center;gap:var(--sp-3);padding:9px var(--sp-3);border-radius:var(--radius);color:var(--gray-800);font-weight:500;text-decoration:none;display:flex;position:relative}.nav-link svg{color:var(--gray-500);flex:none}.nav-link:hover{background:var(--gray-50);text-decoration:none}.nav-link[aria-current=page]{background:var(--brand-50);color:var(--brand-700);font-weight:700}.nav-link[aria-current=page] svg{color:var(--brand-600)}.nav-link[aria-current=page]:before{content:"";background:var(--brand-600);border-radius:0 4px 4px 0;width:4px;position:absolute;top:6px;bottom:6px;left:-12px}.sidebar-foot{padding:var(--sp-3) var(--sp-4);font-size:var(--fs-xs);color:var(--muted);border-top:1px solid var(--gray-100);margin-top:auto}.app-main{flex:1;min-width:0}.content{width:100%;max-width:var(--content-max);padding:var(--sp-6);margin:0 auto}.scrim{display:none}.app[data-collapsed=true] .sidebar{width:var(--sidebar-w-rail)}.app[data-collapsed=true] .nav-title,.app[data-collapsed=true] .nav-label,.app[data-collapsed=true] .sidebar-foot .full{display:none}.app[data-collapsed=true] .nav-link{justify-content:center;padding:10px}.app[data-collapsed=true] .nav-link[aria-current=page]:before{left:-12px}.app[data-collapsed=true] .nav-group{padding:var(--sp-2)}.app[data-collapsed=true] .nav-link:hover:after{content:attr(data-label);background:var(--gray-900);color:#fff;border-radius:var(--radius);white-space:nowrap;font-size:var(--fs-sm);z-index:5;padding:4px 10px;position:absolute;top:50%;left:calc(100% + 8px);transform:translateY(-50%)}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--sp-4);margin-bottom:var(--sp-5);flex-wrap:wrap;display:flex}.page-header .titles{min-width:0}.page-header p{margin:var(--sp-1) 0 0;color:var(--muted);max-width:70ch}.breadcrumb{gap:var(--sp-1);font-size:var(--fs-sm);color:var(--muted);margin-bottom:var(--sp-1);flex-wrap:wrap;align-items:center;display:flex}.breadcrumb a{color:var(--muted)}.breadcrumb a:hover{color:var(--primary)}.breadcrumb [aria-current=page]{color:var(--text-2)}.page-actions{gap:var(--sp-2);flex-wrap:wrap;align-items:center;display:flex}.stack{gap:var(--sp-4);flex-direction:column;min-width:0;display:flex}.narrow{max-width:880px}.grid-2{gap:var(--sp-4);grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);align-items:start;display:grid}.grid-2.even{grid-template-columns:1fr 1fr}.grid-preview{gap:var(--sp-4);grid-template-columns:minmax(0,1.25fr) minmax(380px,1fr);align-items:start;display:grid}.form-grid{gap:var(--sp-3) var(--sp-4);grid-template-columns:1fr 1fr;display:grid}.row{gap:var(--sp-3);flex-wrap:wrap;align-items:center;display:flex}.options{align-items:center;gap:var(--sp-4);flex-wrap:wrap;display:flex}.login-page{background:var(--surface);grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:100vh;display:grid}.login-aside{background:linear-gradient(160deg, var(--brand-700) 0%, var(--brand-800) 55%, var(--brand-900) 100%);color:#fff;padding:var(--sp-8) 48px;justify-content:space-between;gap:var(--sp-6);flex-direction:column;display:flex}.login-aside img{border-radius:20px;width:96px;height:96px;box-shadow:0 6px 24px #0000004d}.login-aside h1{color:#fff;margin:var(--sp-5) 0 var(--sp-2);font-size:34px}.login-aside p{color:#ffffffe6;font-size:var(--fs-md);max-width:46ch}.login-points{margin:var(--sp-5) 0 0;gap:var(--sp-3);flex-direction:column;padding:0;list-style:none;display:flex}.login-points li{gap:var(--sp-3);color:#fffffff2;align-items:flex-start;display:flex}.login-points svg{color:#8fd0ff;flex:none;margin-top:2px}.login-foot{font-size:var(--fs-xs);color:#ffffffbf}.login-main{padding:var(--sp-6);background:var(--gray-50);place-items:center;display:grid}.login-card{width:100%;max-width:400px;padding:var(--sp-8);gap:var(--sp-4)}.login-card h2{font-size:var(--fs-xl)}.login-brand-sm{display:none}@media (max-width:1199px){.app:not([data-collapsed=false]) .sidebar{width:var(--sidebar-w-rail)}.app:not([data-collapsed=false]) .nav-title,.app:not([data-collapsed=false]) .nav-label,.app:not([data-collapsed=false]) .sidebar-foot .full{display:none}.app:not([data-collapsed=false]) .nav-link{justify-content:center;padding:10px}}@media (max-width:1000px){.grid-2,.grid-2.even,.grid-preview{grid-template-columns:1fr}}@media (max-width:767px){.sidebar{left:0;top:var(--header-h);height:auto;z-index:var(--z-drawer);box-shadow:var(--shadow-lg);transition:transform .2s;position:fixed;bottom:0;transform:translate(-100%);width:min(300px,86vw)!important}.app[data-drawer=open] .sidebar{transform:none}.app[data-drawer=open] .scrim{inset:var(--header-h) 0 0 0;z-index:calc(var(--z-drawer) - 1);background:#161c2573;display:block;position:fixed}.app .nav-title,.app .nav-label,.app .sidebar-foot .full{display:revert!important}.app .nav-link{padding:11px var(--sp-3)!important;justify-content:flex-start!important}.app .nav-link:after{display:none!important}.content{padding:var(--sp-4)}.quota,.user-chip .who{display:none}.header-right{gap:var(--sp-2)}.form-grid{grid-template-columns:1fr}h1{font-size:var(--fs-xl)}.login-page{grid-template-columns:1fr}.login-aside{display:none}.login-brand-sm{margin-bottom:var(--sp-2);justify-content:center;display:flex}.login-brand-sm img{border-radius:14px;width:64px;height:64px}.btn-label{display:none}}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--sp-5);gap:var(--sp-3);flex-direction:column;min-width:0;display:flex}.card-head{justify-content:space-between;align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.card-head h2{align-items:center;gap:var(--sp-2);display:flex}.card-actions{gap:var(--sp-2);align-items:center;display:flex}.subcard{border:1px solid var(--line);border-radius:var(--radius);padding:var(--sp-4);gap:var(--sp-3);background:var(--surface-sunken);flex-direction:column;display:flex}.subcard h3{font-size:var(--fs-md);margin:0}.step-num{background:var(--brand-600);color:#fff;width:26px;height:26px;font:700 13px var(--font-sans);border-radius:50%;flex:none;place-items:center;display:inline-grid}.btn{min-height:38px;padding:7px var(--sp-4);border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:6px;font-weight:500;line-height:1.2;text-decoration:none;display:inline-flex}.btn:hover{background:var(--gray-50);text-decoration:none}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-danger{color:var(--danger);border-color:var(--danger-line)}.btn-danger:hover{background:var(--danger-bg)}.btn-danger-solid{background:var(--danger);border-color:var(--danger);color:#fff}.btn-danger-solid:hover{background:#8f1c12}.btn-sm{min-height:30px;padding:3px var(--sp-3);font-size:var(--fs-sm)}.btn-block{width:100%}.link{color:var(--primary);cursor:pointer;font:inherit;background:0 0;border:0;padding:0}.link:hover{text-decoration:underline}input,select,textarea{font:inherit;color:inherit;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);width:100%;min-height:38px;padding:8px 10px}input::placeholder,textarea::placeholder{color:var(--gray-500)}input:disabled,select:disabled,textarea:disabled{background:var(--gray-50);color:var(--gray-500)}textarea{resize:vertical}textarea.big{font-size:var(--fs-md);line-height:1.6}label{gap:var(--sp-1);font-size:var(--fs-sm);color:var(--text-2);flex-direction:column;font-weight:500;display:flex}label.inline{align-items:center;gap:var(--sp-2);flex-direction:row}label.inline input[type=number]{width:100px}label.inline select{width:auto}label.check input,input[type=checkbox],input[type=radio]{width:18px;height:18px;min-height:0;accent-color:var(--brand-600);padding:0}label.check{flex-direction:row;align-items:center}.hint{color:var(--muted);font-size:var(--fs-xs);font-weight:400}.field-group{gap:var(--sp-3);flex-direction:column;display:flex}.radio-cards{gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.radio-card{gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border:1px solid var(--line-strong);border-radius:var(--radius);cursor:pointer;background:var(--surface);flex-direction:row;align-items:flex-start;display:flex}.radio-card:has(input:checked){border-color:var(--brand-600);background:var(--brand-50);box-shadow:0 0 0 1px var(--brand-600) inset}.radio-card strong{color:var(--text);font-size:var(--fs-base)}.radio-card input{flex:none;margin-top:3px}.inline-form{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.inline-form input{flex:160px;min-width:0}.inline-form .quota-input{flex:0 0 84px;width:84px}.scopes{gap:var(--sp-2);border:0;flex-direction:column;margin:0;padding:0;display:flex}.scopes legend{font-weight:700;font-size:var(--fs-sm);padding:0 0 var(--sp-1)}.badge{font-size:var(--fs-xs);background:var(--gray-100);color:var(--gray-700);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:1px 9px;font-weight:700;display:inline-flex}.badge-green{background:var(--success-bg);color:var(--success)}.badge-red{background:var(--danger-bg);color:var(--danger)}.badge-amber{background:var(--warning-bg);color:var(--warning)}.badge-blue{background:var(--brand-50);color:var(--brand-700)}.badge+.badge{margin-left:var(--sp-1)}.alert{padding:var(--sp-3) var(--sp-4);border-radius:var(--radius);font-size:var(--fs-sm);border:1px solid;line-height:1.5;display:block}.alert-info{background:var(--info-bg);border-color:var(--info-line);color:var(--gray-900)}.alert-ok{background:var(--success-bg);border-color:var(--success-line);color:#08502b}.alert-warn{background:var(--warning-bg);border-color:var(--warning-line);color:#5c3b00;border-left:4px solid var(--gold)}.alert-error{background:var(--danger-bg);border-color:var(--danger-line);color:#7a1d15}.chip{background:var(--highlight);font-size:var(--fs-xs);color:var(--gray-900);border:1px solid #e8cf5c;border-radius:999px;margin:2px 6px 2px 0;padding:2px 10px;display:inline-block}.chip-btn{background:var(--brand-50);border-color:var(--brand-100);cursor:pointer;font:inherit;font-size:var(--fs-xs);color:var(--brand-700)}.chip-btn:hover{background:var(--brand-100)}.examples{gap:var(--sp-1);flex-wrap:wrap;align-items:center;display:flex}.spinner-wrap{align-items:center;gap:var(--sp-2);color:var(--muted);display:inline-flex}.spinner{border:2px solid var(--gray-300);border-top-color:var(--primary);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}.btn-primary .spinner{border-color:#fff #fff6 #fff6}.btn-primary .spinner-wrap{color:#fff}.spinner.small{width:12px;height:12px}@keyframes spin{to{transform:rotate(360deg)}}.timeline{gap:var(--sp-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.timeline li{gap:var(--sp-3);font-size:var(--fs-sm);align-items:flex-start;display:flex}.timeline .dot{border-radius:50%;flex:none;place-items:center;width:22px;height:22px;margin-top:1px;font-size:11px;display:grid}.timeline .done .dot{background:var(--success-bg);color:var(--success)}.timeline .active .dot{background:var(--brand-50)}.dropzone{border:2px dashed var(--line-strong);border-radius:var(--radius-lg);padding:var(--sp-4);background:var(--surface-sunken)}.dropzone.drag{border-color:var(--primary);background:var(--brand-50)}.dropzone p{color:var(--muted);font-size:var(--fs-sm);margin:0}.big-drop{padding:40px var(--sp-4);text-align:center}.files{margin:var(--sp-3) 0 0;gap:var(--sp-2);flex-direction:column;padding:0;list-style:none;display:flex}.files li{gap:4px var(--sp-3);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:6px var(--sp-3);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.files li span.err,.files li span.warn{flex-basis:100%}.result{gap:var(--sp-3);flex-direction:column;display:flex}.result-head{justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap;align-items:baseline;display:flex}.result p{margin:0}.notice-list{font-size:var(--fs-sm);margin:0;padding-left:20px}.notice-list li{margin:3px 0}.notice-list li.warn{color:var(--warning);font-weight:500}.val-summary{gap:var(--sp-2);margin-bottom:var(--sp-3);flex-wrap:wrap;align-items:center;display:flex}.issue-list{gap:var(--sp-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.issue{border:1px solid var(--line);border-radius:var(--radius);padding:var(--sp-2) var(--sp-3);background:var(--surface);border-left-width:4px}.issue p{margin:3px 0 0}.issue-error{border-left-color:var(--danger)}.issue-warn{border-left-color:var(--gold)}.issue-info{border-left-color:var(--brand-500)}.issue-head{gap:var(--sp-2);align-items:center;display:flex}.table-wrap{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow-x:auto}.card .table-wrap{border-radius:var(--radius)}.table{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}.table th{text-align:left;color:var(--gray-700);background:var(--gray-50);font-weight:700;font-size:var(--fs-xs);text-transform:none;padding:10px var(--sp-3);border-bottom:1px solid var(--line-strong);white-space:nowrap}.table td{padding:10px var(--sp-3);border-bottom:1px solid var(--gray-100);vertical-align:middle}.table tbody tr:hover{background:var(--gray-25)}.table tbody tr:last-child td{border-bottom:0}.table .num{text-align:right;font-variant-numeric:tabular-nums}.actions-cell{white-space:nowrap;text-align:right}.toolbar{gap:var(--sp-3);flex-wrap:wrap;align-items:center;display:flex}.toolbar .search{flex:260px;max-width:420px}.pager{justify-content:flex-end;align-items:center;gap:var(--sp-2);display:flex}.changes{border-collapse:collapse;width:100%;font-size:var(--fs-sm);margin-top:var(--sp-2)}.changes th,.changes td{border:1px solid var(--line);padding:6px var(--sp-2);vertical-align:top;text-align:left}.changes .before{background:var(--danger-bg)}.changes .after{background:var(--success-bg)}.doc-list{margin:0;padding:0;list-style:none}.doc-list li a{padding:10px var(--sp-1);border-bottom:1px solid var(--gray-100);color:inherit;flex-direction:column;gap:2px;display:flex}.doc-list li:last-child a{border-bottom:0}.doc-list li a:hover{background:var(--gray-25);text-decoration:none}.tips{font-size:var(--fs-sm);color:var(--text-2);margin:0;padding-left:18px}.tips li{margin:6px 0}.tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:2px;display:flex}.tabs button{padding:10px var(--sp-4);font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;margin-bottom:-1px;font-weight:500}.tabs button:hover{color:var(--text)}.tabs button.on,.tabs button[aria-selected=true]{color:var(--brand-700);border-bottom-color:var(--brand-600);font-weight:700}.tabpanel{gap:var(--sp-4);padding-top:var(--sp-1);flex-direction:column;display:flex}.dialog-scrim{z-index:var(--z-modal);padding:var(--sp-4);background:#161c2580;place-items:center;display:grid;position:fixed;inset:0}.dialog{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:480px;padding:var(--sp-6);gap:var(--sp-3);flex-direction:column;display:flex}.dialog h2{font-size:var(--fs-xl)}.dialog p{color:var(--text-2);white-space:pre-line;margin:0}.dialog-actions{justify-content:flex-end;gap:var(--sp-2);margin-top:var(--sp-2);flex-wrap:wrap;display:flex}.toasts{right:var(--sp-4);bottom:var(--sp-4);z-index:var(--z-toast);gap:var(--sp-2);flex-direction:column;max-width:min(420px,100vw - 32px);display:flex;position:fixed}.toast{box-shadow:var(--shadow-lg)}.stats{gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--sp-4) var(--sp-5);gap:var(--sp-1);box-shadow:var(--shadow-sm);border-top:3px solid var(--brand-600);flex-direction:column;display:flex}.stat span{color:var(--muted);font-size:var(--fs-xs)}.stat strong{font-size:26px;line-height:1.2}.bar{background:var(--gray-200);border-radius:999px;height:6px;overflow:hidden}.bar.big{height:12px}.bar-fill{background:var(--brand-600);height:100%}.bar-fill.hot{background:var(--danger)}.bars{height:160px;padding-top:var(--sp-2);align-items:flex-end;gap:6px;display:flex}.bar-col{justify-content:flex-end;align-items:center;gap:var(--sp-1);flex-direction:column;flex:1;min-width:14px;max-width:56px;height:100%;display:flex}.bar-v{background:var(--brand-600);border-radius:4px 4px 0 0;width:100%}.bar-k{color:var(--muted);font-size:11px}.secret-box{gap:var(--sp-2);margin:var(--sp-2) 0;padding:var(--sp-2) var(--sp-3);background:var(--surface);border:1px dashed var(--gold);border-radius:var(--radius);flex-wrap:wrap;align-items:center;display:flex}.secret-box code{word-break:break-all}.preview-name{text-align:center;padding:var(--sp-3);background:var(--surface-sunken);border:1px dashed var(--line-strong);border-radius:var(--radius);margin:0;font-weight:700}@media (max-width:767px){.btn{min-height:44px}.btn-sm{min-height:36px}input,select{min-height:44px}.table th,.table td{padding:10px var(--sp-2)}}.alt-table{margin-top:var(--sp-3)}.alt-table summary{cursor:pointer;color:var(--brand-700);font-size:var(--fs-sm)}.radio-cards{gap:var(--sp-3);border:0;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0;padding:0;display:grid}.radio-cards legend{margin-bottom:var(--sp-2);padding:0;font-weight:500}.radio-card{gap:var(--sp-1);padding:var(--sp-3) var(--sp-4) var(--sp-3) 40px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);cursor:pointer;flex-direction:column;display:flex;position:relative}.radio-card input{width:auto;position:absolute;top:16px;left:14px}.radio-card:hover{border-color:var(--brand-600)}.radio-card.on{border-color:var(--brand-600);background:var(--brand-50);box-shadow:0 0 0 1px var(--brand-600)}.radio-card:focus-within{outline:2px solid var(--focus);outline-offset:2px}
.doc-head{justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap;align-items:flex-start;display:flex}.doc-actions{gap:var(--sp-2);flex-wrap:wrap;display:flex}.doc-head select{width:auto;max-width:320px;padding:3px var(--sp-2);font-size:var(--fs-sm);min-height:32px}.preview-card{top:calc(var(--header-h) + var(--sp-4));position:sticky}.pages{gap:var(--sp-4);max-height:calc(100vh - var(--header-h) - 150px);background:var(--gray-200);padding:var(--sp-4);border-radius:var(--radius);flex-direction:column;display:flex;overflow:auto}.page-img{background:#fff;width:100%;height:auto;display:block;box-shadow:0 2px 8px #161c254d}.spec-preview{font-family:var(--font-sans);font-size:var(--fs-md);max-height:calc(100vh - var(--header-h) - 170px);padding:var(--sp-5);border-radius:var(--radius-sm);background:#fff;overflow:auto;box-shadow:0 2px 8px #161c252e}.spec-preview table{border-collapse:collapse;width:100%}.spec-preview th,.spec-preview td{border:1px solid var(--gray-500);padding:3px 6px}.versions{margin:0;padding:0;list-style:none}.versions li{justify-content:space-between;gap:var(--sp-2);padding:var(--sp-2) 6px;border-bottom:1px solid var(--gray-100);align-items:center;display:flex}.versions li.cur{background:var(--brand-50);border-radius:var(--radius)}.outline{margin:var(--sp-1) 0 0;font-size:var(--fs-sm);padding-left:20px}.edit-result{gap:var(--sp-2);flex-direction:column;display:flex}.outline-editor{gap:var(--sp-3);flex-direction:column;display:flex}.oe-list{gap:var(--sp-2);flex-direction:column;margin:0;padding:0 0 0 20px;list-style:none;display:flex}.outline-editor>.oe-list{padding-left:0}.oe-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.oe-row input:not(.oe-words){flex:200px;min-width:0}.oe-num{min-width:34px;color:var(--muted);font-weight:700}.oe-words{width:88px}.oe-detail{gap:var(--sp-2);margin:6px 0 4px 40px;display:grid}.oe-detail label{font-size:var(--fs-sm)}.oe-actions{gap:var(--sp-2);align-items:center;display:flex}.help-steps{counter-reset:step;gap:var(--sp-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.help-steps li{counter-increment:step;gap:var(--sp-3);align-items:flex-start;display:flex}.help-steps li:before{content:counter(step);background:var(--brand-600);color:#fff;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-weight:700;display:grid}.help-grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.help-list{gap:var(--sp-2);flex-direction:column;margin:0;padding-left:1.25em;display:flex}
@media print{.app-header,.sidebar,.scrim,.page-actions,.doc-actions,.tabs,.toasts,.skip-link{display:none!important}body{background:#fff}.content{max-width:none;padding:0}.card,.preview-card{box-shadow:none;border:0;padding:0;position:static}.grid-preview{display:block}.pages{background:0 0;max-height:none;padding:0;overflow:visible}.page-img{box-shadow:none;break-after:page}@page{size:A4;margin:15mm}}