:root{--primary: #D50032;--primary-dark: #990024;--primary-light: #FCEDF0;--paper: #F3F6F9;--card: #FFFFFF;--card-2: #FAFCFD;--ink: #101B27;--ink-soft: #5B6B7C;--ink-faint: #90A0AF;--line: #DCE4EC;--line-strong: #C3CFDA;--chip: #EDF1F5;--good: #157F4B;--good-bg: #E7F5EE;--warn: #B5750A;--warn-bg: #FBF1E1;--blue: #0C5F8A;--blue-bg: #E7F1F6;--radius: 12px;--shadow: 0 1px 2px rgba(16,27,39,.04), 0 8px 24px rgba(16,27,39,.06);--sidebar-grad: linear-gradient(180deg,#F7F8FA,#E8EBEF 48%,#D5DAE1);--sidebar-border: #C5CCD5}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--paper: #0A0E13;--card: #131B24;--card-2: #101820;--ink: #E8EEF4;--ink-soft: #9FB0C0;--primary: #E2445E;--line: #22303C;--line-strong: #2C3D4A;--chip: #1B2530}}:root[data-theme=dark]{--paper: #0A0E13;--card: #131B24;--card-2: #101820;--ink: #E8EEF4;--ink-soft: #9FB0C0;--primary: #E2445E;--line: #22303C;--line-strong: #2C3D4A;--chip: #1B2530}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 -apple-system,SF Pro Text,SF Pro Display,Segoe UI,system-ui,sans-serif}#root{min-height:100vh}a{color:var(--primary)}button{font-family:inherit;cursor:pointer}.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line-strong);background:var(--card);color:var(--ink);padding:9px 16px;border-radius:10px;font-size:14px;font-weight:600}.btn:hover{border-color:var(--primary)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border:none;box-shadow:0 6px 16px #d5003247}.btn-primary:hover{filter:brightness(1.05)}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.chip{background:var(--chip);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;color:var(--ink-soft)}.chip-good{background:var(--good-bg);color:var(--good)}.chip-warn{background:var(--warn-bg);color:var(--warn)}.chip-blue{background:var(--blue-bg);color:var(--blue)}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),select,textarea{border:1px solid var(--line-strong);border-radius:8px;padding:9px 12px;font-size:14px;background:var(--card);color:var(--ink);width:100%;transition:border-color .12s ease,box-shadow .12s ease}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--paper);padding:24px}.login-hero-wrap{position:relative;margin-right:clamp(300px,32vw,560px)}.login-hero-wrap:before{content:"";position:absolute;left:calc(100% + 24px);top:50%;transform:translateY(-50%);width:clamp(280px,30vw,520px);height:340px;background-image:linear-gradient(100deg,var(--paper) 0%,transparent 14%),url(/brand/aircraft/hka-three-quarter-front.png);background-size:100% 100%,contain;background-repeat:no-repeat;background-position:center;pointer-events:none}@media (max-width: 900px){.login-hero-wrap{margin-right:0}.login-hero-wrap:before{display:none}}.login-card{width:320px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px 24px}.login-mark{width:52px;height:52px;margin-bottom:14px}.login-eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:var(--ink-soft);font-weight:700;margin:0 0 4px}.login-title{font-size:20px;font-weight:800;margin:0 0 18px}.field{margin-bottom:14px}.field label{display:block;font-size:12px;font-weight:600;color:var(--ink-soft);margin-bottom:5px}.error-text{color:var(--primary-dark);font-size:13px;margin:8px 0}.app-shell{display:flex;min-height:100vh}.sidebar{width:220px;flex-shrink:0;background:var(--sidebar-grad);border-right:1px solid var(--sidebar-border);padding:18px 12px}.sidebar-brand{display:flex;align-items:center;gap:8px;padding:6px 8px 18px;font-weight:800}.sidebar-brand img{width:24px;height:24px}.nav-item{display:block;width:100%;text-align:left;padding:9px 12px;border-radius:8px;border:none;background:transparent;color:var(--ink);font-size:13.5px;font-weight:600;margin-bottom:2px}.nav-item.active{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 6px 16px #d5003247}.main{flex:1;padding:28px 32px;max-width:1100px}.page-title{font-size:22px;font-weight:800;margin:0 0 4px}.page-sub{color:var(--ink-soft);margin:0 0 22px;font-size:14px}.card h3{margin:0 0 16px;font-size:15px;font-weight:700}.card h3:not(:first-child){margin-top:4px}table{width:100%;border-collapse:collapse;font-size:13.5px}th{text-align:left;color:var(--ink-soft);font-weight:600;padding:8px 10px;border-bottom:1px solid var(--line-strong)}td{padding:10px;border-bottom:1px solid var(--line)}tbody tr:hover td{background:var(--card-2)}tbody tr:last-child td{border-bottom:none}.likert{display:flex;gap:8px}.likert button{flex:1;padding:10px 4px;border-radius:8px;border:1px solid var(--line-strong);background:var(--card);font-weight:700;font-size:13px}.likert button.selected{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border:none}.item-card{padding:18px 0;border-bottom:1px solid var(--line)}.item-progress{height:6px;background:var(--chip);border-radius:4px;overflow:hidden;margin-bottom:18px}.item-progress>div{height:100%;background:var(--primary)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat{text-align:center}.stat .n{font-size:26px;font-weight:800}.stat .label{font-size:12px;color:var(--ink-soft)}.dim-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.dim-bar{flex:1;height:8px;background:var(--chip);border-radius:4px;margin:0 12px;overflow:hidden}.dim-bar>div{height:100%;background:var(--primary)}.invite-page{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:48px 16px;background:var(--paper)}.invite-card{width:100%;max-width:620px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 1px 2px #101b270a,0 8px 24px #101b270f;padding:32px}