@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400&display=swap";:root{--meta-blue: #0064E0;--meta-blue-hover: #0143B5;--meta-blue-pressed:#004BB9;--meta-blue-light: #47A5FA;--meta-blue-bg: #E8F3FF;--canvas: #FFFFFF;--surface-1: #F7F8FA;--surface-2: #F1F4F7;--surface-3: #F0F2F5;--surface-linen: #F2F0E6;--surface-hover: rgba(28, 43, 51, .04);--surface-pressed: rgba(28, 43, 51, .08);--overlay: rgba(0, 0, 0, .6);--task-image-bg: #FFFFFF;--text-primary: #1C2B33;--text-secondary: #5D6C7B;--text-tertiary: #65676B;--text-muted: #8595A4;--text-disabled: #BCC0C4;--text-on-dark: #FFFFFF;--border: #DEE3E9;--border-strong: #CED0D4;--border-cta: #CBD2D9;--border-emphasis: #909396;--border-focus: var(--meta-blue);--border-focus-ring:rgba(0, 100, 224, .18);--success: #007D1E;--success-bg: rgba(36, 228, 0, .12);--success-light: #31A24C;--warning: #F7B928;--warning-bg: rgba(247, 185, 40, .16);--danger: #C80A28;--danger-bg: rgba(255, 123, 145, .14);--info: #1877F2;--info-bg: rgba(0, 145, 255, .12);--status-ok: var(--success);--status-ok-bg: var(--success-bg);--status-warn: #A8800D;--status-warn-bg: var(--warning-bg);--status-bad: var(--danger);--status-bad-bg: var(--danger-bg);--att-1: var(--info);--att-1-bg: var(--info-bg);--att-2: #C77700;--att-2-bg: var(--warning-bg);--att-3: var(--oculus-purple);--att-3-bg: rgba(161, 33, 206, .1);--att-4: var(--success-light);--att-4-bg: var(--success-bg);--rayban-red: #D6311F;--oculus-purple: #A121CE;--portal-blue: #1B365D;--s-1: 1px;--s-2: 4px;--s-3: 8px;--s-4: 10px;--s-5: 12px;--s-6: 14px;--s-7: 16px;--s-8: 18px;--s-9: 24px;--s-10: 32px;--s-11: 40px;--s-12: 48px;--s-13: 64px;--s-14: 80px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 24px;--radius-pill: 100px;--shell-appbar: 64px;--shell-drawer: 256px;--container-max: 1440px;--font-sans: "Optimistic", "Optimistic VF", "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif;--font-helvetica: Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--fs-display-1: 64px;--fs-display-2: 48px;--fs-h1: 36px;--fs-h2: 28px;--fs-h3: 18px;--fs-body: 18px;--fs-body-c: 16px;--fs-caption-b: 14px;--fs-caption: 14px;--fs-small: 12px;--shadow-1: 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-2: 0 2px 4px 0 rgba(0, 0, 0, .08);--shadow-3: 0 4px 12px 0 rgba(0, 0, 0, .1);--shadow-4: 0 12px 28px 0 rgba(0, 0, 0, .18), 0 2px 4px 0 rgba(0, 0, 0, .1);--shadow-focus: 0 0 0 3px var(--border-focus-ring);--easing-standard: cubic-bezier(.2, 0, 0, 1);--easing-decel: cubic-bezier(0, 0, .2, 1);--easing-accel: cubic-bezier(.4, 0, 1, 1);--duration-1: .1s;--duration-2: .15s;--duration-3: .2s;--duration-4: .3s}[data-theme=dark]{--canvas: #1C1E21;--surface-1: #25282B;--surface-2: #2C2F33;--surface-3: #181A1B;--surface-linen: #2A2725;--surface-hover: rgba(255, 255, 255, .06);--surface-pressed: rgba(255, 255, 255, .1);--text-primary: #F0F2F5;--text-secondary: #B0B3B8;--text-tertiary: #8A8D91;--text-muted: #6A6D71;--text-disabled: #4E5155;--text-on-dark: #1C2B33;--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .18);--border-cta: rgba(255, 255, 255, .22);--border-emphasis: rgba(255, 255, 255, .4);--border-focus-ring:rgba(71, 165, 250, .3);--meta-blue: #47A5FA;--meta-blue-hover: #6FB8FB;--meta-blue-pressed:#3D94E3;--meta-blue-bg: rgba(71, 165, 250, .12);--success-bg: rgba(36, 228, 0, .16);--warning-bg: rgba(247, 185, 40, .18);--danger-bg: rgba(255, 123, 145, .18);--info-bg: rgba(71, 165, 250, .18);--shadow-1: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-2: 0 2px 4px 0 rgba(0, 0, 0, .5);--shadow-3: 0 4px 12px 0 rgba(0, 0, 0, .5);--shadow-4: 0 12px 28px 0 rgba(0, 0, 0, .6), 0 2px 4px 0 rgba(0, 0, 0, .5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100%}body{font-family:var(--font-sans);font-weight:400;font-feature-settings:"ss01","ss02";font-size:var(--fs-body-c);line-height:1.5;color:var(--text-primary);background:var(--canvas);transition:background-color var(--duration-3) var(--easing-standard),color var(--duration-3) var(--easing-standard)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-feature-settings:"ss01","ss02";letter-spacing:0}h1{font-size:var(--fs-h1);font-weight:500;line-height:1.28}h2{font-size:var(--fs-h2);font-weight:300;line-height:1.21}h3{font-size:var(--fs-h3);font-weight:700;line-height:1.44}h4{font-size:var(--fs-body);font-weight:700;line-height:1.44}h5{font-size:var(--fs-body-c);font-weight:700;line-height:1.5}h6{font-size:var(--fs-caption-b);font-weight:700;line-height:1.43}p{font-size:var(--fs-body-c);line-height:1.5;color:var(--text-secondary)}.display-1{font-size:var(--fs-display-1);font-weight:500;line-height:1.16;letter-spacing:0}.display-2{font-size:var(--fs-display-2);font-weight:500;line-height:1.17;letter-spacing:0}.body-large{font-size:var(--fs-body);font-weight:400;line-height:1.44}.body-compact{font-size:var(--fs-body-c);font-weight:500;line-height:1.5;letter-spacing:-.16px}.caption{font-size:var(--fs-caption);font-weight:400;line-height:1.43;letter-spacing:-.14px;color:var(--text-secondary)}.caption-bold{font-size:var(--fs-caption-b);font-weight:700;line-height:1.43}.small{font-size:var(--fs-small);font-weight:400;line-height:1.33;color:var(--text-tertiary)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-muted{color:var(--text-muted)}.text-meta-blue{color:var(--meta-blue)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.text-mono{font-family:var(--font-mono)}a{color:var(--meta-blue);text-decoration:none;transition:color var(--duration-2) var(--easing-standard)}a:hover{text-decoration:underline;text-underline-offset:3px}a:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-xs)}button,input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}button{background:none;border:none;cursor:pointer}img,svg,video{display:block;max-width:100%}code,pre,kbd,samp{font-family:var(--font-mono);font-size:.9em}::selection{background:var(--meta-blue);color:var(--text-on-dark)}[data-theme=dark] ::selection{background:var(--meta-blue-light);color:#0a0a0a}:focus{outline:none}:focus-visible{outline:none;box-shadow:var(--shadow-focus)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-pill);border:2px solid var(--canvas)}::-webkit-scrollbar-thumb:hover{background:var(--border-emphasis)}.stack{display:flex;flex-direction:column}.stack-1{gap:var(--s-2)}.stack-2{gap:var(--s-3)}.stack-3{gap:var(--s-5)}.stack-4{gap:var(--s-7)}.stack-5{gap:var(--s-9)}.stack-6{gap:var(--s-10)}.stack-7{gap:var(--s-12)}.row{display:flex;align-items:center;flex-wrap:wrap}.row-1{gap:var(--s-2)}.row-2{gap:var(--s-3)}.row-3{gap:var(--s-5)}.row-4{gap:var(--s-7)}.row-5{gap:var(--s-9)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--s-5);flex-wrap:wrap}.grid{display:grid;gap:var(--s-7)}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:1fr 1fr 1fr}.grid-4{grid-template-columns:1fr 1fr 1fr 1fr}@media(max-width:900px){.grid-3,.grid-4{grid-template-columns:1fr 1fr}}@media(max-width:600px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.divider{height:1px;background:var(--border);border:none;margin:0}.muted-divider{height:1px;background:var(--border);opacity:.6}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-3);padding:10px 22px;border-radius:var(--radius-pill);background:var(--meta-blue);color:var(--text-on-dark);font-family:inherit;font-size:var(--fs-caption);font-weight:500;letter-spacing:-.14px;border:1px solid transparent;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:background-color var(--duration-3) var(--easing-standard),color var(--duration-3) var(--easing-standard),transform var(--duration-2) var(--easing-decel),box-shadow var(--duration-3) var(--easing-standard);text-decoration:none}.btn:hover{background:var(--meta-blue-hover);color:var(--text-on-dark);text-decoration:none}.btn:active{background:var(--meta-blue-pressed);transform:scale(.97)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--border-focus-ring)}.btn:disabled,.btn.is-disabled{background:var(--border);color:var(--text-muted);cursor:not-allowed;pointer-events:none}.btn-outlined{background:transparent;color:var(--text-primary);border-color:var(--border-cta)}.btn-outlined:hover{background:var(--surface-hover);border-color:var(--border-emphasis);color:var(--text-primary)}.btn-outlined:active{background:var(--surface-pressed)}.btn-ghost{background:transparent;color:var(--meta-blue);border-color:transparent;padding:8px 14px}.btn-ghost:hover{background:var(--meta-blue-bg);color:var(--meta-blue-hover)}.btn-ghost:active{background:#0064e029}.btn-danger{background:var(--danger);color:var(--text-on-dark)}.btn-danger:hover{background:#a8081e}.btn-danger:active{transform:scale(.97);background:#8e0518}.btn-danger-outlined{background:transparent;color:var(--danger);border-color:var(--border-cta)}.btn-danger-outlined:hover{background:var(--danger-bg);border-color:var(--danger);color:var(--danger)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid transparent;background:transparent;color:var(--text-secondary);cursor:pointer;flex-shrink:0;transition:background var(--duration-2) var(--easing-standard),color var(--duration-2) var(--easing-standard)}.icon-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.icon-btn:active{background:var(--surface-pressed)}.icon-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn-sm{padding:6px 14px;font-size:var(--fs-small)}.btn-ghost.btn-sm{padding:4px 10px}.btn-lg{padding:14px 28px;font-size:var(--fs-body-c)}.btn-icon{width:40px;height:40px;padding:0;border-radius:50%;background:transparent;color:var(--text-secondary);border:1px solid transparent}.btn-icon:hover{background:var(--surface-hover);color:var(--text-primary)}.btn-icon:active{background:var(--surface-pressed)}.btn-icon-sm{width:32px;height:32px}.card{background:var(--canvas);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--s-9);transition:border-color var(--duration-3) var(--easing-standard),box-shadow var(--duration-3) var(--easing-standard),transform var(--duration-3) var(--easing-decel)}.card-flat{background:var(--surface-1);border-radius:var(--radius-lg);padding:var(--s-9);border:none}.card-clickable{cursor:pointer}.card-clickable:hover{border-color:var(--border-strong);box-shadow:var(--shadow-3);transform:translateY(-2px)}.card-clickable:active{transform:translateY(0);box-shadow:var(--shadow-1)}.card-clickable:focus-visible{outline:none;border-color:var(--meta-blue);box-shadow:var(--shadow-focus)}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:var(--fs-caption);font-weight:500;color:var(--text-primary);letter-spacing:-.14px}.input-label{font-size:var(--fs-caption);font-weight:500;color:var(--text-primary);letter-spacing:-.14px;white-space:nowrap}.input-row{display:inline-flex;align-items:center;gap:var(--s-3);flex-wrap:wrap}.input-row>.input,.input-row>.input-sm{width:auto}.field-hint{font-size:var(--fs-small);color:var(--text-tertiary);line-height:1.4}.field-error{font-size:var(--fs-small);color:var(--danger);font-weight:500}.input,.textarea,.select{width:100%;padding:10px 14px;background:var(--canvas);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:var(--fs-body-c);line-height:1.5;transition:border-color var(--duration-3) var(--easing-standard),box-shadow var(--duration-3) var(--easing-standard),background-color var(--duration-3) var(--easing-standard)}.input::placeholder,.textarea::placeholder{color:var(--text-tertiary)}.input:hover,.textarea:hover,.select:hover{border-color:var(--border-emphasis)}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--meta-blue);box-shadow:0 0 0 3px var(--border-focus-ring)}.input:disabled,.textarea:disabled,.select:disabled{background:var(--surface-2);color:var(--text-muted);cursor:not-allowed}.input-error,.input.is-error{border-color:var(--danger)}.input-error:focus,.input.is-error:focus{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-bg)}.textarea{min-height:96px;resize:vertical}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon .input{padding-left:40px}.input-with-icon .icon{position:absolute;left:14px;width:16px;height:16px;color:var(--text-tertiary);pointer-events:none}.checkbox,.radio{display:inline-flex;align-items:center;gap:var(--s-5);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-box,.radio-dot{position:relative;width:20px;height:20px;background:var(--canvas);border:1.5px solid var(--border-emphasis);flex-shrink:0;transition:background var(--duration-2) var(--easing-standard),border-color var(--duration-2) var(--easing-standard)}.checkbox-box{border-radius:4px}.radio-dot{border-radius:50%}.checkbox:hover .checkbox-box,.radio:hover .radio-dot{border-color:var(--meta-blue)}.checkbox.is-on .checkbox-box{background:var(--meta-blue);border-color:var(--meta-blue)}.checkbox.is-on .checkbox-box:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat}.radio.is-on .radio-dot{border-color:var(--meta-blue);border-width:2px}.radio.is-on .radio-dot:after{content:"";position:absolute;inset:3px;background:var(--meta-blue);border-radius:50%}.checkbox:focus-visible .checkbox-box,.radio:focus-visible .radio-dot{box-shadow:var(--shadow-focus)}.switch{display:inline-flex;align-items:center;gap:var(--s-5);cursor:pointer;-webkit-user-select:none;user-select:none}.switch-track{position:relative;width:44px;height:24px;background:var(--border-strong);border-radius:var(--radius-pill);transition:background var(--duration-3) var(--easing-standard)}.switch-track:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:var(--canvas);border-radius:50%;box-shadow:var(--shadow-2);transition:transform var(--duration-3) var(--easing-decel)}.switch.is-on .switch-track{background:var(--meta-blue)}.switch.is-on .switch-track:after{transform:translate(20px)}.switch:focus-visible .switch-track{box-shadow:var(--shadow-focus)}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text-primary);font-size:var(--fs-small);font-weight:500;letter-spacing:-.12px;border:1px solid transparent;transition:background var(--duration-2) var(--easing-standard)}.chip-outlined{background:transparent;border-color:var(--border-cta)}.chip-clickable{cursor:pointer}.chip-clickable:hover{background:var(--surface-hover)}.chip-clickable.is-active{background:var(--meta-blue);color:var(--text-on-dark);border-color:var(--meta-blue)}.chip-success{background:var(--success-bg);color:var(--success)}.chip-warning{background:var(--warning-bg);color:#a8800d}.chip-danger{background:var(--danger-bg);color:var(--danger)}.chip-info{background:var(--info-bg);color:var(--info)}.chip-neutral{background:var(--surface-2);color:var(--text-secondary)}.chip-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.table-wrapper{width:100%;overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--canvas)}.table-caption{margin-bottom:var(--s-3);font-size:var(--fs-body);font-weight:500;line-height:1.4;color:var(--text-primary);text-align:left}.table{width:100%;border-collapse:collapse;font-size:var(--fs-caption)}.table th{text-align:left;font-size:var(--fs-small);font-weight:500;color:var(--text-secondary);padding:var(--s-5) var(--s-7);background:var(--surface-1);border-bottom:1px solid var(--border);white-space:nowrap}.table-sort{display:inline-flex;align-items:center;gap:var(--s-2);padding:0;margin:0;border:none;background:transparent;font:inherit;font-size:var(--fs-small);font-weight:500;color:inherit;cursor:pointer}.table-sort:hover{color:var(--text-primary)}.table-sort-indicator{font-size:11px;line-height:1;color:var(--meta-blue)}.table td{padding:var(--s-7);color:var(--text-primary);border-bottom:1px solid var(--border);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tbody tr{transition:background var(--duration-2) var(--easing-standard)}.table tbody tr:hover{background:var(--surface-hover)}.table .cell-secondary{color:var(--text-secondary)}.table .cell-mono{font-family:var(--font-mono);font-size:var(--fs-small);color:var(--text-secondary)}.table-actions{text-align:right;white-space:nowrap}.table-actions>*{vertical-align:middle}.table-actions>*+*{margin-left:var(--s-2)}.modal-backdrop{position:fixed;inset:0;background:var(--overlay);display:flex;align-items:center;justify-content:center;padding:var(--s-9);z-index:1300;animation:fade-in var(--duration-3) var(--easing-decel)}.content>*:has(~.modal-backdrop){visibility:hidden}.modal{background:var(--canvas);border-radius:var(--radius-lg);width:100%;max-width:520px;padding:var(--s-10);display:flex;flex-direction:column;gap:var(--s-7);box-shadow:var(--shadow-4);animation:modal-in var(--duration-4) var(--easing-decel);max-height:calc(100vh - var(--s-9) * 2);min-height:0}.modal>form{display:flex;flex-direction:column;gap:var(--s-7);min-height:0;flex:1 1 auto}.modal-header{display:flex;flex-direction:column;gap:6px}.modal-title{font-size:var(--fs-h3);font-weight:700;color:var(--text-primary)}.modal-body{display:flex;flex-direction:column;gap:var(--s-7);overflow-y:auto;flex:1 1 auto;min-height:0}.modal-actions{display:flex;gap:var(--s-5);justify-content:flex-end;padding-top:var(--s-3);flex-shrink:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.eyebrow{display:inline-block;font-size:var(--fs-small);font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--text-tertiary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--s-13) var(--s-9);gap:var(--s-5)}.empty-state h3{font-size:var(--fs-h3);font-weight:700;color:var(--text-primary)}.empty-state p{color:var(--text-secondary);max-width:480px}.kpi{display:flex;flex-direction:column;gap:4px;padding:var(--s-7);background:var(--surface-1);border-radius:var(--radius-md);border:1px solid transparent;transition:background var(--duration-3) var(--easing-standard),border-color var(--duration-3) var(--easing-standard)}.kpi:hover{background:var(--surface-2);border-color:var(--border)}.kpi-label{font-size:var(--fs-small);color:var(--text-tertiary);font-weight:500}.kpi-value{font-size:var(--fs-h2);font-weight:500;color:var(--text-primary);line-height:1.1}.kpi-meta{font-size:var(--fs-small);color:var(--text-tertiary)}.tabs{display:flex;gap:var(--s-9);border-bottom:1px solid var(--border)}.tab{position:relative;padding:var(--s-5) 0;color:var(--text-secondary);font-size:var(--fs-body-c);font-weight:500;cursor:pointer;transition:color var(--duration-3) var(--easing-standard);border:none;background:none;text-decoration:none}.tab:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--meta-blue);transform:scaleX(0);transform-origin:center;transition:transform var(--duration-3) var(--easing-decel)}.tab:hover{color:var(--text-primary)}.tab.is-active{color:var(--meta-blue)}.tab.is-active:after{transform:scaleX(1)}.tab:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-xs)}.breadcrumb{display:flex;align-items:center;gap:var(--s-3);font-size:var(--fs-caption);color:var(--text-tertiary)}.breadcrumb a{color:var(--text-secondary);font-weight:500}.breadcrumb a:hover{color:var(--meta-blue);text-decoration:underline}.breadcrumb-sep{color:var(--text-disabled)}.breadcrumb .current{color:var(--text-primary);font-weight:500}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s-7);padding-bottom:var(--s-9);margin-bottom:var(--s-10);border-bottom:1px solid var(--border);flex-wrap:wrap}.page-header-meta{display:flex;flex-direction:column;gap:4px}.page-header-actions{display:flex;gap:var(--s-5);flex-wrap:wrap}.toast{display:inline-flex;align-items:center;gap:var(--s-5);padding:var(--s-5) var(--s-7);background:var(--text-primary);color:var(--text-on-dark);border-radius:var(--radius-sm);font-size:var(--fs-caption);font-weight:500;box-shadow:var(--shadow-3);max-width:480px}.toast-success{background:var(--success)}.toast-warning{background:var(--warning);color:var(--text-primary)}.toast-error{background:var(--danger)}.toast-info{background:var(--info)}.toast-container{position:fixed;top:calc(var(--s-9) + var(--s-7));right:var(--s-9);display:flex;flex-direction:column;gap:var(--s-5);z-index:1000;pointer-events:none}.toast-container .toast{pointer-events:auto;justify-content:space-between}.toast-message{flex:1}.toast-close{background:transparent;border:0;color:inherit;cursor:pointer;font-size:var(--fs-body-c);line-height:1;padding:0 var(--s-3);opacity:.7}.toast-close:hover{opacity:1}.alert{display:flex;align-items:flex-start;gap:var(--s-5);padding:var(--s-5) var(--s-7);border-radius:var(--radius-md);font-size:var(--fs-caption);line-height:1.5}.alert svg{flex-shrink:0;margin-top:2px}.alert strong{font-weight:700;display:block;margin-bottom:2px}.alert-info{background:var(--info-bg);color:var(--info)}.alert-success{background:var(--success-bg);color:var(--success)}.alert-warning{background:var(--warning-bg);color:#806009}.alert-danger{background:var(--danger-bg);color:var(--danger)}.nav-item{display:flex;align-items:center;gap:var(--s-5);padding:10px var(--s-5);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--fs-body-c);font-weight:500;text-decoration:none;cursor:pointer;transition:background var(--duration-2) var(--easing-standard),color var(--duration-2) var(--easing-standard)}.nav-item:hover{background:var(--surface-hover);color:var(--text-primary);text-decoration:none}.nav-item:active{background:var(--surface-pressed)}.nav-item.is-active{background:var(--meta-blue-bg);color:var(--meta-blue)}.nav-item.is-active:hover{background:var(--meta-blue-bg)}[data-theme=dark] .nav-item.is-active{background:var(--meta-blue-bg);color:var(--meta-blue)}.nav-item-icon{width:20px;height:20px;flex-shrink:0}.nav-item-count{margin-left:auto;font-size:var(--fs-small);color:var(--text-tertiary);font-weight:500;font-variant-numeric:tabular-nums}.nav-item.is-active .nav-item-count{color:var(--meta-blue)}.loader-spinner{display:inline-block;width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--meta-blue);border-radius:50%;animation:loader-rotate .8s linear infinite;flex-shrink:0}@keyframes loader-rotate{to{transform:rotate(360deg)}}.answer-option{display:flex;align-items:flex-start;gap:var(--s-5);padding:var(--s-7) var(--s-9);background:var(--canvas);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--duration-3) var(--easing-standard),background-color var(--duration-3) var(--easing-standard),transform var(--duration-2) var(--easing-decel)}.answer-option:hover{border-color:var(--border-emphasis);background:var(--surface-1)}.answer-option:active{transform:scale(.99)}.answer-option:focus-visible{outline:none;border-color:var(--meta-blue);box-shadow:var(--shadow-focus)}.answer-option.is-selected{border-color:var(--meta-blue);background:var(--meta-blue-bg)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.seg{display:inline-flex;padding:2px;border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--canvas)}.seg-btn{padding:4px 12px;font-size:var(--fs-small);font-weight:500;color:var(--text-secondary);border:none;background:transparent;border-radius:var(--radius-pill);cursor:pointer;transition:background var(--duration-2) var(--easing-standard),color var(--duration-2) var(--easing-standard)}.seg-btn:hover{color:var(--text-primary)}.seg-btn.is-active{background:var(--text-primary);color:var(--canvas)}.muted-divider{height:1px;background:var(--border);margin:var(--s-5) 0;border:0}.answer-pill{display:inline-block;padding:4px 14px;background:var(--meta-blue-bg);color:var(--meta-blue);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:var(--fs-caption);font-weight:600}.preview-frame{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--s-9) var(--s-10);background:var(--canvas)}.review-bar{position:sticky;bottom:0;background:var(--surface-1);border-top:1px solid var(--border);padding:var(--s-5) var(--s-7);margin:var(--s-9) calc(-1 * var(--s-9)) 0;display:flex;justify-content:space-between;align-items:center;gap:var(--s-5);flex-wrap:wrap}.bank-group{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.bank-group+.bank-group{margin-top:var(--s-5)}.bank-group-head{display:flex;align-items:center;gap:var(--s-5);padding:var(--s-5) var(--s-7);background:var(--surface-1);border-bottom:1px solid var(--border)}.bank-group-head h3{font-family:var(--font-mono);font-size:var(--fs-body);font-weight:600;color:var(--text-primary);margin:0}.bank-group-head .caption{color:var(--text-tertiary)}.bank-group-head .actions{margin-left:auto}.bank-clones{padding:0}.bank-clone-row{display:flex;align-items:center;gap:var(--s-5);padding:10px var(--s-7);border-bottom:1px solid var(--border)}.bank-clone-row:last-child{border-bottom:none}.bank-clone-row:hover{background:var(--surface-1)}.bank-clone-row .actions{margin-left:auto}.bank-show-more{background:transparent;border:none;padding:0;font:inherit;color:var(--meta-blue);cursor:pointer}.bank-show-more:hover{text-decoration:underline}.fb-layout{display:grid;grid-template-columns:280px 1fr;gap:var(--s-9);align-items:flex-start}.fb-tree{position:sticky;top:calc(var(--shell-appbar) + 16px)}.tree-group{margin-bottom:var(--s-7)}.tree-eyebrow{font-size:var(--fs-small);font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--text-tertiary);padding:0 var(--s-5);margin-bottom:var(--s-3);display:block}.tree-item{display:block;width:100%;text-align:left;padding:8px var(--s-5);color:var(--text-secondary);font:inherit;font-size:var(--fs-caption);background:transparent;border:none;border-radius:var(--radius-sm);text-decoration:none;cursor:pointer;transition:background var(--duration-2) var(--easing-standard),color var(--duration-2) var(--easing-standard)}button.tree-item:not(:disabled):hover,a.tree-item:hover{background:var(--surface-1);color:var(--text-primary);text-decoration:none}.tree-item.is-active{background:var(--meta-blue-bg);color:var(--meta-blue)}.tree-item:disabled,.tree-item[aria-disabled=true]{color:var(--text-tertiary);opacity:.6;cursor:not-allowed}.tree-item:disabled:hover,.tree-item[aria-disabled=true]:hover{background:transparent}.tree-sub{padding-left:24px}@media(max-width:1024px){.fb-layout{grid-template-columns:1fr}.fb-tree{position:static}}.fb-report{display:flex;flex-direction:column;gap:var(--s-12)}.fb-page{display:flex;flex-direction:column;gap:var(--s-7)}.fb-page-title{font-size:var(--fs-h1);color:var(--meta-blue);margin:0}.fb-infobox{display:flex;gap:var(--s-5);padding:var(--s-7);background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg)}.fb-infobox-accent{border-left:3px solid var(--meta-blue)}.fb-infobox-icon{flex:none;width:28px;height:28px;border-radius:var(--radius-pill);background:var(--meta-blue-bg);color:var(--meta-blue);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--fs-caption)}.fb-infobox-body{display:flex;flex-direction:column;gap:var(--s-2)}.fb-infobox-title{font-weight:700;color:var(--meta-blue)}.fb-infobox-text{color:var(--text-secondary);margin:0}.fb-kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-7)}.fb-kpi{display:flex;align-items:baseline;gap:var(--s-5);padding:var(--s-7);background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg)}.fb-kpi-value{font-size:var(--fs-h1);font-weight:700;line-height:1}.fb-kpi-value[data-status=ok]{color:var(--status-ok)}.fb-kpi-value[data-status=warn]{color:var(--status-warn)}.fb-kpi-value[data-status=bad]{color:var(--status-bad)}.fb-kpi-label{color:var(--text-secondary);font-size:var(--fs-caption)}.fb-legend{display:flex;flex-wrap:wrap;gap:var(--s-7)}.fb-legend-item{display:inline-flex;align-items:center;gap:var(--s-2);font-size:var(--fs-caption);color:var(--text-secondary)}.fb-legend-dot{width:10px;height:10px;border-radius:var(--radius-pill);flex:none}.fb-legend-dot[data-status=ok]{background:var(--status-ok)}.fb-legend-dot[data-status=warn]{background:var(--status-warn)}.fb-legend-dot[data-status=bad]{background:var(--status-bad)}.status-badge{display:inline-flex;align-items:center;gap:var(--s-2);padding:4px var(--s-5);border-radius:var(--radius-pill);font-size:var(--fs-small);font-weight:700;white-space:nowrap}.status-badge[data-status=ok]{background:var(--status-ok);color:var(--text-on-dark)}.status-badge[data-status=warn]{background:var(--status-warn);color:var(--text-on-dark)}.status-badge[data-status=bad]{background:var(--status-bad);color:var(--text-on-dark)}.fb-profile-table{width:100%;border-collapse:collapse}.fb-profile-table th{text-align:left;font-size:var(--fs-small);text-transform:uppercase;letter-spacing:.4px;color:var(--text-tertiary);padding:var(--s-3) var(--s-5);border-bottom:1px solid var(--border)}.fb-profile-table th:last-child{text-align:right}.fb-profile-table td{padding:var(--s-5);border-bottom:1px solid var(--border);vertical-align:top}.fb-profile-table tr:last-child td{border-bottom:none}.fb-profile-label{font-weight:700;color:var(--text-primary)}.fb-profile-desc{color:var(--text-secondary)}.fb-profile-status{text-align:right;white-space:nowrap}.fb-quadrant-section{display:flex;flex-direction:column;gap:var(--s-5)}.fb-quadrant-heading{display:flex;align-items:center;gap:var(--s-3);font-size:var(--fs-h3);font-weight:700}.fb-quadrant-heading[data-tone=correct]{color:var(--success-light)}.fb-quadrant-heading[data-tone=errors]{color:var(--danger)}.fb-quadrant-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-7)}.fb-quadrant{display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-7);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-1)}.fb-quadrant-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-5)}.fb-quadrant-title{font-weight:700;color:var(--text-primary)}.fb-quadrant-pill{flex:none;padding:2px var(--s-5);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text-secondary);font-size:var(--fs-small);font-weight:700}.fb-quadrant-subtitle{color:var(--text-secondary);margin:0}.fb-quadrant-domains-label{font-size:var(--fs-small);font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.4px}.fb-quadrant-domains{margin:0;padding-left:var(--s-7);color:var(--text-primary)}.fb-quadrant-empty{color:var(--text-tertiary);margin:0}.fb-cards-grid,.fb-ideas-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-7)}.fb-att-card{display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-7);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-1)}.fb-att-head{display:flex;align-items:center;gap:var(--s-5)}.fb-att-icon{flex:none;width:32px;height:32px;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;font-size:var(--fs-body-c)}.fb-att-title{font-weight:700}.fb-att-card[data-accent="0"] .fb-att-icon{background:var(--att-1-bg)}.fb-att-card[data-accent="0"] .fb-att-title{color:var(--att-1)}.fb-att-card[data-accent="1"] .fb-att-icon{background:var(--att-2-bg)}.fb-att-card[data-accent="1"] .fb-att-title{color:var(--att-2)}.fb-att-card[data-accent="2"] .fb-att-icon{background:var(--att-3-bg)}.fb-att-card[data-accent="2"] .fb-att-title{color:var(--att-3)}.fb-att-card[data-accent="3"] .fb-att-icon{background:var(--att-4-bg)}.fb-att-card[data-accent="3"] .fb-att-title{color:var(--att-4)}.fb-att-text{color:var(--text-secondary);margin:0}.fb-att-action{border-top:1px dashed var(--border);padding-top:var(--s-3);color:var(--text-secondary);margin:0}.fb-att-action b{color:var(--text-primary)}.fb-idea{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-7);border:1px solid var(--border);border-radius:var(--radius-lg)}.fb-idea-title{font-weight:700;color:var(--meta-blue)}.fb-idea-text{color:var(--text-secondary);margin:0}.fb-examples{display:flex;flex-direction:column;gap:var(--s-9)}.fb-example{display:flex;flex-direction:column;gap:var(--s-5);padding:var(--s-7);border:1px solid var(--border);border-radius:var(--radius-lg)}.fb-example-title{font-weight:700;color:var(--text-primary)}.fb-example-img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;border-radius:var(--radius-md);border:1px solid var(--border)}.fb-insufficient{padding:var(--s-7);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);color:var(--text-secondary);background:var(--surface-1)}.fb-pdf-block{display:flex;align-items:center;gap:var(--s-5);flex-wrap:wrap}.fb-pdf-unavailable{color:var(--text-tertiary);font-size:var(--fs-caption)}@media(max-width:1024px){.fb-kpi-row,.fb-quadrant-grid,.fb-cards-grid,.fb-ideas-grid{grid-template-columns:1fr}}.dropzone{border:2px dashed var(--border-strong);border-radius:var(--radius-md);padding:var(--s-9) var(--s-7);display:flex;flex-direction:column;align-items:center;gap:var(--s-3);text-align:center;cursor:pointer;transition:all var(--duration-2) var(--easing-standard);color:var(--text-secondary)}.dropzone:hover,.dropzone.is-drag-over{border-color:var(--meta-blue);background:var(--meta-blue-bg);color:var(--text-primary)}.domain-toggle{display:flex;gap:var(--s-5);align-items:flex-start;padding:var(--s-5) var(--s-7);border-radius:var(--radius-md);border:1px solid var(--border);cursor:pointer;transition:all var(--duration-3) var(--easing-standard)}.domain-toggle:hover{background:var(--surface-1);border-color:var(--border-emphasis)}.domain-toggle.is-on{background:var(--meta-blue-bg);border-color:var(--meta-blue)}.domain-toggle-remove{margin-left:auto;background:transparent;border:none;color:var(--meta-blue);font:inherit;cursor:pointer;padding:0;opacity:0;transition:opacity var(--duration-2) var(--easing-standard)}.domain-toggle:hover .domain-toggle-remove,.domain-toggle-remove:focus-visible{opacity:1}.domain-toggle-remove:hover{text-decoration:underline}.shell{min-height:100vh;display:grid;grid-template-rows:var(--shell-appbar) 1fr;grid-template-columns:var(--shell-drawer) minmax(0,1fr);grid-template-areas:"appbar appbar" "drawer content";background:var(--canvas)}.appbar{grid-area:appbar;height:var(--shell-appbar);position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 var(--s-9);background:#ffffffd9;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--border)}[data-theme=dark] .appbar{background:#1c1e21d9}.appbar-left{display:flex;align-items:center;gap:var(--s-9);min-width:0}.appbar-right{display:flex;align-items:center;gap:var(--s-3)}.brand{display:flex;align-items:center;gap:var(--s-5);color:var(--text-primary);text-decoration:none;font-weight:700;font-size:var(--fs-body-c);letter-spacing:-.16px}.brand:hover{color:var(--text-primary);text-decoration:none}.brand-mark{width:28px;height:28px;border-radius:8px;background:var(--meta-blue);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px;letter-spacing:-.5px;flex-shrink:0}.brand-mark:after{content:"A";font-family:var(--font-sans)}.user-menu{display:flex;align-items:center;gap:var(--s-2)}.user-chip{display:inline-flex;align-items:center;gap:var(--s-3);padding:6px var(--s-5) 6px 6px;border-radius:var(--radius-pill);background:transparent;border:1px solid transparent;color:var(--text-primary);-webkit-user-select:none;user-select:none;cursor:default}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--meta-blue-bg);color:var(--meta-blue);display:flex;align-items:center;justify-content:center;font-size:var(--fs-caption);font-weight:700;flex-shrink:0}.user-info{display:flex;flex-direction:column;gap:0;line-height:1.2;min-width:0}.user-name{font-size:var(--fs-caption);font-weight:500;color:var(--text-primary);white-space:nowrap}.user-role{font-size:var(--fs-small);color:var(--text-tertiary)}.drawer{grid-area:drawer;border-right:1px solid var(--border);background:var(--canvas);display:flex;flex-direction:column;padding:var(--s-7) var(--s-5);position:sticky;top:var(--shell-appbar);align-self:start;min-height:calc(100vh - var(--shell-appbar))}.drawer-section{display:flex;flex-direction:column;gap:2px}.drawer-section+.drawer-section{margin-top:var(--s-7);padding-top:var(--s-7);border-top:1px solid var(--border)}.drawer-eyebrow{display:block;font-size:var(--fs-small);font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--text-tertiary);padding:0 var(--s-5);margin-bottom:var(--s-3)}.drawer-body{display:flex;flex-direction:column}.drawer-footer{margin-top:auto;padding-top:var(--s-5);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:var(--s-3)}.drawer-logout{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-5);background:transparent;border:0;border-radius:8px;color:var(--text-secondary);font-size:var(--fs-body);cursor:pointer;text-align:left;width:100%}.drawer-logout:hover:not(:disabled){background:var(--surface-2);color:var(--text-primary)}.drawer-logout:disabled{opacity:.6;cursor:not-allowed}.content{grid-area:content;padding:var(--s-10) var(--s-12);max-width:var(--container-max);width:100%;min-width:0;overflow-x:clip}.content-narrow{max-width:880px}.content-wide{max-width:100%;padding:var(--s-10) var(--s-9)}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:var(--canvas)}.auth-shell-side{background:var(--surface-2);display:flex;align-items:center;justify-content:center;padding:var(--s-13);position:relative;overflow:hidden}.auth-shell-side:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(0,100,224,.18) 0%,transparent 60%),radial-gradient(circle at 80% 70%,rgba(71,165,250,.16) 0%,transparent 55%);pointer-events:none}.auth-shell-main{display:flex;align-items:center;justify-content:center;padding:var(--s-13) var(--s-12)}.auth-card{width:100%;max-width:420px;display:flex;flex-direction:column;gap:var(--s-9)}.auth-pitch{position:relative;z-index:1;max-width:480px;display:flex;flex-direction:column;gap:var(--s-7)}.auth-pitch-eyebrow{display:inline-flex;align-items:center;gap:var(--s-3);font-size:var(--fs-caption);font-weight:700;color:var(--meta-blue);letter-spacing:.2px;text-transform:uppercase}.auth-pitch h2{font-size:var(--fs-display-2);font-weight:500;line-height:1.1;color:var(--text-primary);letter-spacing:-1px}.auth-pitch p{font-size:var(--fs-body);line-height:1.5;color:var(--text-secondary)}.auth-pitch-features{display:flex;flex-direction:column;gap:var(--s-5);margin-top:var(--s-5)}.auth-pitch-feature{display:flex;align-items:flex-start;gap:var(--s-5)}.auth-pitch-feature-icon{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--canvas);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--meta-blue);flex-shrink:0}.auth-pitch-feature-text strong{display:block;font-size:var(--fs-body-c);font-weight:600;color:var(--text-primary);margin-bottom:2px}.auth-pitch-feature-text span{font-size:var(--fs-caption);color:var(--text-secondary)}.test-shell{min-height:100vh;display:grid;grid-template-rows:var(--shell-appbar) 1fr;background:var(--canvas)}.test-appbar{height:var(--shell-appbar);position:sticky;top:0;z-index:100;background:#ffffffd9;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--s-9)}[data-theme=dark] .test-appbar{background:#1c1e21d9}.test-progress{display:flex;align-items:center;gap:var(--s-5)}.test-progress-bar{width:240px;height:4px;background:var(--border);border-radius:var(--radius-pill);overflow:hidden;position:relative}.test-progress-fill{position:absolute;inset:0 auto 0 0;background:var(--meta-blue);border-radius:var(--radius-pill);transition:width var(--duration-4) var(--easing-decel)}.test-timer{display:inline-flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-5);border:1.5px solid var(--border);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:var(--fs-h4);font-weight:700;color:var(--text-primary);background:var(--surface);transition:background-color var(--duration-3) var(--easing-decel),color var(--duration-3) var(--easing-decel),border-color var(--duration-3) var(--easing-decel)}.test-timer--warning{color:var(--text-primary);background:var(--warning-bg);border-color:var(--warning)}.test-timer--critical{color:#fff;background:var(--danger);border-color:var(--danger);animation:test-timer-pulse 1s ease-in-out infinite}@keyframes test-timer-pulse{0%,to{box-shadow:0 0 #dc35458c}50%{box-shadow:0 0 0 8px #dc354500}}.test-content{max-width:760px;margin:0 auto;padding:var(--s-13) var(--s-9);width:100%}.toggles-row{display:flex;gap:var(--s-3);flex-wrap:wrap}.toggles-floating{position:fixed;bottom:var(--s-7);right:var(--s-7);z-index:200;display:flex;gap:var(--s-3);padding:6px;background:var(--canvas);border:1px solid var(--border);border-radius:var(--radius-pill);box-shadow:var(--shadow-2)}.menu-trigger{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid transparent;background:transparent;color:var(--text-primary);cursor:pointer;flex-shrink:0;margin-right:var(--s-3);transition:background var(--duration-2) var(--easing-standard)}.menu-trigger:hover{background:var(--surface-hover)}.menu-trigger:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.drawer-backdrop{display:none;position:fixed;top:var(--shell-appbar);left:0;right:0;bottom:0;background:#0006;z-index:80;opacity:0;pointer-events:none;transition:opacity var(--duration-3) var(--easing-standard)}.drawer-backdrop.is-open{opacity:1;pointer-events:all}@media(max-width:1024px){.shell{grid-template-columns:220px minmax(0,1fr)}:root{--shell-drawer: 220px}.content{padding:var(--s-10) var(--s-9)}.appbar{padding:0 var(--s-7)}.user-name{display:none}}@media(max-width:768px){.shell{grid-template-columns:minmax(0,1fr);grid-template-areas:"appbar" "content"}.menu-trigger{display:inline-flex}.drawer{display:flex;position:fixed;top:var(--shell-appbar);left:0;bottom:0;width:280px;height:calc(100vh - var(--shell-appbar));min-height:0;overflow-y:auto;z-index:90;transform:translate(-100%);transition:transform var(--duration-3) var(--easing-standard);box-shadow:var(--shadow-3);border-right:1px solid var(--border)}.drawer.is-open{transform:translate(0)}.drawer-backdrop{display:block}.content{padding:var(--s-9) var(--s-7)}.appbar{padding:0 var(--s-5)}.breadcrumb,.user-info{display:none}.user-chip{padding:0}.page-header{flex-direction:column;align-items:flex-start}.page-header-actions{width:100%}}@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-shell-side{display:none}}@media(max-width:768px){.auth-shell-main{padding:var(--s-9) var(--s-5)}.auth-card{gap:var(--s-7)}.test-content{padding:var(--s-9) var(--s-5)}.test-progress-bar{width:120px}.test-appbar{padding:0 var(--s-5);gap:var(--s-3)}.test-appbar .brand-name{display:none}}.editor-shell{min-height:100vh;display:grid;grid-template-rows:var(--shell-appbar) 1fr;grid-template-columns:280px 1fr 360px;grid-template-areas:"topbar topbar topbar" "palette canvas inspector";background:var(--canvas)}.editor-topbar{grid-area:topbar;height:var(--shell-appbar);border-bottom:1px solid var(--border);padding:0 var(--s-7);display:flex;align-items:center;justify-content:space-between;background:var(--canvas);position:sticky;top:0;z-index:10}.palette{grid-area:palette;border-right:1px solid var(--border);padding:var(--s-7);overflow-y:auto;background:var(--surface-1)}.palette-eyebrow{display:block;margin-bottom:var(--s-5);font-size:var(--fs-small);font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--text-tertiary)}.palette-item{display:flex;align-items:center;gap:var(--s-5);padding:var(--s-5);background:var(--canvas);border:1px solid var(--border);border-radius:var(--radius-md);cursor:grab;font-size:var(--fs-caption);color:var(--text-primary);margin-bottom:var(--s-3);transition:all var(--duration-3) var(--easing-standard)}.palette-item:hover{border-color:var(--meta-blue);background:var(--meta-blue-bg);transform:translate(2px)}.palette-item:active{cursor:grabbing}.palette-icon{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--surface-2);display:flex;align-items:center;justify-content:center;color:var(--meta-blue);flex-shrink:0}.canvas{grid-area:canvas;padding:var(--s-12) var(--s-9);overflow-y:auto;background:var(--surface-2)}.canvas-doc{max-width:720px;margin:0 auto;background:var(--canvas);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--s-10);box-shadow:var(--shadow-1)}.canvas-element{position:relative;padding:var(--s-5) var(--s-7);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--duration-2) var(--easing-standard)}.canvas-element:hover{background:var(--surface-1);border-color:var(--border)}.canvas-element.is-selected{background:var(--meta-blue-bg);border-color:var(--meta-blue)}.canvas-element+.canvas-element{margin-top:var(--s-3)}[data-row-grid]>*{min-width:0}[data-row-grid] input,[data-row-grid] textarea,[data-row-grid] select,[data-row-grid] .input{max-width:100%;box-sizing:border-box}[data-row-grid] img,[data-row-grid] svg{max-width:100%;height:auto}[data-row-grid] table{width:100%}.canvas-element-meta{display:flex;gap:var(--s-3);align-items:center;font-size:var(--fs-small);letter-spacing:.4px;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:6px}.canvas-element.is-selected .canvas-element-meta{color:var(--meta-blue)}.inspector{grid-area:inspector;border-left:1px solid var(--border);padding:var(--s-7);overflow-y:auto;background:var(--canvas)}.inspector-section+.inspector-section{margin-top:var(--s-7);padding-top:var(--s-7);border-top:1px solid var(--border)}.inspector-eyebrow{display:block;margin-bottom:var(--s-3);font-size:var(--fs-small);font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--text-tertiary)}.tiptap-editor{width:100%;background:var(--canvas);border:1px solid var(--border-strong);border-radius:var(--radius-sm);transition:border-color var(--duration-3) var(--easing-standard),box-shadow var(--duration-3) var(--easing-standard)}.tiptap-editor:hover{border-color:var(--border-emphasis)}.tiptap-editor:focus-within{border-color:var(--meta-blue);box-shadow:0 0 0 3px var(--border-focus-ring)}.inspector .tiptap-editor,.inspector .tiptap-editor *{font-size:var(--fs-body)!important;line-height:1.5!important}.tiptap-content{display:block;min-height:96px;padding:10px 14px;outline:none;color:var(--text-primary);font-family:inherit;font-size:var(--fs-body-c);line-height:1.5;white-space:pre-wrap;overflow-wrap:break-word}.tiptap-content>p{margin:0}.tiptap-content>p+p{margin-top:.5em}.format-toolbar{display:flex;gap:2px;padding:4px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-sm);flex-wrap:wrap}.fmt-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);background:transparent;color:var(--text-secondary);cursor:pointer;border:none;font-size:var(--fs-caption);font-weight:500;transition:all var(--duration-2) var(--easing-standard)}.fmt-btn:hover{background:var(--canvas);color:var(--text-primary)}.fmt-btn.is-active{background:var(--meta-blue);color:var(--text-on-dark)}.fmt-btn:disabled,.fmt-btn[aria-disabled=true]{opacity:.35;cursor:not-allowed;background:transparent;color:var(--text-tertiary);filter:grayscale(1)}.fmt-btn:disabled:hover,.fmt-btn[aria-disabled=true]:hover{background:transparent;color:var(--text-tertiary)}select:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.6)}.fmt-divider{width:1px;margin:4px 2px;background:var(--border)}.color-swatch{width:28px;height:28px;border-radius:var(--radius-xs);border:2px solid transparent;cursor:pointer;transition:transform var(--duration-2) var(--easing-decel)}.color-swatch:hover{transform:scale(1.1)}.color-swatch.is-active{border-color:var(--text-primary)}.color-swatch:disabled,.color-swatch[aria-disabled=true]{opacity:.35;cursor:not-allowed;filter:grayscale(.7)}.color-swatch:disabled:hover,.color-swatch[aria-disabled=true]:hover{transform:none}.tbl-editor{width:100%;border-collapse:collapse;font-size:var(--fs-caption);table-layout:fixed}.tbl-editor th,.tbl-editor td{border:1px solid var(--border-strong);padding:var(--s-3) var(--s-5);vertical-align:middle;position:relative;overflow-wrap:anywhere;word-break:break-word}.tbl-editor th{background:var(--surface-1);font-weight:600;color:var(--text-primary)}.tbl-editor td.is-selected{outline:2px solid var(--meta-blue);outline-offset:-1px;background:var(--meta-blue-bg)}.tbl-editor td:hover{background:var(--surface-1);cursor:text}.tbl-editor td.is-selected:hover{background:var(--meta-blue-bg)}.tbl-add-btn{width:24px;height:24px;border-radius:50%;background:var(--canvas);border:1px solid var(--border-strong);color:var(--text-tertiary);display:inline-flex;align-items:center;justify-content:center;font-size:16px;line-height:1;cursor:pointer;transition:all var(--duration-2) var(--easing-standard)}.tbl-add-btn:hover{background:var(--meta-blue);border-color:var(--meta-blue);color:var(--text-on-dark)}.opt-row{display:grid;grid-template-columns:28px 1fr auto;gap:var(--s-5);align-items:center;padding:var(--s-3);background:var(--canvas);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:var(--s-3)}.opt-handle{cursor:grab;color:var(--text-tertiary);-webkit-user-select:none;user-select:none;text-align:center}.opt-row.is-selected{border-color:var(--meta-blue);background:var(--meta-blue-bg)}@media(max-width:1280px){.editor-shell{grid-template-columns:240px minmax(0,1fr) 320px}}@media(max-width:1100px){.editor-shell{grid-template-columns:220px minmax(0,1fr);grid-template-rows:var(--shell-appbar) 1fr auto;grid-template-areas:"topbar topbar" "palette canvas" "inspector inspector"}.inspector{border-left:none;border-top:1px solid var(--border);max-height:50vh}.canvas{padding:var(--s-9) var(--s-7)}.canvas-doc{padding:var(--s-7) var(--s-9)}}@media(max-width:768px){.editor-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--shell-appbar) auto 1fr auto;grid-template-areas:"topbar" "palette" "canvas" "inspector"}.editor-topbar{padding:0 var(--s-5);gap:var(--s-3)}.editor-topbar .brand .brand-name,.editor-topbar .caption{display:none}.palette{border-right:none;border-bottom:1px solid var(--border);overflow-x:auto;overflow-y:hidden;padding:var(--s-3) var(--s-5);display:flex;gap:var(--s-3);-webkit-overflow-scrolling:touch;scrollbar-width:thin}.palette-eyebrow,.palette .alert{display:none}.palette-item{flex-shrink:0;margin-bottom:0;padding:var(--s-3) var(--s-5)}.canvas{padding:var(--s-7) var(--s-5);background:var(--canvas)}.canvas-doc{padding:var(--s-7);border:none;box-shadow:none}.inspector{border-top:1px solid var(--border);border-left:none;max-height:none;padding:var(--s-7) var(--s-5)}.format-toolbar{flex-wrap:wrap}.fmt-btn{width:28px;height:28px}.color-swatch{width:24px;height:24px}}.row-cell{min-width:0;width:100%}.row-cell .input,.row-cell input,.row-cell textarea,.row-cell select{max-width:100%;box-sizing:border-box}.row-cell img,.row-cell svg{max-width:100%;height:auto}.row-cell table{width:100%;table-layout:auto}.row-cell .input-row{max-width:100%;flex-wrap:wrap}.auth-form-error{margin:0;padding:12px 16px;font-size:var(--fs-caption-b);color:var(--danger);background:var(--danger-bg, color-mix(in srgb, var(--danger) 10%, transparent));border:1px solid color-mix(in srgb,var(--danger) 30%,transparent);border-radius:var(--radius-md)}.status-page{display:flex;flex:1 1 auto;align-items:center;justify-content:center;padding:var(--s-9)}.status-page-content{display:flex;flex-direction:column;gap:var(--s-5);max-width:480px;text-align:center}.status-page-content h1{margin:0;font-size:var(--fs-h1);font-weight:600;line-height:1.2}.status-page-content p{margin:0;font-size:var(--fs-body);color:var(--text-secondary)}.status-page-content .btn{align-self:center}.markdown{font-size:var(--fs-body-c);line-height:1.7;color:var(--text-secondary)}.markdown h1,.markdown h2{margin-top:var(--s-9);margin-bottom:var(--s-5);color:var(--text-primary)}.markdown h1{font-size:var(--fs-h2);font-weight:600}.markdown h2{font-size:var(--fs-h3);font-weight:500}.markdown h3{margin-top:var(--s-7);margin-bottom:var(--s-3);font-weight:600;color:var(--text-primary)}.markdown p{margin:0 0 var(--s-5)}.markdown ul,.markdown ol{padding-left:var(--s-9);margin:0 0 var(--s-5)}.markdown li{margin-bottom:var(--s-2)}.markdown strong{color:var(--text-primary);font-weight:600}.markdown hr{height:1px;background:var(--border);margin:var(--s-5) 0;border:0}.mastery-row{display:grid;grid-template-columns:220px 1fr 64px;align-items:center;gap:var(--s-5);padding:var(--s-3) 0;border-bottom:1px solid var(--border)}.mastery-row:last-child{border-bottom:none}.mastery-bar{position:relative;height:var(--s-3);background:var(--surface-2);border-radius:var(--radius-pill);overflow:hidden}.mastery-bar-fill{height:100%;background:var(--meta-blue);border-radius:var(--radius-pill);transition:width var(--duration-4) var(--easing-decel)}.mastery-bar-fill[data-level=warning]{background:var(--warning)}.mastery-bar-fill[data-level=danger]{background:var(--danger)}.mastery-value{font-variant-numeric:tabular-nums;text-align:right;color:var(--text-primary)}@media(max-width:720px){.mastery-row{grid-template-columns:1fr;gap:var(--s-2)}}.feedback-tree{display:flex;flex-direction:column;gap:var(--s-3)}.feedback-tree-node{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-1)}.feedback-tree-summary{cursor:pointer;padding:var(--s-3) var(--s-5);display:flex;align-items:center;gap:var(--s-3);font-size:var(--fs-caption-b);color:var(--text-primary);list-style:none}.feedback-tree-summary::-webkit-details-marker{display:none}.feedback-tree-summary:before{content:"▸";display:inline-block;width:var(--s-5);font-size:var(--fs-small);color:var(--text-tertiary);transition:transform var(--duration-2) ease}.feedback-tree-node[open]>.feedback-tree-summary:before{transform:rotate(90deg)}.feedback-tree-leaf{padding:var(--s-3) var(--s-5) var(--s-3) var(--s-10);display:block;color:var(--text-secondary);text-decoration:none;font-size:var(--fs-caption);border-radius:var(--radius-xs)}.feedback-tree-leaf:hover{background:var(--surface-2);color:var(--text-primary)}.feedback-tree-children{padding:var(--s-2) var(--s-5) var(--s-3)}.feedback-status-chip{margin-left:auto;font-size:var(--fs-small);font-weight:600;text-transform:uppercase;letter-spacing:.4px;padding:var(--s-1) var(--s-3);border-radius:var(--radius-pill)}.feedback-status-chip-leaf{margin-left:var(--s-3)}.feedback-status-chip[data-status=ready]{color:var(--success);background:color-mix(in srgb,var(--success) 12%,transparent)}.feedback-status-chip[data-status=pending],.feedback-status-chip[data-status=computing]{color:var(--meta-blue);background:color-mix(in srgb,var(--meta-blue) 12%,transparent)}.feedback-status-chip[data-status=failed]{color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent)}#root{display:flex;flex-direction:column;min-height:100vh}