:root{--color-bg: #f4f5f7;--color-surface: #ffffff;--color-border: #d9dce1;--color-text: #1a1d21;--color-text-muted: #6b7280;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-danger: #b91c1c;--color-danger-bg: #fef2f2;--color-danger-border: #fecaca;--radius: 8px;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);font-size:15px;line-height:1.5}nav[aria-label="Điều hướng chính"]{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--space-3) var(--space-5);position:sticky;top:0;z-index:10}nav[aria-label="Điều hướng chính"] button{background:transparent;border:1px solid transparent;padding:var(--space-2) var(--space-3);border-radius:var(--radius);font-size:14px;font-weight:500;color:var(--color-text-muted)}nav[aria-label="Điều hướng chính"] button:hover:not(:disabled){background:var(--color-bg);color:var(--color-text)}nav[aria-label="Điều hướng chính"] button[aria-pressed=true]{background:var(--color-primary);color:#fff}main{max-width:880px;margin:0 auto;padding:var(--space-5)}h1{font-size:22px;font-weight:700;margin:0 0 var(--space-4);letter-spacing:-.01em}h2{font-size:15px;font-weight:600;margin:0 0 var(--space-3)}main>header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-5)}main>header h1{margin:0}main>header p{margin:0;color:var(--color-text-muted);font-size:14px}section[aria-label]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-4)}[role=tablist]{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}[role=tablist] button{background:var(--color-bg);border-color:var(--color-border)}[role=tablist] button[aria-pressed=true]{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}form{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3)}main>form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:var(--space-4) var(--space-5);max-width:420px}label{display:flex;flex-direction:column;gap:var(--space-1);font-size:13px;font-weight:500;color:var(--color-text-muted);width:100%;max-width:420px}label:has(>input[type=checkbox]),label:has(>input[type=radio]){flex-direction:row;align-items:center;width:auto;max-width:none;font-weight:400;color:var(--color-text)}label:has(>input[type=checkbox]) input,label:has(>input[type=radio]) input{width:auto}input,select{font:inherit;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text)}input[type=file]{border-style:dashed;padding:var(--space-3);font-size:13px}input[type=checkbox],input[type=radio]{width:16px;height:16px}input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}button{font:inherit;padding:var(--space-2) var(--space-4);border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-weight:500;cursor:pointer}button:hover:not(:disabled){background:var(--color-bg)}button:disabled{opacity:.5;cursor:not-allowed}button[type=submit]{background:var(--color-primary);border-color:var(--color-primary);color:#fff}button[type=submit]:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}p[role=alert]{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger-border);border-radius:var(--radius);padding:var(--space-2) var(--space-3);font-size:13px;margin:0}section p:not([role=alert]){color:var(--color-text-muted);font-size:13px}ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}li{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius)}li img{border-radius:4px;object-fit:cover}fieldset{border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3);display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}@media (max-width: 640px){main{padding:var(--space-3)}nav[aria-label="Điều hướng chính"]{padding:var(--space-2) var(--space-3)}section[aria-label]{padding:var(--space-3) var(--space-4)}}