.portal-intro{max-width:1100px;margin:35px auto 32px}.portal-intro h1{font-size:32px}.portal-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:26px}.portal-card{display:block;background:#fff;border:1px solid var(--line);border-radius:20px;padding:36px;color:var(--ink);box-shadow:var(--shadow);transition:transform .15s,border-color .15s}.portal-card:hover{transform:translateY(-3px);border-color:#8d97aa;color:var(--ink)}.portal-card h2{font-size:25px;margin:18px 0 14px}.portal-card p{color:var(--muted);min-height:52px}.portal-icon{font-size:34px;display:block;margin-bottom:25px;color:var(--green)}.portal-link{display:block;margin-top:35px;font-weight:600;color:var(--green)}.performance-card{background:#f2f5f9}.performance-card .portal-icon,.performance-card .portal-link{color:#4d6682}.portal-account{max-width:1100px;margin:25px auto}.period-banner{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.period-banner h2{font-size:24px;margin:12px 0 5px}.period-banner p{margin:0;color:var(--muted)}.period-progress{text-align:right;color:var(--muted)}.period-progress strong{font-size:38px;color:var(--ink)}.period-progress span{display:block}.score-form{max-width:1100px}.score-form>.panel{margin-bottom:22px}.score-form label{display:inline-block;margin-bottom:6px}.score-form select{max-width:420px}.score-section{padding:26px}.score-item{padding:22px 0;border-top:1px solid var(--line)}.score-item h3{margin-bottom:9px}.score-description{font-size:13px;color:#677083;line-height:1.9}.score-options{margin-top:16px}.score-options>div{display:flex;gap:14px;flex-wrap:wrap}.score-options label{border:1px solid #d4d8df;border-radius:9px;padding:8px 20px;min-width:68px;display:flex;align-items:center;gap:8px;cursor:pointer;color:#293244}.score-options label:has(input:checked){background:#e4e8f0;border-color:var(--green);box-shadow:0 0 0 1px var(--green)}.score-options input{accent-color:var(--green);width:17px;height:17px}.score-submit{position:sticky;bottom:15px;display:flex;align-items:center;gap:12px;box-shadow:0 5px 24px #16233d20;z-index:4}.score-submit>div{margin-right:auto}.score-submit strong{font-size:20px;display:block}.score-submit span{font-size:12px;color:var(--muted)}.total-score{display:flex;align-items:baseline;gap:12px;margin-bottom:24px}.total-score strong{font-size:42px}.performance-dimensions{display:grid;grid-template-columns:1fr 1fr;gap:22px}.score-line{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid var(--line);gap:20px}.score-line strong{white-space:nowrap}.statistics-table th,.statistics-table td{min-width:140px}.chart-legend{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;margin-bottom:22px}.chart-legend>span:before{content:'';display:inline-block;width:12px;height:12px;background:currentColor;margin-right:6px;border-radius:3px}.metric-1{color:#2e4574;background-color:#2e4574}.metric-2{color:#6887a7;background-color:#6887a7}.metric-3{color:#b59754;background-color:#b59754}.metric-4{color:#9e77a3;background-color:#9e77a3}.chart-legend span{background:none}.chart-employee{display:grid;grid-template-columns:140px 1fr;gap:18px;padding:15px 0;border-top:1px solid var(--line)}.chart-bars{padding-right:45px}.chart-bar-row{height:18px;background:#f0f1f4;position:relative;margin-bottom:5px}.chart-bar{height:14px;display:block;position:relative;top:2px;max-width:100%;border-radius:2px}.chart-bar-row small{position:absolute;right:-43px;top:-2px;font-size:11px;color:var(--muted)}.notice-body{max-width:1050px;padding:35px;overflow-wrap:anywhere}.employee-bulk input[type=text]{min-width:120px}.employee-bulk .input{font-size:13px}.employee-bulk input[type=checkbox]{width:18px;height:18px}.user-menu .switch-system{color:var(--green)}
.period-banner,.total-score,.score-form>section:first-of-type,.performance-dimensions .panel{padding:24px}
@media(max-width:800px){.portal-intro{margin-top:15px}.portal-grid{grid-template-columns:1fr}.portal-card{padding:26px}.portal-card p{min-height:0}.period-banner{align-items:flex-start;gap:15px}.period-progress strong{font-size:28px}.performance-dimensions{grid-template-columns:1fr}.score-options label{padding:9px 13px;min-width:48px}.score-options>div{gap:8px}.score-section{padding:18px}.score-submit{bottom:70px;flex-wrap:wrap;padding:15px}.score-submit>div{width:100%}.chart-employee{grid-template-columns:85px 1fr}.chart-legend{gap:12px}.topbar .workspace-label{display:none}.topbar{justify-content:flex-end}.user-menu{gap:9px}.user-menu .switch-system{display:none}}