:root{color-scheme:light;--color-primary: #0c1894;--color-primary-strong: #08116f;--color-primary-soft: #eef0ff;--color-primary-border: #b8bef6;--color-danger: #7c1118;--color-danger-strong: #5f0c12;--color-danger-soft: #fff0f1;--color-danger-border: #e7b6ba;--color-surface: #ffffff;--color-surface-alt: #f5f6fb;--color-surface-raised: #ffffff;--color-background: #eef1f8;--color-border: #d6dae7;--color-border-strong: #b6bfd4;--color-text: #111827;--color-muted: #5f687a;--color-muted-strong: #374151;--color-success: #176b36;--color-success-soft: #edf9f0;--color-warning: #7a5400;--color-warning-soft: #fff7d6;--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--radius-sm: 2px;--radius-md: 3px;--radius-lg: 4px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--content-max: 1240px;--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}:root[data-theme=dark]{color-scheme:dark;--color-primary: #7f8cff;--color-primary-strong: #a8b0ff;--color-primary-soft: #151b4d;--color-primary-border: #323b92;--color-danger: #e46b74;--color-danger-strong: #ff9aa1;--color-danger-soft: #351316;--color-danger-border: #743138;--color-surface: #121725;--color-surface-alt: #0d1220;--color-surface-raised: #171d2e;--color-background: #080d18;--color-border: #2b3448;--color-border-strong: #465066;--color-text: #eef2ff;--color-muted: #a6afc3;--color-muted-strong: #d5dae8;--color-success: #80d69a;--color-success-soft: #102418;--color-warning: #f7d166;--color-warning-soft: #2e2208}*{box-sizing:border-box}html{background:var(--color-background)}body{margin:0;min-width:320px;background:var(--color-background);color:var(--color-text);font-family:var(--font-sans);line-height:1.5}button,input,textarea,select{font:inherit}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.shell{width:min(100%,var(--content-max));margin:0 auto;padding:var(--space-4)}.header{display:flex;justify-content:space-between;gap:var(--space-4);align-items:flex-start;margin-bottom:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);border-left:6px solid var(--color-primary);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm)}.header h1{margin:0 0 var(--space-1);font-size:clamp(1.35rem,3vw,2rem);letter-spacing:-.03em}.header p{margin:0;color:var(--color-muted);max-width:760px}.top-nav{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap;justify-content:flex-end}.top-nav a,.side-nav a{border:1px solid transparent;border-radius:var(--radius-md);color:var(--color-muted-strong);font-weight:600}.top-nav a{padding:9px 12px}.top-nav a:hover,.side-nav a:hover{background:var(--color-primary-soft);border-color:var(--color-primary-border);text-decoration:none;color:var(--color-primary-strong)}.content{display:flex;justify-content:center;width:100%}.workspace{width:100%;display:grid;grid-template-columns:236px minmax(0,1fr);gap:var(--space-4)}.workspace-main{min-width:0}.side-nav{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-2);align-self:start;position:sticky;top:var(--space-4)}.side-nav strong{display:block;margin-bottom:var(--space-2);color:var(--color-primary-strong);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.side-nav a{padding:9px 10px}.side-nav a.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:700;text-decoration:none}.stack{width:100%;display:flex;flex-direction:column;gap:var(--space-4)}.compact-stack{gap:var(--space-2)}.card,.mini-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card{width:100%;max-width:760px;padding:var(--space-5)}.card h2,.card h3,.mini-card h3{margin-top:0}.wide-card{max-width:none}.auth-card{max-width:520px}.grid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3)}.mini-card{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);color:inherit}.mini-card:hover{border-color:var(--color-primary-border);text-decoration:none}.mini-card span,.muted{color:var(--color-muted)}label{display:block;margin-bottom:var(--space-3);color:var(--color-muted-strong);font-weight:600}input,textarea,select{width:100%;margin-top:var(--space-1);padding:10px 11px;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text)}input:focus,textarea:focus,select:focus{outline:2px solid var(--color-primary-border);outline-offset:1px;border-color:var(--color-primary)}input[type=file]{background:var(--color-surface-alt)}textarea,.mono,.compact-json,pre{font-family:var(--font-mono)}button,.button-filled,.button-bordered,.button-muted,.button-danger{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:40px;padding:10px 15px;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;font-weight:700;line-height:1.1}button,.button-filled{background:var(--color-primary);border-color:var(--color-primary);color:#fff}button:hover,.button-filled:hover{background:var(--color-primary-strong);border-color:var(--color-primary-strong);text-decoration:none}button.secondary,.button-muted{background:var(--color-surface-alt);border-color:var(--color-border-strong);color:var(--color-muted-strong)}button.secondary:hover,.button-muted:hover{background:var(--color-primary-soft);border-color:var(--color-primary-border);color:var(--color-primary-strong)}.button-bordered,button.bordered{background:transparent;border-color:var(--color-primary);color:var(--color-primary-strong)}.button-bordered:hover,button.bordered:hover{background:var(--color-primary-soft);text-decoration:none}.button-danger,.actions-cell button{background:var(--color-danger);border-color:var(--color-danger);color:#fff}.button-danger:hover,.actions-cell button:hover{background:var(--color-danger-strong);border-color:var(--color-danger-strong)}button:disabled,button[disabled]{opacity:.55;cursor:not-allowed}.button-compact{min-height:30px;padding:5px 9px;font-size:.82rem;width:fit-content}.theme-toggle{background:transparent;color:var(--color-primary-strong);border:1px solid var(--color-border-strong);min-height:38px;padding:8px 11px}.theme-toggle:hover{background:var(--color-primary-soft);border-color:var(--color-primary-border)}.theme-toggle__icon{font-weight:800;min-width:1em}.error{color:var(--color-danger);font-weight:600}.success{color:var(--color-success);font-weight:600}.warning{background:var(--color-warning-soft);border:1px solid color-mix(in srgb,var(--color-warning) 45%,transparent);color:var(--color-warning);border-radius:var(--radius-md);padding:var(--space-3)}.qr{width:220px;max-width:100%;display:block;margin:var(--space-4) auto;background:#fff;padding:var(--space-2)}.declaration-box,.policy-box,.selection-box,.pre-wrap{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-alt)}.declaration-box{max-height:280px;overflow:auto;padding:var(--space-4);margin-bottom:var(--space-4)}.policy-box{max-height:280px;overflow:auto;white-space:pre-wrap;padding:var(--space-4);font-family:inherit}.selection-box{max-height:320px;overflow:auto;padding:var(--space-3);margin:var(--space-2) 0 var(--space-3)}.pre-wrap{white-space:pre-wrap;padding:var(--space-3)}.signature-canvas{width:100%;height:220px;border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);background:#fff;touch-action:none}.actions-inline,.actions-cell,.actions-row{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}.actions-row{margin:var(--space-3) 0}.form-grid{display:grid;grid-template-columns:minmax(220px,1fr) 220px auto;gap:var(--space-3);align-items:end}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:var(--space-2);margin-bottom:var(--space-3)}.table-wrap{overflow-x:auto;width:100%;border:1px solid var(--color-border);border-radius:var(--radius-md)}table{width:100%;border-collapse:collapse;min-width:720px;background:var(--color-surface)}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--color-border);vertical-align:top}th{background:var(--color-surface-alt);color:var(--color-muted-strong);font-size:.86rem;text-transform:uppercase;letter-spacing:.04em}tr:last-child td{border-bottom:0}.sample-list{display:flex;gap:var(--space-2);flex-wrap:wrap}.sample-dot{width:38px;height:38px;padding:0;border-radius:999px;background:var(--color-border-strong)}.sample-dot.done{background:var(--color-success)}fieldset{border:1px solid var(--color-border);border-radius:var(--radius-md);margin:var(--space-3) 0;padding:var(--space-3)}.checkbox-label,.radio-label,.inline-check,.checkbox-row{display:flex;align-items:flex-start;gap:var(--space-2);margin:var(--space-2) 0}.checkbox-label input,.radio-label input,.inline-check input,.checkbox-row input,.inline-check input[type=checkbox]{width:auto;margin:3px 0 0}.compact-json{max-width:360px;max-height:140px;overflow:auto;white-space:pre-wrap;font-size:12px}.version-row{display:grid;grid-template-columns:auto auto minmax(120px,1fr) auto auto auto;gap:var(--space-2);align-items:center;padding:var(--space-2) 0;border-bottom:1px solid var(--color-border)}.pdf-panel{display:flex;flex-direction:column;gap:var(--space-3)}.pdf-frame{width:100%;min-height:720px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff}@media (max-width: 960px){.workspace{grid-template-columns:1fr}.side-nav{position:static;flex-direction:row;overflow-x:auto;white-space:nowrap;align-items:center}.side-nav strong{margin:0 var(--space-2) 0 0}.card{padding:var(--space-4)}}@media (max-width: 720px){.shell{padding:var(--space-2)}.header{flex-direction:column;padding:var(--space-3)}.top-nav{justify-content:flex-start;width:100%}.top-nav a,.top-nav button,.theme-toggle{flex:1 1 auto}.form-grid,.version-row,.grid-cards{grid-template-columns:1fr}.signature-canvas{height:180px}.pdf-frame{min-height:520px}}.language-selector{display:inline-flex;align-items:center;gap:var(--space-2);margin:0;font-size:.85rem;color:var(--color-muted)}.language-selector select{min-width:7rem;padding:.45rem .6rem}.urgent-card{border-color:color-mix(in srgb,var(--color-danger) 42%,var(--color-border));background:color-mix(in srgb,var(--color-danger) 7%,var(--color-surface))}.muted-card{background:var(--color-surface-muted);color:var(--color-muted)}.markdown-training-reader{border:1px solid var(--color-border);background:var(--color-surface);width:100%}.markdown-reader-toolbar,.markdown-reader-actions{display:flex;gap:var(--space-3);align-items:center;justify-content:space-between;padding:var(--space-3);border-bottom:1px solid var(--color-border);font-size:.9rem;color:var(--color-muted)}.markdown-reader-actions{border-top:1px solid var(--color-border);border-bottom:0}.markdown-training-page{padding:clamp(1rem,4vw,2rem);max-width:780px;margin:0 auto;min-height:45vh;line-height:1.65;font-size:clamp(1rem,2.5vw,1.1rem)}.markdown-training-page h2,.markdown-training-page h3,.markdown-training-page h4{color:var(--color-primary);margin-top:0;line-height:1.25}.markdown-training-page p,.markdown-training-page li{overflow-wrap:anywhere}.markdown-training-page code{padding:.1rem .25rem;border:1px solid var(--color-border);background:var(--color-muted-surface)}@media (max-width: 720px){.markdown-reader-toolbar,.markdown-reader-actions{align-items:stretch;flex-direction:column}.markdown-reader-actions button{width:100%}}.pagination-row{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap}.action-cell{display:flex;gap:var(--space-xs);flex-wrap:wrap}.compact-form{align-items:end;margin-bottom:var(--space-md)}.table-wrap{overflow-x:auto;overflow-y:visible}.table-wrap .actions-cell{min-width:180px}.actions-cell .action-cell,.actions-cell{align-items:flex-start}.table-wrap .actions-cell .button-bordered,.table-wrap .actions-cell button.button-bordered{background:transparent;border-color:var(--color-primary);color:var(--color-primary-strong)}.table-wrap .actions-cell .button-bordered:hover,.table-wrap .actions-cell button.button-bordered:hover{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary-strong)}.content-library-table{min-width:1120px}.content-library-table th:nth-child(5),.content-library-table td:nth-child(5){min-width:380px}.content-library-table th:nth-child(6),.content-library-table td:nth-child(6){min-width:220px}
