:root{--c-primary-50:#ecfdf5;--c-primary-100:#d1fae5;--c-primary-200:#a7f3d0;--c-primary-300:#6ee7b7;--c-primary-400:#34d399;--c-primary-500:#10b981;--c-primary-600:#059669;--c-primary-700:#047857;--c-primary-800:#065f46;--c-primary-900:#064e3b;--c-slate-50:#f8fafc;--c-slate-100:#f1f5f9;--c-slate-200:#e2e8f0;--c-slate-300:#cbd5e1;--c-slate-400:#94a3b8;--c-slate-500:#64748b;--c-slate-600:#475569;--c-slate-700:#334155;--c-slate-800:#1e293b;--c-slate-900:#0f172a;--c-danger:#dc2626;--c-danger-bg:#fef2f2;--c-warning:#ea580c;--c-warning-bg:#fff7ed;--c-success:#059669;--c-success-bg:#ecfdf5;--c-info:#0284c7;--c-info-bg:#f0f9ff;--c-bg:#f7f9fc;--c-card:#ffffff;--c-border:var(--c-slate-200);--c-text:var(--c-slate-800);--c-text-sub:var(--c-slate-500);--c-text-mute:var(--c-slate-400);--glass-bg:rgba(255,255,255,0.72);--glass-border:rgba(255,255,255,0.9);--glass-blur:blur(16px) saturate(180%);--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-2xl:28px;--r-full:999px;--sh-none:none;--sh-sm:0 1px 2px rgba(15,23,42,0.04);--sh-md:0 4px 16px rgba(15,23,42,0.06);--sh-lg:0 12px 32px rgba(15,23,42,0.08);--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--s-12:48px;--s-16:64px;--s-20:80px;--font:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Noto Sans JP","Segoe UI",Roboto,sans-serif;--font-num:"SF Pro Display",-apple-system,"Segoe UI",sans-serif;--t-display:40px;--t-h1:28px;--t-h2:20px;--t-h3:16px;--t-body:14px;--t-sm:13px;--t-xs:12px;--lh-tight:1.25;--lh-body:1.7;--ease:cubic-bezier(0.22,1,0.36,1);--dur:200ms;--sidebar-w:248px;--header-h:64px;--content-max:1200px;--touch-min:44px}@media (prefers-reduced-motion:reduce){:root{--dur:0ms}}*{box-sizing:border-box}body{margin:0;font-family:var(--font);font-size:var(--t-body);line-height:var(--lh-body);color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased}.card{background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--s-6);box-shadow:var(--sh-sm)}.card--flat{box-shadow:none}.card--raised{box-shadow:var(--sh-md);border-color:transparent}.card--glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--sh-md)}.card--alert{border-left:4px solid var(--c-danger)}.card--watch{border-left:4px solid var(--c-warning)}.card--good{border-left:4px solid var(--c-success)}.card__head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);margin-bottom:var(--s-5)}.card__title{margin:0;font-size:var(--t-h3);font-weight:600;color:var(--c-slate-900);letter-spacing:.01em}.card__sub{margin:var(--s-1) 0 0;color:var(--c-text-sub)}.card__sub,.status{font-size:var(--t-xs)}.status{display:inline-flex;align-items:center;gap:var(--s-2);padding:5px 12px 5px 9px;border-radius:var(--r-full);font-weight:600;line-height:1.4;white-space:nowrap}.status svg{width:14px;height:14px;flex-shrink:0}.status--danger{background:var(--c-danger-bg);color:var(--c-danger)}.status--warning{background:var(--c-warning-bg);color:var(--c-warning)}.status--success{background:var(--c-success-bg);color:var(--c-success)}.status--neutral{background:var(--c-slate-100);color:var(--c-slate-600)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:var(--touch-min);padding:0 var(--s-5);border:1px solid transparent;border-radius:var(--r-full);font-family:inherit;font-size:var(--t-body);font-weight:600;cursor:pointer;transition:all var(--dur) var(--ease);text-decoration:none}.btn svg{width:16px;height:16px}.btn:focus-visible{outline:2px solid var(--c-primary-600);outline-offset:2px}.btn--primary{background:var(--c-primary-600);color:#fff;box-shadow:var(--sh-sm)}.btn--primary:hover{background:var(--c-primary-700);box-shadow:var(--sh-md)}.btn--secondary{background:var(--c-card);color:var(--c-slate-700);border-color:var(--c-border)}.btn--secondary:hover{background:var(--c-slate-50);border-color:var(--c-slate-300)}.btn--danger{background:var(--c-danger);color:#fff}.btn--ghost{background:transparent;color:var(--c-slate-600)}.btn--ghost:hover{background:var(--c-slate-100)}.btn--sm{min-height:34px;padding:0 var(--s-4);font-size:var(--t-sm)}.btn--block{width:100%}.level{display:flex;align-items:center;gap:var(--s-4)}.level__badge{width:56px;height:56px;flex-shrink:0;display:grid;place-items:center;border-radius:var(--r-full);background:linear-gradient(135deg,var(--c-primary-400),var(--c-primary-600));color:#fff;box-shadow:0 4px 12px rgba(5,150,105,.28)}.level__badge>*{text-align:center}.level__badge b{display:block;font-size:22px;font-family:var(--font-num);line-height:1}.level__badge span{display:block;font-size:9px;letter-spacing:.08em;opacity:.85;margin-top:1px}.level__body{flex:1 1;min-width:0}.level__row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--s-2)}.level__name{font-size:var(--t-h3);font-weight:600;color:var(--c-slate-900)}.level__next{font-size:var(--t-xs);color:var(--c-primary-700);font-weight:600}.xpbar{height:10px;background:var(--c-slate-100);overflow:hidden}.xpbar,.xpbar__fill{border-radius:var(--r-full)}.xpbar__fill{height:100%;background:linear-gradient(90deg,var(--c-primary-400),var(--c-primary-600));transition:width .6s var(--ease)}.bar{height:8px;background:var(--c-slate-100);overflow:hidden}.bar,.bar__fill{border-radius:var(--r-full)}.bar__fill{height:100%;background:var(--c-primary-500)}.bar__fill--warning{background:var(--c-warning)}.bar__fill--danger{background:var(--c-danger)}.metric__label{font-size:var(--t-xs);color:var(--c-text-sub);font-weight:600;letter-spacing:.02em}.metric__value{font-family:var(--font-num);font-size:var(--t-display);font-weight:600;line-height:var(--lh-tight);color:var(--c-slate-900);margin:var(--s-2) 0 var(--s-1);letter-spacing:-.02em}.metric__value small{font-size:18px;font-weight:500;color:var(--c-text-sub);margin-left:2px}.delta{display:inline-flex;align-items:center;gap:4px;font-size:var(--t-xs);font-weight:600}.delta svg{width:13px;height:13px}.delta--up{color:var(--c-success)}.delta--down{color:var(--c-danger)}.delta--flat{color:var(--c-text-mute)}.ai{border-radius:var(--r-lg);background:linear-gradient(140deg,#f0fdf9,#f4f8ff);border:1px solid var(--c-primary-100);padding:var(--s-5) var(--s-6)}.ai__head{display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-3)}.ai__avatar{width:30px;height:30px;border-radius:var(--r-full);display:grid;place-items:center;flex-shrink:0;background:linear-gradient(135deg,var(--c-primary-500),#0ea5e9);color:#fff}.ai__avatar svg{width:16px;height:16px}.ai__name{font-size:var(--t-sm);font-weight:700;color:var(--c-primary-900);letter-spacing:.02em}.ai__body{margin:0;font-size:var(--t-body);color:var(--c-slate-700)}.ai__body strong{color:var(--c-primary-800);font-weight:700}.ai__actions{display:flex;gap:var(--s-2);margin-top:var(--s-4);flex-wrap:wrap}.row{display:flex;align-items:center;gap:var(--s-4);padding:var(--s-4) var(--s-5);border-bottom:1px solid var(--c-slate-100);transition:background var(--dur) var(--ease)}.row:last-child{border-bottom:none}.row:hover{background:var(--c-slate-50)}.row__avatar{width:40px;height:40px;border-radius:var(--r-full);flex-shrink:0;display:grid;place-items:center;font-weight:700;font-size:var(--t-sm);background:var(--c-slate-100);color:var(--c-slate-600)}.row__main{flex:1 1;min-width:0}.row__name{font-weight:600;color:var(--c-slate-900)}.row__meta{font-size:var(--t-xs);color:var(--c-text-sub)}.field{margin-bottom:var(--s-5)}.field__label{display:block;margin-bottom:var(--s-2);font-size:var(--t-sm);font-weight:600;color:var(--c-slate-700)}.field__hint{margin-top:var(--s-2);font-size:var(--t-xs);color:var(--c-text-sub)}.input,.select,.textarea{width:100%;min-height:48px;padding:var(--s-3) var(--s-4);font-family:inherit;font-size:var(--t-body);color:var(--c-text);background:var(--c-card);border:1px solid var(--c-slate-300);border-radius:var(--r-md);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.textarea{min-height:120px;line-height:var(--lh-body);resize:vertical}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--c-primary-500);box-shadow:0 0 0 3px var(--c-primary-100)}.choices{display:grid;grid-gap:var(--s-3);gap:var(--s-3)}.choice{display:flex;align-items:center;gap:var(--s-3);min-height:56px;padding:var(--s-3) var(--s-4);background:var(--c-card);border:1.5px solid var(--c-border);border-radius:var(--r-md);cursor:pointer;font-size:var(--t-body);text-align:left;transition:all var(--dur) var(--ease)}.choice:hover{border-color:var(--c-primary-300)}.choice--on,.choice:hover{background:var(--c-primary-50)}.choice--on{border-color:var(--c-primary-600);font-weight:600}.stack>*+*{margin-top:var(--s-4)}.grid{display:grid;grid-gap:var(--s-5);gap:var(--s-5)}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}@media (max-width:860px){.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}}.section-title{font-size:var(--t-h2);font-weight:700;color:var(--c-slate-900);margin:0 0 var(--s-2);letter-spacing:.01em}.section-note{margin:0 0 var(--s-5);font-size:var(--t-sm);color:var(--c-text-sub)}svg:not([width]):not([height]){width:1em;height:1em}.card__title svg,.metric__label svg{width:16px;height:16px;flex-shrink:0}.shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}@media (max-width:860px){.shell{grid-template-columns:1fr}}.sidebar{border-right:1px solid var(--c-border);background:var(--c-card);padding:var(--s-5) var(--s-4)}@media (max-width:860px){.sidebar{display:none}}.brand{display:flex;align-items:center;gap:var(--s-3);font-weight:700;color:var(--c-primary-900);letter-spacing:.04em;margin-bottom:var(--s-8);padding:0 var(--s-2)}.brand__mark{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--c-primary-400),var(--c-primary-700));display:grid;place-items:center;color:#fff}.brand__mark svg{width:17px;height:17px}.nav{flex-direction:column;gap:2px}.nav,.nav a{display:flex}.nav a{align-items:center;gap:var(--s-3);min-height:40px;padding:0 var(--s-3);border-radius:var(--r-sm);color:var(--c-slate-600);text-decoration:none;font-size:var(--t-body);font-weight:500;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.nav a:hover{background:var(--c-slate-50);color:var(--c-slate-900)}.nav a[aria-current=page]{background:var(--c-primary-50);color:var(--c-primary-800);font-weight:600}.nav svg{width:17px;height:17px;flex-shrink:0}.main{padding:var(--s-8) var(--s-8) var(--s-16)}.main__inner{max-width:var(--content-max);margin:0 auto}@media (max-width:860px){.main{padding:var(--s-5) var(--s-4) var(--s-12)}}.page-head{margin-bottom:var(--s-6)}.page-head h1{font-size:var(--t-h1);font-weight:700;margin:0 0 var(--s-2);color:var(--c-slate-900);letter-spacing:.01em}.page-head p{margin:0;color:var(--c-text-sub);font-size:var(--t-sm)}.setup-notice{max-width:640px;margin:var(--s-20) auto;background:var(--c-card);border:1px solid var(--c-border);border-left:4px solid var(--c-warning);border-radius:var(--r-lg);padding:var(--s-8)}.setup-notice h1{font-size:var(--t-h2);margin:0 0 var(--s-3);color:var(--c-slate-900)}.setup-notice p{margin:0 0 var(--s-4);color:var(--c-slate-700)}.setup-notice ol{margin:0;padding-left:1.3em;color:var(--c-slate-700)}.setup-notice li{margin-bottom:var(--s-2)}.setup-notice code{background:var(--c-slate-100);padding:2px 6px;border-radius:5px;font-size:12px}.sidebar{display:flex;flex-direction:column}.sidebar__foot{margin-top:auto;padding-top:var(--s-5);border-top:1px solid var(--c-border)}.sidebar__org{font-size:var(--t-xs);color:var(--c-text-sub);padding:0 var(--s-3)}.sidebar__user{font-size:var(--t-sm);font-weight:600;color:var(--c-slate-700);padding:0 var(--s-3) var(--s-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar--admin{background:var(--c-slate-900);border-right-color:var(--c-slate-800)}.sidebar--admin .brand{color:#fff}.brand__mark--admin{background:linear-gradient(135deg,var(--c-slate-500),var(--c-slate-700))}.brand__badge{margin-left:auto;font-size:10px;font-weight:700;letter-spacing:.08em;background:var(--c-warning);color:#fff;padding:2px 7px;border-radius:var(--r-full)}.sidebar--admin .nav a{color:var(--c-slate-400)}.sidebar--admin .nav a:hover{background:var(--c-slate-800);color:#fff}.sidebar--admin .sidebar__foot{border-top-color:var(--c-slate-800)}.sidebar--admin .sidebar__org{color:var(--c-slate-500)}.sidebar--admin .sidebar__user{color:var(--c-slate-300)}.sidebar--admin .btn--ghost{color:var(--c-slate-400)}.sidebar--admin .btn--ghost:hover{background:var(--c-slate-800);color:#fff}.nav__admin{display:flex;align-items:center;gap:var(--s-3);margin-top:var(--s-4);padding:var(--s-3);border:1px dashed var(--c-slate-300);border-radius:var(--r-sm);color:var(--c-slate-500);text-decoration:none;font-size:var(--t-xs);font-weight:600;transition:all var(--dur) var(--ease)}.nav__admin:hover{border-color:var(--c-slate-400);color:var(--c-slate-700);background:var(--c-slate-50)}.nav__admin svg{width:15px;height:15px}.sidebar__account{display:block;text-decoration:none;padding-top:var(--s-2);border-radius:var(--r-sm);transition:background var(--dur) var(--ease)}.sidebar__account:hover{background:var(--c-slate-50)}.auth{max-width:420px;margin:0 auto;padding:var(--s-16) var(--s-5) var(--s-12)}.auth__note{margin:var(--s-5) 0 0;text-align:center;font-size:var(--t-xs);color:var(--c-text-sub);line-height:var(--lh-body)}.auth--wide{max-width:560px}.talent{max-width:480px;margin:0 auto;padding:var(--s-6) var(--s-4) var(--s-16)}.talent h1{font-size:22px;font-weight:700;color:var(--c-slate-900);margin:0 0 var(--s-3);line-height:1.4}.talent__lead{margin:0 0 var(--s-6);color:var(--c-slate-700);font-size:15px;line-height:1.8}.talent__block{margin-bottom:var(--s-5)}.talent__block h2{font-size:16px;font-weight:700;margin:0 0 var(--s-2);color:var(--c-slate-900);line-height:1.5}.talent__block p{margin:0;font-size:15px;line-height:1.8;color:var(--c-slate-700)}.talent__block ul{margin:var(--s-3) 0 0;padding-left:1.2em}.talent__block li{margin-bottom:var(--s-2);font-size:15px;line-height:1.7}.talent__exception{background:var(--c-warning-bg);border:1px solid #fed7aa;border-radius:var(--r-lg);padding:var(--s-5)}.talent__exception h2{color:#9a3412}.talent__exception .why{margin-top:var(--s-4);padding-top:var(--s-4);border-top:1px solid #fed7aa;font-size:14px;color:#9a3412;font-weight:600}.talent .btn{min-height:56px;font-size:16px}.talent__untranslated{background:var(--c-slate-100);border-radius:var(--r-md);padding:var(--s-3) var(--s-4);margin-bottom:var(--s-5);font-size:13px;color:var(--c-slate-600);line-height:1.7}