*{box-sizing:border-box}body{margin:0;font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#16140f;color:#f3ecd9}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#3a3326;border-radius:6px;border:2px solid #16140f}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:#1f1c15;border-bottom:1px solid #3a3326;position:sticky;top:0;z-index:20}.header-content{max-width:1180px;margin:0 auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;height:64px;gap:20px}.header-left{display:flex;align-items:center;gap:12px}.logo{width:30px;height:30px;border-radius:8px;background:#f5a623;display:flex;align-items:center;justify-content:center;color:#16140f;font-weight:800;font-size:15px}.header-title{font-weight:800;font-size:16px;letter-spacing:-.01em;font-family:Archivo,sans-serif}.tabs{display:flex;gap:4px;background:#16140f;padding:4px;border-radius:11px}.tab{border:none;cursor:pointer;font-family:inherit;font-weight:600;font-size:13.5px;padding:8px 16px;border-radius:8px;background:transparent;color:#a89c7e;transition:all .12s}.tab.active{background:#2a2619;color:#f3ecd9;box-shadow:0 1px 3px #0000004d}.header-meta{font-size:12.5px;color:#a89c7e;font-weight:600}.content{max-width:1180px;margin:0 auto;padding:28px;flex:1;width:100%}.card{background:#1f1c15;border:1px solid #3a3326;border-radius:16px;padding:20px 24px}.card-title{font-weight:800;font-size:15px;margin-bottom:12px}.card-subtitle{font-size:12.5px;color:#a89c7e;margin-bottom:14px}.overview-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px;flex-wrap:wrap;gap:10px}h1{font-size:23px;font-weight:800;letter-spacing:-.02em;margin:0;font-family:Archivo,sans-serif}.subtitle{font-size:14px;color:#a89c7e;margin-top:3px;margin-bottom:0}.btn-primary{border:none;cursor:pointer;font-family:inherit;font-weight:700;font-size:13.5px;padding:11px 18px;border-radius:10px;background:#f5a623;color:#16140f;transition:all .15s}.btn-primary:hover{background:#e09617}.kpi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:18px}.kpi-card{background:#1f1c15;border:1px solid #3a3326;border-radius:14px;padding:16px}.kpi-label{font-size:12px;color:#a89c7e;font-weight:600;letter-spacing:.01em}.kpi-value{font-size:27px;font-weight:800;letter-spacing:-.02em;margin-top:7px}.kpi-sub{font-size:12px;color:#736c5a;margin-top:2px;font-weight:600}.overview-body{display:grid;grid-template-columns:1fr 340px;gap:18px;align-items:start}.roster-card{overflow:hidden;padding:0}.roster-header{padding:16px 20px;border-bottom:1px solid #2a2619;display:flex;align-items:center;justify-content:space-between;gap:10px}.sort-tabs{display:flex;gap:4px;background:#16140f;padding:3px;border-radius:9px}.sort-tab{border:none;cursor:pointer;font-family:inherit;font-weight:600;font-size:12px;padding:6px 11px;border-radius:7px;background:transparent;color:#736c5a;transition:all .12s}.sort-tab.active{background:#2a2619;color:#f3ecd9}.roster-table-header{display:grid;grid-template-columns:1fr 120px 88px 120px;padding:9px 20px;font-size:11.5px;color:#736c5a;font-weight:700;letter-spacing:.03em;text-transform:uppercase;border-bottom:1px solid #2a2619}.roster-table{max-height:560px;overflow-y:auto}.roster-row{display:grid;grid-template-columns:1fr 120px 88px 120px;align-items:center;padding:11px 20px;border-bottom:1px solid #2a2619;cursor:pointer;transition:background .12s}.roster-row:hover{background:#252218}.roster-member{display:flex;align-items:center;gap:11px;min-width:0}.avatar{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12.5px;flex-shrink:0}.roster-member-info{min-width:0}.roster-name{font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roster-weak{font-size:11.5px;color:#736c5a;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roster-overall{display:flex;align-items:center;gap:9px}.mini-bar{width:42px;height:6px;border-radius:4px;background:#2a2619;overflow:hidden}.mini-bar-fill{height:100%;border-radius:4px}.roster-score{font-weight:800;font-size:14px}.roster-count{text-align:center;font-weight:700;font-size:13px;color:#a89c7e}.roster-flag{display:flex;justify-content:flex-end}.flag-pill{font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:20px;white-space:nowrap}.sidebar{display:flex;flex-direction:column;gap:18px}.training-item{margin-bottom:15px}.training-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px}.training-label{font-weight:700;font-size:13.5px}.training-value{font-weight:800;font-size:13.5px}.bar-container{height:7px;border-radius:5px;background:#2a2619;overflow:hidden}.bar-fill{height:100%;border-radius:5px}.training-sub{font-size:11.5px;color:#736c5a;font-weight:600;margin-top:5px}.dist-item{display:flex;align-items:center;gap:11px;margin-bottom:10px}.dist-label{width:64px;font-size:12px;font-weight:700;color:#a89c7e}.dist-bar{flex:1;height:18px;border-radius:5px;background:#16140f;overflow:hidden}.dist-bar-fill{height:100%;border-radius:5px}.dist-count{width:26px;text-align:right;font-weight:800;font-size:13px}.rate-view{max-width:760px;margin:0 auto}.rate-form{margin-top:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.form-field label{display:block;font-size:12.5px;font-weight:700;color:#a89c7e;margin-bottom:7px}.form-field select,.form-field textarea{width:100%;font-family:inherit;font-size:14px;font-weight:600;padding:11px 12px;border:1px solid #3a3326;border-radius:10px;background:#16140f;color:#f3ecd9}.form-field textarea{min-height:64px;resize:vertical;font-size:13.5px}.form-dimensions{border-top:1px solid #2a2619;padding-top:16px}.dim-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid #2a2619}.dim-info{min-width:0}.dim-label{font-weight:700;font-size:14px}.dim-hint{font-size:11.5px;color:#736c5a;font-weight:600}.dim-buttons{display:flex;gap:6px;flex-shrink:0}.score-btn{width:38px;height:38px;border-radius:9px;border:1px solid;font-family:inherit;font-weight:800;font-size:14px;cursor:pointer;transition:all .12s}.score-btn:hover{transform:scale(1.05)}.form-footer{display:flex;align-items:center;justify-content:space-between;margin-top:18px;gap:12px}.form-status{font-size:12.5px;color:#736c5a;font-weight:600}.btn-submit{border:none;cursor:pointer;font-family:inherit;font-weight:700;font-size:14px;padding:12px 24px;border-radius:11px;background:#f5a623;color:#16140f;transition:all .15s}.btn-submit:hover:not(:disabled){background:#e09617}.scale-legend{display:flex;gap:10px;margin-top:14px;font-size:12px;color:#736c5a;font-weight:600;flex-wrap:wrap}.scale-item{display:flex;align-items:center;gap:6px}.scale-dot{width:8px;height:8px;border-radius:3px;display:inline-block}.back-btn{border:none;background:none;cursor:pointer;font-family:inherit;font-weight:700;font-size:13px;color:#a89c7e;margin-bottom:14px;padding:0;transition:color .12s}.back-btn:hover{color:#f3ecd9}.person-body{display:grid;grid-template-columns:1fr 320px;gap:18px;align-items:start}.person-main{display:flex;flex-direction:column;gap:18px}.person-header{display:flex;align-items:center;gap:18px}.person-avatar{width:58px;height:58px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:20px;flex-shrink:0}.person-info{flex:1;min-width:0}.person-info h2{font-size:21px;font-weight:800;letter-spacing:-.02em;margin:0}.person-info p{font-size:13px;color:#a89c7e;font-weight:600;margin-top:2px;margin-bottom:0}.person-overall{text-align:right}.person-overall-value{font-size:34px;font-weight:800;letter-spacing:-.02em;line-height:1;margin-bottom:8px}.dim-detail{margin-bottom:15px}.dim-detail-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.dim-detail-label{font-weight:700;font-size:13.5px}.dim-detail-value{font-weight:800;font-size:13.5px}.bar-with-marker{position:relative;height:8px;border-radius:5px;background:#2a2619;overflow:visible}.team-marker{position:absolute;top:-3px;width:2px;height:14px;background:#736c5a;border-radius:2px}.dim-compare{font-size:11px;color:#736c5a;font-weight:600;margin-top:4px}.person-sidebar{display:flex;flex-direction:column;gap:18px}.manager-rating-row{display:flex;align-items:center;gap:10px;margin-bottom:11px}.manager-rating-name{flex:1;min-width:0;font-weight:700;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.manager-rating-cells{display:flex;gap:3px}.manager-rating-cell{width:16px;height:16px;border-radius:4px}.manager-rating-overall{width:30px;text-align:right;font-weight:800;font-size:13px}.rec-item{display:flex;gap:9px;align-items:flex-start;margin-bottom:9px;font-size:13px;line-height:1.4;font-weight:600;color:#d4c9b0}.calib-body{display:grid;grid-template-columns:1fr 320px;gap:18px;align-items:start}.calib-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.calib-team-avg{font-size:12px;font-weight:700;color:#a89c7e}.manager-stat{margin-bottom:17px}.manager-stat-header{display:flex;align-items:center;gap:10px;margin-bottom:6px}.avatar-sm{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11.5px}.manager-stat-name{font-weight:700;font-size:14px;flex:1}.flag-pill-sm{font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:20px}.manager-stat-bar{position:relative;height:24px;border-radius:7px;background:#16140f;overflow:hidden}.manager-stat-fill{height:100%;border-radius:7px;display:flex;align-items:center;justify-content:flex-end;padding-right:9px}.manager-stat-fill span{color:#16140f;font-weight:800;font-size:12px}.global-marker{position:absolute;top:-2px;bottom:-2px;width:2px;background:#d4c9b0;opacity:.5}.manager-stat-detail{font-size:11.5px;color:#736c5a;font-weight:600;margin-top:5px}.calib-sidebar{display:flex;flex-direction:column;gap:18px}.insight-item{display:flex;gap:10px;align-items:flex-start;margin-bottom:13px}.insight-dot{width:7px;height:7px;border-radius:50%;margin-top:6px;flex-shrink:0}.insight-text{font-size:13px;line-height:1.45;font-weight:600;color:#d4c9b0}.disagreement-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #2a2619;cursor:pointer;transition:background .12s}.disagreement-row:hover{background:#252218}.disagreement-name{font-weight:700;font-size:13.5px}.disagreement-badge{font-size:11.5px;font-weight:700;color:#bd7016;background:#3d2e1a;padding:3px 9px;border-radius:20px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#f3ecd9;color:#16140f;font-weight:700;font-size:13.5px;padding:12px 22px;border-radius:12px;box-shadow:0 8px 24px #00000080;z-index:50}.footer{text-align:center;padding:22px;font-size:11.5px;color:#736c5a;font-weight:600;position:relative}.version{position:fixed;bottom:16px;left:16px;font-size:10px;color:#5a5345;font-weight:600}.link{cursor:pointer;text-decoration:underline;color:#a89c7e;transition:color .12s}.link:hover{color:#f3ecd9}@media(max-width:768px){.kpi-grid,.overview-body,.person-body,.calib-body,.form-grid{grid-template-columns:1fr}.roster-table-header,.roster-row{grid-template-columns:1fr 80px 60px 100px;font-size:12px}.header-content{flex-wrap:wrap;height:auto;padding:12px 20px}.tabs{order:3;width:100%}}