:root{--brand: #005c8a;--brand-deep: #003a58;--brand-ink: #00293e;--brand-tint: #e8f1f6;--brand-tint-2: #d2e4ee;--paper: #f4f6f8;--surface: #ffffff;--line: #dde4e9;--line-strong: #c3ced6;--ink: #1c2b33;--ink-2: #51626d;--ink-3: #7d8d97;--tier-excellent: #b78a00;--tier-good: #2e7d4f;--tier-satisfactory: #d97706;--tier-needs: #93282c;--tier-excellent-bg: #f8f0d8;--tier-good-bg: #e2f1e8;--tier-satisfactory-bg: #fdeedd;--tier-needs-bg: #f7e3e4;--radius: 10px;--radius-sm: 6px;--shadow: 0 1px 2px rgba(16, 42, 58, .06), 0 4px 14px rgba(16, 42, 58, .05);--shadow-lift: 0 8px 30px rgba(16, 42, 58, .16);--font-display: "Fraunces", Georgia, serif;--font-body: "IBM Plex Sans", "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{min-width:768px}body{font-family:var(--font-body);color:var(--ink);background:radial-gradient(1200px 500px at 85% -200px,rgba(0,92,138,.08),transparent 70%),var(--paper);font-size:14px;line-height:1.5}h1,h2,h3{font-family:var(--font-display);font-weight:600;color:var(--brand-ink)}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:14px}.nav{background:linear-gradient(180deg,var(--brand) 0%,#00527b 100%);color:#fff;display:flex;align-items:center;gap:28px;padding:0 28px;height:58px;box-shadow:0 2px 10px #00293e40;position:sticky;top:0;z-index:40}.nav__brand{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:.04em;display:flex;align-items:center;gap:10px}.nav__brand .logo-mark{display:block;flex-shrink:0;background:#fff;border-radius:8px;padding:4px;box-sizing:content-box}.nav__brand small{display:block;font-family:var(--font-body);font-size:9px;font-weight:400;letter-spacing:.08em;opacity:.75}.nav__tabs{display:flex;gap:4px;height:100%}.nav__tab{background:none;border:none;color:#ffffffb8;font-size:14px;font-weight:500;padding:0 16px;height:100%;border-bottom:3px solid transparent;transition:color .15s,border-color .15s}.nav__tab:hover{color:#fff}.nav__tab--active{color:#fff;border-bottom-color:#f5c518}.nav__spacer{flex:1}.nav__user{font-size:12.5px;opacity:.85;text-align:right;line-height:1.3}.nav__bell{position:relative;background:#ffffff1f;border:none;color:#fff;width:36px;height:36px;border-radius:50%;font-size:16px}.nav__bell:hover{background:#ffffff38}.nav__bell-dot{position:absolute;top:5px;right:6px;width:9px;height:9px;border-radius:50%;background:#f5c518;border:2px solid var(--brand)}.nav__logout{background:none;border:1px solid rgba(255,255,255,.35);color:#fff;padding:6px 14px;border-radius:999px;font-size:12.5px}.nav__logout:hover{background:#ffffff1f}.nav__lang{background:none;border:none;color:#ffffffbf;font-size:12px;text-decoration:underline;text-underline-offset:3px}.nav__lang:hover{color:#fff}.login__lang{background:none;border:none;padding:0;color:var(--brand);font-size:11px;text-decoration:underline;text-underline-offset:2px}.notif-pop{position:absolute;top:64px;right:24px;width:340px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lift);z-index:60;overflow:hidden}.notif-pop__head{padding:12px 16px;font-weight:600;border-bottom:1px solid var(--line);color:var(--brand-ink)}.notif-pop__item{padding:12px 16px;border-bottom:1px solid var(--line);font-size:13px}.notif-pop__item:last-child{border-bottom:none}.notif-pop__item--unread{background:var(--brand-tint)}.notif-pop__date{color:var(--ink-3);font-size:11.5px;margin-top:2px}.notif-pop__empty{padding:20px 16px;color:var(--ink-3);font-size:13px}.page{max-width:1180px;margin:0 auto;padding:28px 28px 64px}.page__title{font-size:24px;margin-bottom:4px}.page__subtitle{color:var(--ink-2);font-size:13px;margin-bottom:22px}.grid{display:grid;gap:16px}.grid--stats{grid-template-columns:repeat(4,1fr)}.grid--two{grid-template-columns:1fr 1fr}.grid--member{grid-template-columns:300px 1fr;align-items:start}.grid--metrics{grid-template-columns:repeat(3,1fr)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 20px}.card__title{font-size:15px;margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid var(--brand-tint-2)}.stat{display:flex;flex-direction:column;gap:2px}.stat__label{font-size:11.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-2);font-weight:600}.stat__value{font-family:var(--font-display);font-size:30px;font-weight:700;color:var(--brand);font-variant-numeric:tabular-nums}.stat__value--warn{color:var(--tier-needs)}.stat__hint{font-size:12px;color:var(--ink-3)}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.pill:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.pill--EXCELLENT{color:#6d5200;background:var(--tier-excellent-bg)}.pill--GOOD{color:#1c5637;background:var(--tier-good-bg)}.pill--SATISFACTORY{color:#8a4a04;background:var(--tier-satisfactory-bg)}.pill--NEEDS_IMPROVEMENT{color:#7c1f23;background:var(--tier-needs-bg)}.pill--NEW{color:var(--brand-deep);background:var(--brand-tint)}.pill--IN_PROGRESS{color:#8a4a04;background:var(--tier-satisfactory-bg)}.pill--RESOLVED{color:#1c5637;background:var(--tier-good-bg)}.pill--DELAYED{color:#7c1f23;background:var(--tier-needs-bg)}.pill--COMPLETED{color:#1c5637;background:var(--tier-good-bg)}.pill--PENDING{color:var(--ink-2);background:#eef1f4}.pill--HIGH{color:#7c1f23;background:var(--tier-needs-bg)}.pill--MEDIUM{color:#8a4a04;background:var(--tier-satisfactory-bg)}.pill--LOW{color:var(--ink-2);background:#eef1f4}.track{height:8px;background:#e9eef2;border-radius:4px;overflow:hidden}.track__fill{height:100%;border-radius:4px;background:var(--brand);transition:width .5s ease}.btn{border:none;border-radius:var(--radius-sm);padding:9px 18px;font-size:13.5px;font-weight:600;transition:filter .15s,transform .05s}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--brand);color:#fff}.btn--primary:hover{filter:brightness(1.12)}.btn--outline{background:var(--surface);color:var(--brand);border:1.5px solid var(--brand)}.btn--outline:hover{background:var(--brand-tint)}.btn--danger-outline{background:var(--surface);color:var(--tier-needs);border:1.5px solid var(--tier-needs)}.btn--danger-outline:hover{background:var(--tier-needs-bg)}.btn--danger{background:var(--tier-needs);color:#fff;border:1.5px solid var(--tier-needs)}.btn--danger:hover{filter:brightness(1.1)}.btn--sm{padding:5px 12px;font-size:12.5px}.btn--block{width:100%}.subnav{display:flex;gap:8px;margin-bottom:20px}.subnav__item{background:var(--surface);border:1px solid var(--line-strong);border-radius:999px;padding:7px 18px;font-size:13px;font-weight:600;color:var(--ink-2);transition:all .15s}.subnav__item:hover{border-color:var(--brand);color:var(--brand)}.subnav__item--active{background:var(--brand);border-color:var(--brand);color:#fff}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.inline-form{display:flex;gap:8px;margin-bottom:14px}.inline-form input{flex:1;border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:8px 10px}.inline-form input:focus{outline:2px solid var(--brand);outline-offset:1px}.filters{display:flex;gap:12px;align-items:end;margin-bottom:18px;flex-wrap:wrap}.filters__group{display:flex;flex-direction:column;gap:4px}.filters__label{font-size:11.5px;font-weight:600;color:var(--ink-2);text-transform:uppercase;letter-spacing:.06em}.filters select,.field select,.field input,.field textarea{border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:8px 10px;background:var(--surface);color:var(--ink);min-width:180px}.filters select:focus,.field :is(select,input,textarea):focus{outline:2px solid var(--brand);outline-offset:1px;border-color:var(--brand)}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2);padding:8px 12px;border-bottom:2px solid var(--line-strong)}.table td{padding:10px 12px;border-bottom:1px solid var(--line);font-size:13.5px}.table tr:last-child td{border-bottom:none}.table--clickable tbody tr{cursor:pointer;transition:background .1s}.table--clickable tbody tr:hover{background:var(--brand-tint)}.table__num{font-variant-numeric:tabular-nums;font-weight:600}.table__sub{color:var(--ink-3);font-size:12px}.table__empty{text-align:center;color:var(--ink-3);padding:28px 12px!important}.hero{display:flex;gap:28px;align-items:center;background:radial-gradient(600px 240px at 110% -60%,rgba(0,92,138,.12),transparent 65%),var(--surface)}.hero__meta{display:flex;flex-direction:column;gap:8px}.hero__title{font-size:15px;color:var(--ink-2);font-family:var(--font-body);font-weight:600}.hero__delta{font-size:13px;color:var(--tier-good);font-weight:600}.hero__delta--down{color:var(--tier-needs)}.hero__rank{font-size:13px;color:var(--ink-2)}.arc{position:relative;width:168px;height:168px;flex-shrink:0}.arc svg{transform:rotate(-90deg)}.arc__value{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--font-display)}.arc__num{font-size:42px;font-weight:700;color:var(--brand-ink);line-height:1}.arc__cap{font-size:12px;color:var(--ink-3);font-family:var(--font-body)}.metric{display:flex;flex-direction:column;gap:8px}.metric__head{display:flex;justify-content:space-between;align-items:baseline}.metric__label{font-size:13px;font-weight:600;color:var(--ink-2)}.metric__value{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--brand);font-variant-numeric:tabular-nums}.metric__hint{font-size:12px;color:var(--ink-3)}.formula__bar{display:flex;height:14px;border-radius:7px;overflow:hidden;margin-bottom:12px}.formula__bar span:not(:first-child){border-left:2px solid var(--surface)}.formula__legend{display:flex;flex-direction:column;gap:6px;font-size:12.5px}.formula__legend li{display:flex;align-items:center;gap:8px;list-style:none;color:var(--ink-2)}.formula__dot{width:9px;height:9px;border-radius:2px;flex-shrink:0}.profile{display:flex;flex-direction:column;gap:14px;align-items:center;text-align:center}.avatar{width:72px;height:72px;border-radius:50%;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:26px;font-weight:600}.avatar--sm{width:46px;height:46px;font-size:17px}.profile__name{font-size:17px}.profile__rows{width:100%;display:flex;flex-direction:column;gap:6px;font-size:12.5px}.profile__row{display:flex;justify-content:space-between;gap:8px;border-bottom:1px dashed var(--line);padding-bottom:6px}.profile__row dt{color:var(--ink-3)}.profile__row dd{font-weight:600;text-align:right}.activity{display:flex;flex-direction:column}.activity__row{display:grid;grid-template-columns:1fr auto auto auto;gap:14px;align-items:center;padding:11px 4px;border-bottom:1px solid var(--line);transition:background .1s}.activity__row:hover{background:var(--brand-tint)}.activity__row:last-child{border-bottom:none}.activity__name{font-weight:500}.activity__kind{font-size:11px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em}.activity__date{color:var(--ink-2);font-size:12.5px;white-space:nowrap}.activity__points{font-variant-numeric:tabular-nums;font-weight:600;color:var(--brand);font-size:13px;min-width:64px;text-align:right}.activity__empty{color:var(--ink-3);padding:24px 4px;text-align:center}.hbar{display:flex;flex-direction:column;gap:10px}.hbar__row{display:grid;grid-template-columns:170px 1fr 44px;gap:10px;align-items:center;font-size:12.5px}.hbar__label{color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hbar__track{height:14px;background:#e9eef2;border-radius:4px;position:relative}.hbar__fill{height:100%;background:var(--brand);border-radius:4px;transition:width .4s ease}.hbar__fill--flag{background:var(--tier-needs)}.hbar__value{font-variant-numeric:tabular-nums;font-weight:600;text-align:right}.hbar__flagnote{font-size:11.5px;color:var(--tier-needs);margin-top:8px}.donut-wrap{display:flex;gap:22px;align-items:center}.donut{position:relative;width:150px;height:150px;flex-shrink:0}.donut__center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.donut__total{font-family:var(--font-display);font-size:26px;font-weight:700;color:var(--brand-ink);line-height:1.1}.donut__cap{font-size:11px;color:var(--ink-3)}.legend{display:flex;flex-direction:column;gap:7px;font-size:12.5px}.legend li{list-style:none;display:flex;align-items:center;gap:8px;color:var(--ink-2)}.legend__dot{width:9px;height:9px;border-radius:2px;flex-shrink:0}.legend__count{margin-left:auto;font-variant-numeric:tabular-nums;font-weight:600;color:var(--ink)}.trend{position:relative}.trend__tip{position:absolute;background:var(--brand-ink);color:#fff;font-size:11.5px;padding:4px 8px;border-radius:4px;pointer-events:none;transform:translate(-50%,-130%);white-space:nowrap}.pending{display:flex;flex-direction:column;gap:10px}.pending__item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-left:3px solid var(--tier-satisfactory);border-radius:var(--radius-sm);font-size:13px;background:#fffdf7}.pending__empty{color:var(--ink-3);font-size:13px;padding:8px 0}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c1e2a73;z-index:50;animation:fadeIn .15s ease}.drawer{position:fixed;top:0;right:0;bottom:0;width:430px;background:var(--surface);z-index:51;box-shadow:var(--shadow-lift);display:flex;flex-direction:column;animation:slideIn .2s ease}.drawer__head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 22px 16px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--brand-tint),var(--surface))}.drawer__title{font-size:18px}.drawer__sub{font-size:12.5px;color:var(--ink-2);margin-top:2px}.drawer__close{background:none;border:none;font-size:20px;color:var(--ink-3);line-height:1;padding:2px 6px}.drawer__close:hover{color:var(--ink)}.drawer__body{padding:20px 22px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:16px}.drawer__actions{display:flex;flex-direction:column;gap:10px;padding-top:6px}.field{display:flex;flex-direction:column;gap:5px}.field label{font-size:12px;font-weight:600;color:var(--ink-2)}.field input,.field select,.field textarea{min-width:0;width:100%}.field textarea{min-height:90px;resize:vertical}.field__error{color:var(--tier-needs);font-size:12px;font-weight:500}.field__pw{position:relative}.field__pw input{padding-right:40px}.field__pw-toggle{position:absolute;top:50%;right:6px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:none;border:none;border-radius:var(--radius-sm);color:var(--ink-3)}.field__pw-toggle:hover{color:var(--brand);background:var(--brand-tint)}.scorebar{display:flex;flex-direction:column;gap:5px}.scorebar__head{display:flex;justify-content:space-between;font-size:12.5px}.scorebar__label{color:var(--ink-2);font-weight:500}.scorebar__value{font-variant-numeric:tabular-nums;font-weight:600}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);background:var(--brand-ink);color:#fff;padding:11px 20px;border-radius:999px;font-size:13.5px;box-shadow:var(--shadow-lift);z-index:70;animation:toastIn .25s ease;max-width:80vw}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(800px 400px at 20% 0%,rgba(0,92,138,.18),transparent 60%),radial-gradient(700px 500px at 100% 100%,rgba(0,92,138,.12),transparent 60%),var(--paper)}.login__card{width:400px;background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--brand);border-radius:var(--radius);box-shadow:var(--shadow-lift);padding:36px 34px 30px;display:flex;flex-direction:column;gap:16px}.login__logo{display:flex;justify-content:center;margin-bottom:2px}.login__logo .logo-lockup{width:auto;display:block}.login__wordmark{font-family:var(--font-display);font-size:34px;font-weight:700;letter-spacing:.05em;color:var(--brand);text-align:center}.login__tagline{font-size:12px;color:var(--ink-2);text-align:center;margin-top:-10px}.login__error{background:var(--tier-needs-bg);color:#7c1f23;border-radius:var(--radius-sm);padding:9px 12px;font-size:13px}.update-bar{position:fixed;bottom:24px;left:24px;z-index:80;max-width:420px;display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--brand);border-radius:var(--radius);box-shadow:var(--shadow-lift);padding:12px 12px 12px 16px;animation:toastIn .25s ease}.update-bar__text{font-size:13px;color:var(--ink-1);line-height:1.5}.update-bar .btn{flex-shrink:0}.update-bar__close{background:none;border:none;color:var(--ink-3);cursor:pointer;font-size:13px;line-height:1;padding:4px;flex-shrink:0}.update-bar__close:hover{color:var(--ink-1)}.login__version{font-size:11px;color:var(--ink-3);text-align:center;letter-spacing:.05em}@keyframes fadeIn{0%{opacity:0}}@keyframes slideIn{0%{transform:translate(40px);opacity:.4}}@keyframes toastIn{0%{transform:translate(-50%,14px);opacity:0}}@media(max-width:1024px){.grid--stats{grid-template-columns:repeat(2,1fr)}.grid--two,.grid--member,.grid--metrics{grid-template-columns:1fr}}