:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#367493;--accent-bg:#3674931a;--accent-border:#36749380;--social-bg:#e7f1f680;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#3ca0be;--accent-bg:#3ca0be26;--accent-border:#3ca0be80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;min-height:100svh;margin:0;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}:root{--surface:#fff;--button-text:#fff;--danger:#d02f2f;--portal-bg:#edf6fa;--sidebar-bg:#fff;--sidebar-border:#dce8ee;--sidebar-text:#2f5d70;--panel-border:#d3e2e8}.login-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:32px;display:flex}.login-page section{background:var(--surface);width:100%;max-width:400px;box-shadow:var(--shadow);text-align:center;border-radius:18px;padding:28px}.login-page h1{margin-bottom:16px}.login-page p{margin-bottom:24px;line-height:1.6}.login-page button{width:100%;color:var(--button-text);cursor:pointer;background:#367493;border:none;border-radius:10px;padding:14px 18px;font-size:16px}.login-page button:hover{opacity:.95}.login-actions{gap:12px;margin-top:24px;display:grid}.login-actions button.secondary{color:#367493;background:#fff;border:1px solid #d7d3eb}.login-actions button.secondary:hover{background:#eef5fb}.dev-login{margin-top:32px}.dev-login-divider{color:#7c7c7c;align-items:center;gap:12px;margin-bottom:18px;font-size:14px;font-weight:700;display:flex}.dev-login-divider:before,.dev-login-divider:after{content:"";background:#e2e2e2;flex:1;height:1px}.dev-login .dev-login-actions{gap:10px;display:grid}.login-page .error{color:var(--danger);text-align:left;margin-bottom:16px}.login-page dl{text-align:left;margin:20px 0}.login-page dt{font-weight:700}.auth-loading-screen{background:var(--bg,#f3f8fc);justify-content:center;align-items:center;min-height:100vh;padding:32px;display:flex}.auth-loading-card{background:var(--surface,#fff);box-shadow:var(--shadow,0 20px 50px #00000014);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:18px;padding:32px 40px;display:flex}.brand-spinner{border:8px solid #36749340;border-top-color:#367493;border-radius:50%;width:64px;height:64px;animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-page dd{margin:4px 0 12px}.dev-login{text-align:left;margin-top:26px}.dev-login-label{color:#7c72a0;margin-bottom:12px;font-size:13px;font-weight:700}.dev-login-actions{gap:10px;display:grid}.dev-login-actions button{color:#367493;cursor:pointer;background:#fff;border:1px solid #d7d3eb;border-radius:12px;width:100%;padding:12px 16px;font-weight:700}.dev-login-actions button:hover{background:#f5f2ff}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);box-sizing:border-box;flex-direction:column;justify-content:space-between;width:200px;min-height:100vh;padding:32px 20px;display:flex}.brand{color:#367493;margin-bottom:28px;font-size:18px;font-weight:700}.sidebar-nav{flex-direction:column;gap:4px;display:flex}.sidebar-link{color:var(--sidebar-text);border-radius:12px;align-items:center;gap:9px;padding:10px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:background .2s,color .2s;display:flex}.sidebar-link:hover{color:#367493;background:#36749317}.sidebar-link.active{color:#fff;background:#367493}.sidebar-link.active .sidebar-icon{color:#fff}.sidebar-icon{color:#7b9aaa;flex-shrink:0}.sidebar-section{flex-direction:column;display:flex}.sidebar-section-header{width:100%;color:var(--sidebar-text);cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:14px;font-weight:500;transition:background .2s,color .2s;display:flex}.sidebar-section-header:hover{color:#367493;background:#36749317}.sidebar-section-header.active-section{color:#367493;font-weight:600}.sidebar-section-header.active-section .sidebar-icon{color:#367493}.sidebar-section-header-left{white-space:nowrap;align-items:center;gap:9px;display:inline-flex}.sidebar-section-arrow{color:#aabbc5;flex-shrink:0;transition:transform .2s;transform:rotate(0)}.sidebar-section-arrow.open{transform:rotate(180deg)}.sidebar-submenu{flex-direction:column;gap:2px;margin-top:2px;padding-left:12px;display:flex}.sidebar-sublink{color:var(--sidebar-text);border-left:2px solid #dce8ee;border-radius:10px;padding:8px 14px;font-size:13px;font-weight:500;text-decoration:none;transition:background .2s,color .2s;display:block}.sidebar-sublink:hover{color:#367493;background:#36749317;border-left-color:#367493}.sidebar-sublink.active{color:#fff;background:#367493;border-left-color:#367493}.sidebar-logout-btn{color:#5b6970;cursor:pointer;background:#fff;border:1px solid #d0c8e8;border-radius:10px;width:100%;padding:10px 14px;font-size:13px;font-weight:600;transition:background .2s}.sidebar-logout-btn:hover{background:#f3f1ff}.sidebar-profile{background:#f3f1ff;border-radius:18px;padding:20px}.profile-label{color:#7d75a6;margin-bottom:8px;font-size:12px}.profile-name{margin-bottom:6px;font-size:18px;font-weight:700}.profile-meta{color:#7f739f;margin:0;font-size:14px}.content{flex:1;min-width:824px;padding:32px 40px}.page-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.eyebrow{color:#7d75a6;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:12px}.card{border:1px solid var(--panel-border);box-shadow:var(--shadow);background:#fff;border-radius:22px;margin-bottom:24px;padding:28px}.admin-dashboard-page{background:#f5f7f9;min-height:100vh;display:flex}.admin-sidebar{color:#fff;background:#1e4d6b;flex-direction:column;justify-content:flex-start;width:260px;height:100vh;padding:32px 24px;display:flex;position:sticky;top:0;overflow-y:auto}.admin-brand{margin-bottom:18px;font-size:17px;font-weight:700}.admin-sidebar-tree{flex-direction:column;gap:3px;display:flex}.admin-sidebar-root{color:#ffffffeb;border-radius:12px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;text-decoration:none;transition:background .2s,color .2s;display:flex}.admin-sidebar-root:hover,.admin-sidebar-root.active{color:#fff;background:#ffffff24}.admin-sidebar-icon{color:inherit}.admin-sidebar-group{margin-bottom:10px}.admin-sidebar-group-header{color:#ffffffeb;cursor:pointer;background:#ffffff14;border:none;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:13px;display:flex}.admin-sidebar-group-left{align-items:center;gap:10px;font-weight:700;display:inline-flex}.admin-sidebar-arrow{transition:transform .2s;transform:rotate(0)}.admin-sidebar-arrow.open{transform:rotate(180deg)}.admin-sidebar-submenu{flex-direction:column;gap:2px;margin-top:4px;padding-left:8px;display:flex}.admin-sidebar-sublink{color:#ffffffc7;border-radius:10px;padding:6px 12px;font-size:13px;text-decoration:none;transition:background .2s,color .2s;display:block}.admin-sidebar-bitable-link{padding:0 12px 10px}.admin-bitable-link-btn{color:#fff9;background:#ffffff12;border-radius:8px;align-items:center;gap:7px;width:100%;padding:7px 12px;font-size:12px;text-decoration:none;transition:background .15s,color .15s;display:flex}.admin-bitable-link-btn:hover{color:#fff;background:#ffffff24}.admin-sidebar-footer{background:#ffffff14;border-radius:16px;margin-top:12px;padding:14px}.admin-sidebar-profile{gap:6px;margin-bottom:16px;display:grid}.admin-profile-label{color:#ffffffb8;margin:0;font-size:12px}.admin-profile-name{color:#fff;margin:0;font-size:16px;font-weight:700}.admin-profile-meta{color:#ffffffc7;margin:0;font-size:14px}.admin-logout-button{color:#1e4d6b;cursor:pointer;background:#fff;border:none;border-radius:14px;width:100%;padding:12px 16px;font-weight:700}.admin-logout-button:hover{background:#eaf3f8}.admin-sidebar-sublink:hover,.admin-sidebar-sublink.active{color:#fff;background:#ffffff24}.admin-sidebar-group-title{text-transform:uppercase;letter-spacing:.12em;color:#ffffffb8;margin-bottom:14px;font-size:12px}.admin-dashboard-content{flex:1;width:100%;min-width:0;padding:16px 24px}.masters-page{flex-direction:column;gap:24px;display:flex}.masters-table-panel{background:#fff;border:1px solid #dbe7ed;border-radius:24px;padding:20px}.masters-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.masters-search-filter{flex-wrap:wrap;align-items:center;gap:12px;width:100%;min-width:0;display:flex}.masters-search-input{color:#1e4d6b;background:#f9fcff;border:1px solid #d7d3eb;border-radius:14px;flex:280px;min-width:240px;padding:12px 14px}.masters-filter-buttons{flex-wrap:wrap;gap:10px;display:flex}.masters-filter-buttons button,.masters-sidebar-nav button{color:#367493;cursor:pointer;background:#fff;border:1px solid #d7d3eb;border-radius:12px;padding:10px 14px;transition:background .2s,border-color .2s}.masters-filter-buttons button.active,.masters-filter-buttons button:hover,.masters-sidebar-nav button:hover{background:#eef7fb;border-color:#b5d7e8}.masters-create-button{color:#fff;cursor:pointer;white-space:nowrap;background:#1f7b3a;border:none;border-radius:14px;padding:12px 20px;font-weight:700}.masters-table{border-collapse:collapse;width:100%;min-width:900px}.masters-table th,.masters-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #e5eef2;padding:16px 18px}.masters-table-row{cursor:pointer}.masters-table-row:hover{background:#f5fbff}.masters-table-avatar{width:64px}.avatar-image-wrapper{background:#f5f7f8;border-radius:50%;place-items:center;display:inline-grid;overflow:hidden}.avatar-image{object-fit:cover;width:100%;height:100%;display:block}.avatar-fallback{color:#fff;background:#367493;place-items:center;width:100%;height:100%;font-weight:700;display:grid}.avatar-pill{color:#fff;background:#367493;border-radius:999px;place-items:center;width:40px;height:40px;font-weight:700;display:inline-grid}.masters-avatar-image{border-radius:50%;width:100px;height:100px;overflow:hidden}.masters-table-arrow{text-align:center;color:#8b99a6}.org-node-wrapper{flex-direction:column;align-items:center;display:flex}.org-card{z-index:1;border:1.5px solid #367493;border-radius:8px;width:140px;position:relative;overflow:hidden;box-shadow:0 2px 6px #3674931f}.org-card-header{color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#367493;padding:6px 8px;font-size:12px;font-weight:700;overflow:hidden}.org-card-body{background:#fff;flex-direction:column;gap:6px;padding:8px;display:flex}.org-card-member{flex-direction:row;align-items:center;gap:8px;min-width:0;display:flex}.org-card-member-name{color:#1e4d6b;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.org-card-root{width:200px;box-shadow:0 0 0 2px #1e4d6b,0 4px 12px #1e4d6b59}.org-card-root .org-card-header{background:#1e4d6b;padding:10px 12px;font-size:14px}.org-children{justify-content:center;align-items:flex-start;gap:20px;margin-top:40px;display:flex}.progress-page{flex-direction:column;gap:24px;display:flex}.page-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.progress-period-label{color:#5b6970;white-space:nowrap;font-size:13px;font-weight:600}.period-select{color:#1e4d6b;cursor:pointer;background:#f9fcff;border:1px solid #d7d3eb;border-radius:12px;padding:10px 14px;font-size:14px}.status-cards-row{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.status-card{background:#fff;border:1px solid #dbe7ed;border-top-width:4px;border-radius:18px;flex-direction:column;gap:8px;padding:20px 24px;display:flex}.status-card.unsubmitted{border-top-color:#d02f2f}.status-card.first{border-top-color:#e07b2a}.status-card.second{border-top-color:#367493}.status-card.done{border-top-color:#1f7b3a}.status-card-label{color:#5b6970;font-size:13px;font-weight:600}.status-card-value{color:#1e4d6b;font-size:28px;font-weight:700;line-height:1}.progress-filter-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.progress-filter-row select{color:#1e4d6b;cursor:pointer;background:#f9fcff;border:1px solid #d7d3eb;border-radius:12px;padding:10px 14px;font-size:14px}.progress-table-panel{background:#fff;border:1px solid #dbe7ed;border-radius:24px;padding:20px}.progress-table-wrap{overflow-x:auto}.progress-table{border-collapse:collapse;width:100%;min-width:820px}.progress-table th,.progress-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #e5eef2;padding:14px 16px}.progress-table th{color:#5b6970;font-size:13px;font-weight:700}.progress-table tbody tr:hover td{background:#f5fbff}.step-tracker,.step-tracker-item{align-items:flex-start;display:flex}.step-dot-column{flex-direction:column;align-items:center;gap:3px;display:flex}.step-dot{color:#c5d8e3;background:#fff;border:2px solid #c5d8e3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:flex}.step-dot.done{color:#fff;background:#367493;border-color:#367493}.step-dot.current{color:#fff;background:#e07b2a;border-color:#e07b2a}.step-label{color:#8b99a6;white-space:nowrap;font-size:10px}.step-line{background:#dbe7ed;flex-shrink:0;width:20px;height:2px;margin-top:11px}.step-line.done{background:#367493}.progress-status-pill{white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.progress-status-pill.unsubmitted{color:#b02020;background:#fde8e8}.progress-status-pill.first{color:#b05a10;background:#fdf0e3}.progress-status-pill.done{color:#1a5e30;background:#e3f5ea}.remind-button{color:#367493;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #367493;border-radius:10px;padding:6px 14px;font-size:13px;font-weight:600}.remind-button:hover{background:#eef7fb}.remind-button:disabled{opacity:.4;cursor:default}.report-table-panel{background:#fff;border:1px solid #dbe7ed;border-radius:24px;padding:20px}.report-table-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.report-table-wrap{overflow-x:auto}.report-table{border-collapse:collapse;width:100%;min-width:900px}.report-table th,.report-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #e5eef2;padding:14px 16px}.report-table th{color:#5b6970;font-size:13px;font-weight:700}.report-table tbody tr:hover td{background:#f5fbff}.score-cell{color:#1e4d6b;font-weight:600}.distribution-summary{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.distribution-item{align-items:center;gap:8px;display:flex}.distribution-grade{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;font-weight:700;display:flex}.distribution-grade.S{background:#7c3aed}.distribution-grade.A{background:#367493}.distribution-grade.B{background:#1f7b3a}.distribution-grade.C{background:#e07b2a}.distribution-grade.D{background:#d02f2f}.distribution-count{color:#1e4d6b;font-size:15px;font-weight:700}.rating-badge{color:#fff;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:inline-flex}.rating-badge.S{background:#7c3aed}.rating-badge.A{background:#367493}.rating-badge.B{background:#1f7b3a}.rating-badge.C{background:#e07b2a}.rating-badge.D{background:#d02f2f}.csv-button{color:#fff;cursor:pointer;background:#367493;border:none;border-radius:12px;padding:10px 18px;font-size:14px;font-weight:700}.csv-button:hover{background:#2b5f78}.masters-detail-page{grid-template-columns:200px minmax(0,1fr) 180px;gap:20px;display:grid}.masters-detail-sidebar,.masters-sidebar-nav,.masters-sidebar-card{background:#fff;border:1px solid #dbe7ed;border-radius:24px;padding:20px}.masters-detail-sidebar{align-self:start;gap:20px;display:grid;position:sticky;top:16px}.masters-sidebar-nav{gap:12px;display:grid}.masters-detail-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-bottom:16px;display:flex}.masters-back-button,.masters-edit-button{cursor:pointer;border:1px solid #0000;border-radius:14px;padding:10px 18px;font-weight:700}.masters-back-button{color:#1e4d6b;background:#f5f7f8;border-color:#d7e1e6}.masters-edit-button{color:#fff;background:#367493}.masters-detail-content{gap:20px;display:grid}.masters-detail-card{background:#fff;border-radius:24px;padding:24px}.masters-detail-card h2,.masters-detail-card h3{color:#1e4d6b;margin-top:0;margin-bottom:18px;font-size:20px}@media (width<=1100px){.masters-detail-page{grid-template-columns:1fr}.masters-detail-sidebar{position:static;top:auto}}.masters-detail-card{border-radius:24px;padding:24px}.masters-detail-card h3{color:#1e4d6b;margin-top:0;margin-bottom:18px}.masters-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.masters-detail-grid div{gap:6px;display:grid}.masters-detail-grid span{color:#5b6970;font-size:14px}.masters-detail-grid p{color:#1e4d6b;overflow-wrap:anywhere;word-break:break-word;margin:0;font-weight:700}.masters-table-wrap{overflow-x:auto}.masters-table{border-collapse:collapse;width:100%}.masters-table th,.masters-table td{text-align:left;border-bottom:1px solid #e5eef2;padding:14px 16px}.masters-table th{color:#5b6970;font-weight:700}.masters-table td{color:#1e4d6b}@media (width<=1100px){.masters-page{grid-template-columns:1fr}.masters-left-column,.masters-right-column{min-height:auto}}.admin-page-header{align-items:flex-start}.admin-header-actions{flex-wrap:wrap;gap:12px;display:flex}.admin-header-actions button{color:#fff;cursor:pointer;background:#367493;border:none;border-radius:12px;padding:12px 18px;font-weight:700}.admin-header-actions button.secondary{color:#1e4d6b;background:#f5f7f9;border:1px solid #d3e2e8}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px;display:grid}.metric-card{background:#fff;border:1px solid #dbe7ed;border-radius:18px;padding:24px;box-shadow:inset 0 1px #fff6}.metric-label{color:#7d8994;margin-bottom:14px;font-size:13px}.metric-value{color:#1e4d6b;font-size:28px;font-weight:800}.admin-card-grid{grid-template-columns:1.3fr 1fr;gap:20px;margin-bottom:24px;display:grid}.section-title-row{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.admin-flow-steps{flex-wrap:wrap;gap:12px;display:flex}.step-pill{color:#2f5d70;background:#edf6fa;border:1px solid #0000;border-radius:999px;padding:12px 18px;font-weight:700}.step-pill.active{color:#fff;background:#367493;border-color:#2d6b88}.progress-list{gap:18px;display:grid}.progress-item{gap:8px;display:grid}.progress-item-header{color:#1e4d6b;justify-content:space-between;align-items:center;font-weight:700;display:flex}.progress-bar-shell{background:#eaf3f8;border-radius:999px;width:100%;height:12px;overflow:hidden}.progress-bar-fill{background:#367493;border-radius:999px;height:100%}.admin-grid-2{grid-template-columns:1fr 1fr;gap:20px;display:grid}.okr-page{flex-direction:column;gap:24px;display:flex}.okr-period-nav{justify-content:space-between;align-items:flex-start;display:flex}.okr-period-row{align-items:center;gap:10px;margin-top:8px;display:flex}.okr-period-text{color:#1e4d6b;text-align:center;min-width:140px;font-size:20px;font-weight:700}.okr-nav-btn{color:#367493;cursor:pointer;background:#fff;border:1px solid #dbe7ed;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:20px;line-height:1;transition:background .15s;display:flex}.okr-nav-btn:hover{background:#eef7fb}.okr-nav-btn:disabled{opacity:.3;cursor:default}.okr-overall-badge{color:#9a6000;background:#fff3d4;border:1px solid #f5c842;border-radius:999px;align-items:center;padding:5px 14px;font-size:12px;font-weight:600;display:inline-flex}.okr-objectives{flex-direction:column;gap:20px;display:flex}.okr-card{background:#fff;border:1px solid #dbe7ed;border-radius:18px;overflow:hidden;box-shadow:0 2px 10px #1e4d6b0f}.okr-card-header{border-bottom:1px solid #edf2f5;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px 18px;display:flex}.okr-card-header-left{align-items:flex-start;gap:14px;display:flex}.okr-obj-badge{color:#fff;background:#367493;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;margin-top:2px;font-size:13px;font-weight:700;display:flex}.okr-obj-meta{flex-direction:column;gap:4px;display:flex}.okr-obj-title{color:#1e4d6b;font-size:16px;font-weight:700}.okr-obj-desc{color:#5b6970;font-size:13px}.okr-obj-assignee{color:#8b99a6;font-size:12px}.okr-card-header-right{text-align:right;flex-shrink:0}.okr-avg-label{color:#8b99a6;margin-bottom:2px;font-size:11px}.okr-avg-value{color:#367493;font-size:22px;font-weight:700}.okr-kr-header{background:#f7fafc;border-bottom:1px solid #edf2f5;justify-content:space-between;align-items:center;padding:8px 24px;display:flex}.okr-kr-header-left{color:#8b99a6;text-transform:uppercase;letter-spacing:.07em;font-size:11px;font-weight:700}.okr-kr-header-cols{align-items:center;gap:12px;display:flex}.okr-kr-header-cols span{color:#8b99a6;text-align:center;font-size:11px;font-weight:700}.okr-kr-header-cols span:first-child{width:190px}.okr-kr-header-cols span:nth-child(2){width:100px}.okr-kr-header-cols span:nth-child(3){width:56px}.okr-kr-header-cols span:nth-child(4){width:52px}.okr-kr-list{flex-direction:column;display:flex}.okr-kr-row{border-bottom:1px solid #f2f6f8;justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;display:flex}.okr-kr-row:last-child{border-bottom:none}.okr-kr-row-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.okr-kr-label{color:#367493;white-space:nowrap;background:#eef7fb;border-radius:6px;flex-shrink:0;padding:3px 8px;font-size:12px;font-weight:700}.okr-kr-title{color:#1e4d6b;font-size:14px;font-weight:500}.okr-kr-row-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.okr-bar-wrap{flex-direction:column;gap:3px;width:190px;display:flex}.okr-bar-pct{color:#367493;font-size:12px;font-weight:700}.okr-bar-pct.at-risk{color:#e07b2a}.okr-bar-track{background:#e8f0f4;border-radius:999px;height:7px;overflow:hidden}.okr-bar-fill{background:#367493;border-radius:999px;height:100%;transition:width .4s}.okr-bar-fill.at-risk{background:#e07b2a}.okr-bar-scale{color:#b0bec5;justify-content:space-between;font-size:10px;display:flex}.okr-status-pill{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;width:100px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.okr-pill-on-track{color:#1e5a7a;background:#e3f0f8}.okr-pill-at-risk{color:#b05a10;background:#fdf0e3}.okr-pill-none{color:#8b99a6;background:#f0f2f4}.okr-kr-ratio{text-align:center;color:#5b6970;width:56px;font-size:13px;font-weight:600}.okr-note-row{background:#fafcfe;border-top:1px solid #edf2f5;align-items:center;gap:8px;padding:12px 24px;display:flex}.okr-note-icon{opacity:.55;font-size:14px}.okr-note-text{color:#b0bec5;font-size:13px}.okr-period-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:13px}.okr-period-table th{text-align:left;color:#374151;white-space:nowrap;background:#f4f7f9;border-bottom:1px solid #e5eaed;padding:10px 16px;font-weight:600}.okr-period-table th:first-child{width:auto}.okr-period-table th:nth-child(2),.okr-period-table th:nth-child(3){width:130px}.okr-period-table th:nth-child(4){width:80px}.okr-period-table th:nth-child(5){width:160px}.okr-period-table .okr-period-row{display:table-row}.okr-period-table .okr-period-row td{color:#374151;vertical-align:middle;border-bottom:1px solid #edf2f5;padding:10px 16px}.okr-period-table .okr-period-row:last-child td{border-bottom:none}.okr-period-table .okr-period-row.editing td{background:#f9fbfd}.okr-period-actions{align-items:center;gap:8px;display:flex}.okr-period-input{border:1px solid #c5d5e0;border-radius:6px;width:100%;padding:5px 8px;font-size:13px}.okr-period-input:focus{border-color:#367493;outline:none}.okr-period-order{width:60px}.okr-period-year{text-align:right;width:72px}.okr-period-half-select{width:72px}.okr-period-edit-btn{color:#367493;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #b0c4ce;border-radius:6px;padding:4px 10px;font-size:12px}.okr-period-edit-btn:hover{background:#f0f7fa}.okr-period-delete-btn{color:#c0392b;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e5bebe;border-radius:6px;padding:4px 10px;font-size:12px}.okr-period-delete-btn:hover{background:#fde8e8}.okr-icon-btn{cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:14px}.okr-icon-btn:hover{opacity:1;background:#f0f4f8}.okr-save-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#367493;border:none;border-radius:6px;padding:4px 12px;font-size:12px}.okr-save-btn:disabled{opacity:.6;cursor:not-allowed}.okr-cancel-btn{cursor:pointer;color:#666;background:0 0;border:1px solid #ccc;border-radius:6px;padding:4px 10px;font-size:12px}.okr-inline-input{border:1px solid #c5d5e0;border-radius:6px;outline:none;padding:4px 8px;font-size:13px}.okr-inline-input:focus{border-color:#367493}.okr-inline-num{text-align:right;width:60px}.okr-inline-unit{color:#888;font-size:12px}.okr-inline-select{color:#374151;border:1px solid #c5d5e0;border-radius:6px;padding:4px 6px;font-size:12px}.okr-obj-title-input{width:100%;font-size:14px;font-weight:600}.okr-obj-desc-input{color:#555;width:100%;margin-top:4px;font-size:13px}.okr-kr-edit{flex-wrap:wrap;align-items:center;gap:8px}.okr-kr-edit .okr-kr-row-right{flex-wrap:wrap;gap:6px}.okr-add-kr-row{align-items:center;gap:8px;padding:8px 16px;display:flex}.okr-add-kr-input{flex:1}.okr-add-kr-btn{color:#367493;cursor:pointer;background:0 0;border:1px dashed #b0c4ce;border-radius:6px;margin:8px 16px;padding:6px 12px;font-size:12px;display:block}.okr-add-kr-btn:hover{background:#f0f7fa}.okr-add-obj-row{align-items:center;gap:8px;padding:12px 0;display:flex}.okr-add-obj-input{flex:1;font-size:14px}.okr-add-obj-btn{color:#367493;cursor:pointer;background:0 0;border:1px dashed #b0c4ce;border-radius:8px;width:100%;margin-top:16px;padding:12px;font-size:13px;display:block}.okr-add-obj-btn:hover{background:#f0f7fa}.okr-card-empty{box-shadow:none;background:#f9fbfc;border:1.5px dashed #c8d9e2}.okr-card-empty .okr-obj-badge{opacity:.45}.okr-empty-set-btn{color:#367493;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:4px 0;font-size:13px;text-decoration:underline}.okr-empty-set-btn:hover{color:#1a4b6e}.okr-progress-btn{cursor:pointer;font-size:inherit;font-weight:inherit;color:inherit;background:0 0;border:none;border-bottom:1px dashed #90aabb;padding:0;line-height:1}.okr-progress-btn:hover{color:#367493;border-bottom-color:#367493}.okr-eval-card{background:#fff;border:1.5px solid #c8d9e2;border-radius:12px;margin-top:24px;padding:20px 24px;box-shadow:0 1px 4px #1e4d6b0f}.okr-eval-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.okr-eval-submitted-badge{color:#1e7a3a;letter-spacing:.03em;background:#e6f4ea;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.okr-eval-obj-list{flex-direction:column;gap:10px;margin-bottom:4px;display:flex}.okr-eval-obj-row{background:#f6fafc;border-radius:8px;flex-direction:row;gap:0;min-height:120px;display:flex;overflow:hidden}.okr-eval-obj-left{flex-direction:column;flex:0 0 46%;gap:8px;padding:14px 16px;display:flex}.okr-eval-obj-header{align-items:flex-start;gap:8px;display:flex}.okr-eval-obj-title{color:#1e3a4f;font-size:13px;font-weight:600;line-height:1.45}.okr-eval-kr-list{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.okr-eval-kr-item{align-items:flex-start;gap:6px;display:flex}.okr-eval-kr-badge{color:#6a8fa5;white-space:nowrap;background:#ddedf5;border-radius:4px;flex-shrink:0;margin-top:1px;padding:1px 5px;font-size:10px;font-weight:700}.okr-eval-kr-text{color:#4a6a7e;font-size:12px;line-height:1.45}.okr-eval-divider{background:#dde8ef;flex-shrink:0;width:1px}.okr-eval-obj-right{flex-direction:column;flex:1;gap:8px;padding:14px 16px;display:flex}.okr-eval-obj-top{align-items:center;gap:12px;display:flex}.okr-eval-obj-comment{resize:vertical;flex:1;min-height:64px;font-size:13px}.okr-eval-obj-label{color:#1e4d6b;flex-shrink:0;width:28px;font-size:13px;font-weight:700}.okr-eval-fields{flex:1;gap:16px;display:flex}.okr-eval-field{align-items:center;gap:6px;display:flex}.okr-eval-field-label{color:#8b99a6;white-space:nowrap;font-size:11px}.okr-eval-grade-select{color:#1e4d6b;cursor:pointer;background:#fff;border:1.5px solid #c8d9e2;border-radius:6px;padding:4px 8px;font-size:13px}.okr-eval-grade-select:disabled{cursor:default;color:#8b99a6;background:#f0f4f6}.okr-eval-obj-score{text-align:right;flex-shrink:0;min-width:80px;font-size:13px}.okr-eval-others{border-top:1px solid #edf1f4;flex-direction:column;gap:8px;margin-top:20px;padding-top:14px;display:flex}.okr-eval-other-row{align-items:center;gap:12px;display:flex}.okr-eval-other-label{color:#8b99a6;width:64px;font-size:12px}.okr-eval-other-score{color:#1e4d6b;font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.okr-eval-other-pending{color:#bbb;font-size:12px}.okr-eval-final{color:#4a6a7e;background:#f0f7fa;border-radius:8px;align-items:center;gap:8px;margin-top:4px;padding:10px 14px;font-size:13px;display:flex}.okr-eval-final-score{color:#1e4d6b;font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.okr-eval-self-ref{background:#edf4f8;border-radius:6px;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;padding:5px 8px;display:flex}.okr-eval-self-ref-label{color:#6a8fa5;letter-spacing:.04em;text-transform:uppercase;flex-shrink:0;font-size:10px;font-weight:700}.okr-eval-self-comment{color:#5a7a8e;white-space:pre-wrap;background:#f4f9fc;border-left:2px solid #a8c8db;border-radius:0 4px 4px 0;margin:4px 0 0;padding:4px 8px;font-size:12px;line-height:1.5}.progress-status-pill.second{color:#7c5ea0;background:#ede9f7}.eval-assign-table th{color:#4a6a7e;letter-spacing:.04em;text-transform:uppercase;background:#f0f5f8;font-size:12px}.eval-assign-row td{vertical-align:middle;font-size:13px}.eval-assign-row:nth-child(2n){background:#f9fbfc}.eval-assign-row:hover{background:#f0f7fa}.eval-assign-adding-row td{background:#edf6fb;border-top:2px solid #a8d4e8;border-bottom:2px solid #a8d4e8}.eval-assign-delete-btn{color:#c04040;cursor:pointer;background:0 0;border:1.5px solid #e8c0c0;border-radius:6px;padding:4px 12px;font-size:12px}.eval-assign-delete-btn:hover{background:#fdf0f0}.fv-section-card{background:#fff;border:1px solid #dbe7ed;border-radius:12px;overflow:hidden}.fv-section-header-row{align-items:center;display:flex}.fv-section-header{cursor:pointer;text-align:left;background:0 0;border:none;flex:1;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.fv-section-header:hover{background:#f6fafc}.fv-section-actions{flex-shrink:0;align-items:center;gap:6px;padding-right:16px;display:flex}.fv-section-name{color:#1e3a4f;font-size:14px;font-weight:700}.fv-has-rule-badge{color:#1e7a3a;background:#ddf0e8;border-radius:10px;padding:2px 7px;font-size:10px;font-weight:700}.fv-section-body{border-top:1px solid #edf1f4}.fv-table{border-collapse:collapse;width:100%}.fv-table th{color:#4a6a7e;letter-spacing:.04em;text-transform:uppercase;text-align:left;background:#f0f5f8;padding:8px 16px;font-size:11px;font-weight:700}.fv-row td,.fv-row-editing td{vertical-align:middle;border-bottom:1px solid #f0f4f6;padding:10px 16px;font-size:13px}.fv-row:last-child td,.fv-row-editing:last-child td{border-bottom:none}.fv-row:nth-child(2n){background:#f9fbfc}.fv-row:hover{background:#f0f7fa}.fv-row-editing{background:#edf6fb}.fv-field-name{color:#1e3a4f;font-weight:500}.fv-input-type-badge{color:#367493;background:#e4f2f8;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.fv-badge-required{color:#c04040;background:#fde8e8;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.fv-len-val{font-variant-numeric:tabular-nums;color:#367493;font-size:13px;font-weight:600}.fv-num-input{text-align:right;border:1.5px solid #c8d9e2;border-radius:6px;width:72px;padding:4px 8px;font-size:13px}.fv-select-input{color:#1e3a4f;cursor:pointer;background:#fff;border:1.5px solid #c8d9e2;border-radius:6px;max-width:160px;padding:4px 8px;font-size:12px}.fv-condition-badge{color:#2a5b9e;white-space:nowrap;text-overflow:ellipsis;background:#e8f0fa;border-radius:10px;max-width:170px;padding:2px 7px;font-size:11px;font-weight:600;display:inline-block;overflow:hidden}.fv-condition-inputs{background:#f6fafc;border-top:1px solid #e8f0f5;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 20px;display:flex}.fv-condition-label{color:#5b6970;white-space:nowrap;font-size:12px;font-weight:600}.fv-condition-row td{background:#f6fafc;border-bottom:1px solid #e8f0f5;padding:0}.fv-condition-clear{color:#8b99a6;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:3px 6px;font-size:11px}.fv-condition-clear:hover{color:#c0392b}.fv-cond-toggle{color:#5b6970;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #c8d9e2;border-radius:10px;padding:2px 8px;font-size:11px}.fv-cond-toggle:hover{color:#367493;border-color:#367493}.fv-cond-toggle.active{color:#2a5b9e;background:#e8f0fa;border-color:#2a5b9e}.fv-vis-badges{flex-wrap:wrap;gap:3px;display:flex}.fv-vis-badge{color:#b0bfc7;white-space:nowrap;background:#f5f8fa;border:1.5px solid #dde7ed;border-radius:10px;padding:1px 7px;font-size:11px}.fv-vis-badge.active{color:#367493;background:#e6f2f8;border-color:#367493;font-weight:600}.fv-vis-checks{flex-wrap:wrap;gap:6px 10px;display:flex}.fv-vis-check-label{color:#3d4f5a;cursor:pointer;white-space:nowrap;align-items:center;gap:4px;font-size:12px;display:flex}.fv-vis-check-label input[type=checkbox]{cursor:pointer;width:14px;height:14px}.approval-history-section{margin-top:28px}.approval-history-heading{color:#8b99a6;letter-spacing:.04em;border-bottom:1px solid #dde7ed;margin:0 0 10px;padding-bottom:6px;font-size:13px;font-weight:700}.approval-history-table{border-collapse:collapse;width:100%;font-size:13px}.approval-history-table thead th{text-align:left;color:#8b99a6;background:#f5f8fa;border-bottom:1px solid #dde7ed;padding:8px 12px;font-size:11px;font-weight:700}.approval-history-table tbody tr{border-bottom:1px solid #f0f4f7}.approval-history-table tbody tr:last-child{border-bottom:none}.approval-history-table tbody td{color:#3d4f5a;padding:10px 12px}.perm-card{background:#fff;border:1px solid #dde7ed;border-radius:10px;overflow:hidden}.perm-card-header{border-bottom:1px solid #edf2f5;justify-content:space-between;align-items:center;padding:18px 20px 14px;display:flex}.perm-card-title{color:#1a2b35;margin:0;font-size:16px;font-weight:700}.perm-card-sub{color:#8b99a6;margin:2px 0 0;font-size:12px}.perm-add-row{background:#f5f8fa;border-bottom:1px solid #edf2f5;align-items:center;gap:10px;padding:12px 20px;display:flex}.perm-select{color:#1a2b35;background:#fff;border:1.5px solid #c8d9e2;border-radius:6px;flex:1;max-width:320px;height:34px;padding:0 10px;font-size:13px}.perm-select:focus{border-color:#367493;outline:none}.perm-table{border-collapse:collapse;width:100%;font-size:13px}.perm-table thead th{text-align:left;color:#8b99a6;text-transform:uppercase;letter-spacing:.05em;background:#f9fbfc;border-bottom:1px solid #edf2f5;padding:10px 16px;font-size:11px;font-weight:700}.perm-row{border-bottom:1px solid #f0f4f7}.perm-row:last-child{border-bottom:none}.perm-name{color:#1a2b35;padding:12px 16px;font-weight:600}.perm-dept{color:#5b6970;padding:12px 16px;font-size:13px}.perm-action{text-align:right;padding:12px 16px}.perm-empty{text-align:center;color:#b0bfc7;padding:32px}.perm-delete-btn{color:#c0392b;cursor:pointer;background:#fff;border:1.5px solid #dde7ed;border-radius:6px;padding:3px 12px;font-size:12px}.perm-delete-btn:hover:not(:disabled){background:#fdf0f0;border-color:#c0392b}.perm-delete-btn:disabled{opacity:.5;cursor:not-allowed}.phil-page{max-width:900px}.phil-view-toggle{border:1px solid #c5d5e0;border-radius:8px;display:flex;overflow:hidden}.phil-toggle-btn{color:#666;cursor:pointer;background:#fff;border:none;padding:6px 16px;font-size:13px}.phil-toggle-btn.active{color:#fff;background:#367493;font-weight:600}.phil-table-wrap{background:#fff;border:1px solid #e5eaed;border-radius:10px;margin-bottom:16px;overflow:hidden}.phil-header-row{color:#555;background:#f4f7f9;border-bottom:1px solid #e5eaed;grid-template-columns:1fr 80px 1fr;padding:10px 16px;font-size:12px;font-weight:700;display:grid}.phil-col-company{text-align:center;color:#5b8fa8}.phil-col-label{text-align:center}.phil-col-personal{text-align:center;color:#2e7a6e}.phil-row{border-bottom:1px solid #edf2f5;grid-template-columns:1fr 80px 1fr;align-items:center;gap:12px;padding:12px 16px;display:grid}.phil-row:last-child{border-bottom:none}.phil-company-text{color:#374151;background:#f0f7fa;border-left:3px solid #5b8fa8;border-radius:0 6px 6px 0;margin:0;padding:8px 10px;font-size:13px;line-height:1.6}.phil-row-label{text-align:center;color:#666;background:#f4f7f9;border-radius:4px;padding:4px 6px;font-size:12px;font-weight:700;display:block}.phil-textarea{color:#374151;resize:vertical;box-sizing:border-box;border:1px solid #c5d5e0;border-radius:6px;width:100%;padding:8px 10px;font-family:inherit;font-size:13px;line-height:1.6}.phil-textarea:focus{border-color:#367493;outline:none}.phil-winwin-row{background:#fef9f0;border-top:1px solid #e8d8b0;align-items:center;gap:12px;padding:12px 16px;display:flex}.phil-winwin-label{color:#b07d20;text-align:center;flex-shrink:0;width:100px;font-size:11px;font-weight:700;line-height:1.4}.phil-winwin-input{flex:1}.phil-winwin-textarea{background:#fff}.phil-save-row{justify-content:flex-end;align-items:center;gap:12px;display:flex}.phil-saved-msg{color:#1f7b3a;font-size:13px}.phil-pyramid-wrap{padding-top:8px}.phil-values-table{background:#fff;border:1px solid #e5eaed;border-radius:10px;margin:20px 0 16px;overflow:hidden}.phil-values-header{color:#666;background:#f4f7f9;border-bottom:1px solid #e5eaed;grid-template-columns:1fr 72px 1fr;padding:8px 16px;font-size:11px;font-weight:700;display:grid}.phil-values-col-co{color:#5b8fa8}.phil-values-col-label{text-align:center}.phil-values-col-me{color:#2e7a6e}.phil-values-row{border-bottom:1px solid #f0f4f6;grid-template-columns:1fr 72px 1fr;align-items:center;gap:10px;padding:10px 16px;display:grid}.phil-values-row:last-child{border-bottom:none}.phil-values-text{border-radius:0 6px 6px 0;margin:0;padding:6px 10px;font-size:12px;line-height:1.6}.phil-values-text--co{color:#374151;background:#f0f7fa;border-left:3px solid #5b8fa8}.phil-values-text--me{color:#1a3a2e;background:#f0faf5;border-left:3px solid #2e7a6e;font-weight:500}.phil-winwin-display{text-align:center;background:#fef9f0;border:1px solid #e8d8b0;border-radius:10px;padding:16px 20px}.phil-winwin-display-label{color:#b07d20;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.phil-winwin-display-text{color:#374151;margin:0;font-size:14px;line-height:1.7}.admin-list{gap:14px;margin:0;padding:0;list-style:none;display:grid}.admin-list-item{background:#f8fbfd;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex}.admin-list-name{color:#1e4d6b;margin:0 0 4px;font-weight:700}.admin-list-meta{color:#6b7d8a;margin:0;font-size:14px}.status-pill{border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700}.status-pill.pending{color:#d2701b;background:#fff3e6}.status-pill.review{color:#1e4d6b;background:#e5f6ff}.badge{color:#367493;background:#eaf3f8;border-radius:999px;justify-content:center;align-items:center;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex}.comp-page{flex-direction:column;gap:20px;display:flex}.comp-period-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.comp-period-text{color:#5b6970;font-size:14px;font-weight:600}.comp-period-divider{color:#c5d8e3;font-size:14px}.comp-phase-badge{color:#1e5a7a;background:#e3f0f8;border:1px solid #b0d4e8;border-radius:999px;align-items:center;padding:4px 14px;font-size:12px;font-weight:600;display:inline-flex}.comp-submitted-banner{color:#1a5e30;background:#e3f5ea;border:1px solid #7dd4a0;border-radius:12px;padding:14px 20px;font-size:14px;font-weight:600}.comp-items{flex-direction:column;gap:16px;display:flex}.comp-item-card{background:#fff;border:1px solid #dbe7ed;border-radius:16px;overflow:hidden;box-shadow:0 2px 6px #1e4d6b0d}.comp-item-header{border-bottom:1px solid #edf2f5;align-items:center;gap:12px;padding:16px 20px 12px;display:flex}.comp-num-badge{color:#fff;background:#367493;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:flex}.comp-item-name{color:#1e4d6b;font-size:15px;font-weight:700}.comp-focus-row{background:#f7fafc;border-bottom:1px solid #edf2f5;align-items:baseline;gap:10px;padding:10px 20px;display:flex}.comp-focus-label{color:#8b99a6;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;flex-shrink:0;font-size:11px;font-weight:700}.comp-focus-text{color:#3d5a68;font-size:13px;line-height:1.55}.comp-criteria-toggle{text-align:left;color:#367493;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #edf2f5;width:100%;padding:8px 20px;font-size:12px;font-weight:600;transition:background .15s;display:block}.comp-criteria-toggle:hover{background:#f3f8fb}.comp-criteria-table{border-bottom:1px solid #edf2f5}.comp-criteria-row{border-bottom:1px solid #f2f6f8;align-items:baseline;gap:12px;padding:8px 20px;display:flex}.comp-criteria-row:last-child{border-bottom:none}.comp-criteria-grade{color:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex}.comp-criteria-desc{color:#3d5a68;font-size:13px;line-height:1.5}.comp-eval-section{grid-template-columns:1fr 120px 120px;gap:16px;padding:16px 20px;display:grid}.comp-eval-col-label{color:#8b99a6;text-transform:uppercase;letter-spacing:.07em;margin-bottom:10px;font-size:11px;font-weight:700}.comp-rating-row{gap:6px;margin-bottom:10px;display:flex}.comp-rating-opt{cursor:pointer;opacity:.45;border:2px solid;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;transition:background .15s,color .15s;display:flex}.comp-rating-opt:hover{opacity:.75}.comp-rating-opt.selected{opacity:1;color:#fff!important}.comp-rating-radio{display:none}.grade-s{color:#7c3aed;background:0 0}.grade-a{color:#367493;background:0 0}.grade-b{color:#1f7b3a;background:0 0}.grade-c{color:#e07b2a;background:0 0}.grade-d{color:#d02f2f;background:0 0}.comp-rating-opt.grade-s{border-color:#7c3aed}.comp-rating-opt.grade-a{border-color:#367493}.comp-rating-opt.grade-b{border-color:#1f7b3a}.comp-rating-opt.grade-c{border-color:#e07b2a}.comp-rating-opt.grade-d{border-color:#d02f2f}.comp-rating-opt.grade-s.selected{background:#7c3aed}.comp-rating-opt.grade-a.selected{background:#367493}.comp-rating-opt.grade-b.selected{background:#1f7b3a}.comp-rating-opt.grade-c.selected{background:#e07b2a}.comp-rating-opt.grade-d.selected{background:#d02f2f}.comp-criteria-grade.grade-s{background:#7c3aed}.comp-criteria-grade.grade-a{background:#367493}.comp-criteria-grade.grade-b{background:#1f7b3a}.comp-criteria-grade.grade-c{background:#e07b2a}.comp-criteria-grade.grade-d{background:#d02f2f}.comp-comment{box-sizing:border-box;color:#1e4d6b;resize:vertical;background:#f9fcff;border:1px solid #d7d3eb;border-radius:10px;width:100%;padding:10px 12px;font-family:inherit;font-size:13px}.comp-comment:focus{border-color:#367493;outline:none;box-shadow:0 0 0 3px #3674931f}.comp-eval-col.reviewer{flex-direction:column;display:flex}.comp-reviewer-empty{color:#c5d8e3;text-align:center;padding-top:6px;font-size:20px}.comp-score-footer{background:#fff;border:1px solid #dbe7ed;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;display:flex;box-shadow:0 2px 6px #1e4d6b0d}.comp-score-stats{gap:32px;display:flex}.comp-score-block{flex-direction:column;gap:4px;display:flex}.comp-score-label{color:#8b99a6;font-size:12px;font-weight:600}.comp-score-value{color:#1e4d6b;font-size:24px;font-weight:700}.comp-score-value small{color:#8b99a6;margin-left:2px;font-size:14px;font-weight:400}.comp-submit-btn{color:#fff;cursor:pointer;background:#367493;border:none;border-radius:14px;padding:12px 28px;font-size:15px;font-weight:700;transition:background .2s}.comp-submit-btn:hover{background:#2b5f78}.comp-submit-btn:disabled{cursor:not-allowed;background:#b0c8d4}@media (width<=1280px){.metrics-grid,.admin-card-grid,.admin-grid-2{grid-template-columns:1fr}.admin-sidebar{width:100%;height:auto;padding:24px;position:static;overflow-y:visible}.admin-dashboard-page{flex-direction:column}.admin-dashboard-content{padding:16px 20px}}.steps-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.step-card{color:#367493;text-align:center;background:#f6f4ff;border:1px solid #0000;border-radius:14px;padding:18px 14px;font-weight:600}.step-card.active{color:#fff;background:#367493;border-color:#4c3ea7}.task-list{gap:14px;margin:20px 0 0;padding:0;list-style:none;display:grid}.task-item{background:#f8f7ff;border-radius:16px;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;display:flex}.task-title{color:#201a3f;margin:0 0 6px;font-weight:700}.task-note{color:#7b729a;margin:0}.task-status{color:#367493;font-weight:700}.section-title{justify-content:space-between;align-items:center;gap:16px;display:flex}.tag{color:#367493;background:#ede7ff;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex}.goal-list{gap:18px;margin-top:18px;display:grid}.goal-card{background:#f9f8ff;border:1px solid #e9e7f7;border-radius:18px;padding:18px}.goal-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.goal-key{color:#7d75a6;margin:0 0 6px;font-size:13px}.goal-title{color:#201a3f;margin:0;font-weight:700}.goal-percent{color:#367493;font-weight:700}.progress-outer{background:#ece9ff;border-radius:999px;width:100%;height:12px;margin-bottom:12px;overflow:hidden}.progress-inner{background:#367493;border-radius:999px;height:100%}input[type=range]{accent-color:#367493;width:100%}.progress-summary{text-align:right}.progress-summary .summary-label{color:#7d75a6;margin-bottom:6px;display:block}.progress-summary strong{color:#201a3f;font-size:32px}.comment-box{resize:vertical;color:#201a3f;background:#fcfbff;border:1px solid #e9e7f7;border-radius:18px;width:100%;min-height:180px;padding:18px;font-size:15px}@media (width<=960px){.portal-shell{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--sidebar-border);width:100%;min-height:auto}.content{padding:24px}.steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.hist-page{flex-direction:column;gap:28px;display:flex}.hist-section{flex-direction:column;gap:16px;display:flex}.hist-section-title{color:#1e4d6b;border-bottom:2px solid #dbe7ed;margin:0;padding-bottom:10px;font-size:16px;font-weight:700}.hist-list{flex-direction:column;gap:10px;display:flex}.hist-card{background:#fff;border:1px solid #dbe7ed;border-radius:14px;transition:box-shadow .15s;overflow:hidden;box-shadow:0 2px 6px #1e4d6b0d}.hist-card.open{box-shadow:0 4px 14px #1e4d6b1a}.hist-card-summary{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:18px 22px;transition:background .15s;display:flex}.hist-card-summary:hover{background:#f5fbff}.hist-card-left{align-items:center;gap:14px;display:flex}.hist-period{color:#1e4d6b;min-width:90px;font-size:15px;font-weight:700}.hist-chevron{color:#8b99a6;font-size:20px;line-height:1;transition:transform .2s;transform:rotate(0)}.hist-chevron.open{transform:rotate(90deg)}.hist-rating-badge{color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:36px;padding:4px 8px;font-size:13px;font-weight:700;display:inline-flex}.hist-rating-s{background:#7c3aed}.hist-rating-a{background:#367493}.hist-rating-ab{background:#1f7b3a}.hist-rating-b{background:#2e8b6a}.hist-rating-bc{background:#e07b2a}.hist-rating-c{background:#d07020}.hist-rating-d{background:#d02f2f}.hist-points{font-size:14px;font-weight:700}.hist-pt-pos{color:#1a7a40}.hist-pt-neg{color:#c43030}.hist-comments{background:#fafcfe;border-top:1px solid #edf2f5;flex-direction:column;gap:12px;padding:16px 22px;display:flex}.hist-comment-row{grid-template-columns:130px 1fr;align-items:baseline;gap:12px;display:grid}.hist-comment-label{color:#8b99a6;white-space:nowrap;font-size:12px;font-weight:700}.hist-comment-text{color:#3d5a68;font-size:13px;line-height:1.6}.hist-grade-card{background:#fff;border:1px solid #dbe7ed;border-radius:16px;padding:22px 24px;box-shadow:0 2px 6px #1e4d6b0d}.hist-grade-header{flex-wrap:wrap;gap:32px;margin-bottom:20px;display:flex}.hist-grade-info{flex-direction:column;gap:4px;display:flex}.hist-grade-label{color:#8b99a6;text-transform:uppercase;letter-spacing:.07em;font-size:11px;font-weight:700}.hist-grade-value{color:#1e4d6b;font-size:22px;font-weight:700}.hist-grade-value.accent{color:#367493}.hist-progress-label-row{color:#5b6970;justify-content:space-between;margin-bottom:6px;font-size:12px;font-weight:600;display:flex}.hist-progress-track{background:#e8f0f4;border-radius:999px;height:10px;margin-bottom:6px;overflow:hidden}.hist-progress-fill{background:linear-gradient(90deg,#367493,#4b9ab8);border-radius:999px;height:100%;transition:width .6s}.hist-progress-pct{color:#8b99a6;text-align:right;font-size:12px}.hist-tables-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.hist-table-card{background:#fff;border:1px solid #dbe7ed;border-radius:14px;padding:18px 20px}.hist-table-title{color:#1e4d6b;margin:0 0 12px;font-size:13px;font-weight:700}.hist-table{border-collapse:collapse;width:100%}.hist-table th,.hist-table td{text-align:left;border-bottom:1px solid #f0f4f6;padding:9px 12px;font-size:13px}.hist-table th{color:#8b99a6;font-size:12px;font-weight:700}.hist-table tr:last-child td{border-bottom:none}.hist-table-highlight td{color:#1e5a7a;background:#eef7fb;font-weight:700}.eval-status-cards{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.eval-action-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#367493;border:none;border-radius:10px;padding:8px 16px;font-size:13px;font-weight:700;transition:background .15s}.eval-action-btn:hover{background:#2b5f78}.eval-done-label{color:#aab8c0;font-size:13px;font-weight:600}.eval-page{flex-direction:column;gap:20px;display:flex}.eval-page-header{flex-direction:column;gap:8px;display:flex}.eval-back-btn{color:#367493;cursor:pointer;background:#fff;border:1px solid #dbe7ed;border-radius:10px;align-items:center;gap:6px;width:fit-content;padding:8px 14px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.eval-back-btn:hover{background:#eef7fb}.eval-sub-info{background:#fff;border:1px solid #dbe7ed;border-radius:16px;align-items:center;gap:16px;padding:18px 22px;display:flex;box-shadow:0 2px 6px #1e4d6b0d}.eval-sub-meta{flex-direction:column;gap:4px;display:flex}.eval-sub-name{color:#1e4d6b;font-size:18px;font-weight:700}.eval-sub-details{color:#5b6970;font-size:13px}.eval-tabs{border-bottom:2px solid #dbe7ed;gap:4px;display:flex}.eval-tab-btn{color:#8b99a6;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:10px 20px;font-size:14px;font-weight:600;transition:color .15s,border-color .15s}.eval-tab-btn:hover{color:#367493}.eval-tab-btn.active{color:#367493;border-bottom-color:#367493}.eval-tab-content{min-height:200px}.eval-okr-list{flex-direction:column;gap:20px;display:flex}.eval-kr-row-stacked{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.eval-kr-top{justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.eval-self-comment-row{box-sizing:border-box;background:#f7fafc;border-radius:8px;align-items:baseline;gap:10px;width:100%;padding:8px 12px;display:flex}.eval-self-comment-label{color:#8b99a6;white-space:nowrap;flex-shrink:0;font-size:11px;font-weight:700}.eval-self-comment-text{color:#3d5a68;font-size:13px;line-height:1.5}.eval-comp-list{flex-direction:column;gap:14px;display:flex}.eval-comp-card{background:#fff;border:1px solid #dbe7ed;border-radius:14px;overflow:hidden;box-shadow:0 2px 5px #1e4d6b0a}.eval-comp-header{background:#f7fafc;border-bottom:1px solid #edf2f5;align-items:center;gap:12px;padding:14px 18px;display:flex}.eval-comp-num{color:#fff;background:#367493;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.eval-comp-name{color:#1e4d6b;margin-bottom:2px;font-size:14px;font-weight:700}.eval-comp-focus{color:#5b6970;font-size:12px}.eval-comp-body{border-top:1px solid #edf2f5;grid-template-columns:1fr 1fr;gap:0;display:grid}.eval-comp-section{padding:14px 18px}.eval-comp-section+.eval-comp-section{border-left:1px solid #edf2f5}.eval-comp-section-label{color:#8b99a6;text-transform:uppercase;letter-spacing:.07em;margin-bottom:10px;font-size:11px;font-weight:700}.eval-comp-self-row{align-items:flex-start;gap:10px;display:flex}.eval-self-badge{color:#fff;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:inline-flex}.eval-comp-self-comment{color:#3d5a68;font-size:12px;line-height:1.55}.eval-rating-row{flex-wrap:wrap;gap:5px;margin-bottom:10px;display:flex}.eval-rating-btn{cursor:pointer;background:0 0;border:2px solid;border-radius:8px;width:38px;height:34px;font-size:12px;font-weight:700;transition:background .15s,color .15s}.eval-comp-comment{box-sizing:border-box;color:#1e4d6b;resize:vertical;background:#f9fcff;border:1px solid #d7d3eb;border-radius:8px;width:100%;padding:8px 10px;font-family:inherit;font-size:12px}.eval-comp-comment:focus{border-color:#367493;outline:none;box-shadow:0 0 0 3px #3674931a}.eval-comment-tab{flex-direction:column;gap:20px;display:flex}.eval-comment-section{flex-direction:column;gap:8px;display:flex}.eval-comment-label{color:#1e4d6b;font-size:14px;font-weight:700}.eval-textarea{box-sizing:border-box;color:#1e4d6b;resize:vertical;background:#f9fcff;border:1px solid #d7d3eb;border-radius:12px;width:100%;padding:14px 16px;font-family:inherit;font-size:14px;line-height:1.6}.eval-textarea:focus{border-color:#367493;outline:none;box-shadow:0 0 0 3px #3674931a}.eval-textarea:disabled{color:#8b99a6;background:#f3f6f8}.att-page{flex-direction:column;gap:20px;display:flex}.att-title-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.att-title{color:#1e4d6b;align-items:center;gap:10px;margin:0;font-size:22px;font-weight:800;display:flex}.att-target-name{color:#5b6970;font-size:15px;font-weight:600}.att-month-nav{align-items:center;gap:12px;display:flex}.att-nav-btn{color:#367493;cursor:pointer;background:#fff;border:1px solid #dbe7ed;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;font-weight:700;transition:background .15s;display:flex}.att-nav-btn:hover:not(:disabled){background:#eef7fb}.att-month-label{color:#1e4d6b;text-align:center;min-width:90px;font-size:16px;font-weight:700}.att-summary-cards{flex-wrap:wrap;gap:12px;display:flex}.att-summary-card{background:#fff;border:1px solid #dbe7ed;border-radius:14px;flex-direction:column;flex:120px;gap:8px;min-width:100px;padding:16px 18px;display:flex;box-shadow:0 2px 6px #1e4d6b0d}.att-summary-label{color:#8b99a6;letter-spacing:.03em;font-size:12px;font-weight:700}.att-summary-value{color:#1e4d6b;align-items:baseline;gap:4px;font-size:22px;font-weight:800;line-height:1;display:flex}.att-summary-unit{color:#5b6970;font-size:13px;font-weight:600}.att-mandatory-card{flex:1.4 160px}.att-mandatory-track{background:#edf2f5;border-radius:4px;width:100%;height:8px;overflow:hidden}.att-mandatory-fill{border-radius:4px;height:100%;transition:width .3s}.att-mandatory-note{font-size:12px;font-weight:700}.att-table-panel{background:#fff;border:1px solid #dbe7ed;border-radius:16px;overflow:hidden;box-shadow:0 2px 6px #1e4d6b0d}.att-table-wrap{max-height:calc(100vh - 320px);overflow-y:auto}.att-table{border-collapse:collapse;width:100%;font-size:13px}.att-table thead{z-index:2;background:#f7fafc;position:sticky;top:0}.att-table th{text-align:left;color:#8b99a6;white-space:nowrap;border-bottom:1px solid #dbe7ed;padding:11px 16px;font-size:12px;font-weight:700}.att-table td{vertical-align:middle;border-bottom:1px solid #edf2f5;padding:10px 16px}.att-table tbody tr:last-child td{border-bottom:none}.att-td-date{color:#1e4d6b;white-space:nowrap;font-weight:700;position:relative}.att-today-dot{vertical-align:middle;background:#367493;border-radius:50%;width:6px;height:6px;margin-left:6px;display:inline-block}.att-td-dow{white-space:nowrap;font-size:13px}.att-td-worktype{color:#5b6970;white-space:nowrap;font-size:12px}.att-td-clock{color:#2d4a5a;white-space:nowrap;font-family:Courier New,monospace;font-size:13px}.att-td-duration{color:#1e4d6b;white-space:nowrap;font-weight:600}.att-status-badge{white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.att-status-text{color:#a0adb5;font-size:12px}.att-target-banner{color:#1e5a7a;background:#eef7fb;border:1px solid #c5dce8;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.att-dropdown{position:relative}.att-dropdown-trigger{color:#1e4d6b;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #b8d4e0;border-radius:10px;align-items:center;gap:8px;padding:9px 14px;font-size:14px;font-weight:600;transition:border-color .15s,background .15s;display:flex}.att-dropdown-trigger:hover{background:#f5fbff;border-color:#367493}.att-dropdown-arrow{color:#367493;font-size:10px}.att-dropdown-menu{z-index:100;background:#fff;border:1px solid #dbe7ed;border-radius:12px;min-width:200px;padding:6px 0;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;box-shadow:0 6px 20px #1e4d6b1f}.att-dropdown-item{color:#2d4a5a;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 16px;font-size:13px;font-weight:500;transition:background .1s;display:flex}.att-dropdown-item:hover{background:#f0f7fb}.att-dropdown-item.selected{color:#367493;background:#f0f7fb;font-weight:700}.att-dropdown-check{color:#367493;text-align:center;flex-shrink:0;width:16px;font-size:13px}.dir-page{flex-direction:column;gap:16px;display:flex}.dir-search-wrap{align-items:center;display:flex;position:relative}.dir-search-icon{color:#8b99a6;pointer-events:none;position:absolute;left:12px}.dir-search{color:#1e4d6b;background:#fff;border:1px solid #dbe7ed;border-radius:10px;width:240px;padding:9px 14px 9px 36px;font-family:inherit;font-size:13px}.dir-search:focus{border-color:#367493;outline:none;box-shadow:0 0 0 3px #3674931a}.dir-filters{flex-wrap:wrap;gap:8px;display:flex}.dir-filter-btn{color:#5b6970;cursor:pointer;background:#fff;border:1px solid #dbe7ed;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:600;transition:background .15s,color .15s,border-color .15s}.dir-filter-btn:hover{border-color:#367493}.dir-filter-btn.active{color:#fff;background:#367493;border-color:#367493}.dir-count{color:#5b6970;margin:0;font-size:13px;font-weight:700}.dir-table-panel{background:#fff;border:1px solid #dbe7ed;border-radius:16px;overflow:hidden;box-shadow:0 2px 6px #1e4d6b0d}.dir-table{border-collapse:collapse;width:100%;font-size:13px}.dir-table thead{background:#f7fafc}.dir-table th{text-align:left;color:#8b99a6;white-space:nowrap;border-bottom:1px solid #dbe7ed;padding:11px 16px;font-size:12px;font-weight:700}.dir-table td{vertical-align:middle;border-bottom:1px solid #edf2f5;padding:10px 16px}.dir-table tbody tr:last-child td{border-bottom:none}.dir-row:hover{background:#f7fafc}.dir-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.dir-name{color:#1e4d6b;white-space:nowrap;font-weight:700}.dir-dept{color:#5b6970;white-space:nowrap}.dir-grade-badge{color:#5b6970;white-space:nowrap;background:#f0f3f5;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.dir-role-badge{white-space:nowrap;border-radius:20px;padding:3px 12px;font-size:11px;font-weight:700;display:inline-block}.dir-email,.dir-phone{color:#5b6970;white-space:nowrap;font-family:Courier New,monospace;font-size:12px}.shift-page{flex-direction:column;gap:16px;display:flex}.shift-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.shift-tabs{gap:8px;display:flex}.shift-tab-btn{color:#5b6970;cursor:pointer;background:#fff;border:1px solid #dbe7ed;border-radius:10px;padding:9px 22px;font-size:13px;font-weight:700;transition:background .15s,color .15s,border-color .15s}.shift-tab-btn:hover{border-color:#367493}.shift-tab-btn.active{color:#fff;background:#367493;border-color:#367493}.shift-table-panel{background:#fff;border:1px solid #dbe7ed;border-radius:16px;overflow:hidden;box-shadow:0 2px 6px #1e4d6b0d}.shift-table-wrap{overflow-x:auto}.shift-table{border-collapse:collapse;width:100%;font-size:13px}.shift-table thead{background:#f7fafc}.shift-table th{text-align:left;color:#8b99a6;white-space:nowrap;border-bottom:1px solid #dbe7ed;padding:11px 16px;font-size:12px;font-weight:700}.shift-table td{vertical-align:middle;border-bottom:1px solid #edf2f5;padding:10px 16px}.shift-table tbody tr:last-child td{border-bottom:none}.shift-row:hover{background:#f7fafc}.shift-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.shift-name{color:#1e4d6b;white-space:nowrap;font-weight:700}.shift-dept{color:#5b6970;white-space:nowrap}.shift-time{color:#2d4a5a;white-space:nowrap;font-family:Courier New,monospace;font-size:13px}.shift-badge{white-space:nowrap;border-radius:20px;padding:3px 12px;font-size:11px;font-weight:700;display:inline-block}.shift-week-wrap{overflow-x:auto}.shift-week-table{border-collapse:collapse;width:100%;font-size:13px}.shift-week-table thead{background:#f7fafc}.shift-week-table th,.shift-week-table td{text-align:center;white-space:nowrap;border-bottom:1px solid #edf2f5;padding:10px 12px}.shift-week-table thead th{color:#8b99a6;border-bottom:1px solid #dbe7ed;font-size:12px;font-weight:700}.shift-week-table tbody tr:last-child td{border-bottom:none}.shift-week-name-col{text-align:left;z-index:1;background:#fff;min-width:160px;position:sticky;left:0}.shift-week-table thead .shift-week-name-col{z-index:2;background:#f7fafc}.shift-week-emp{color:#1e4d6b;align-items:center;gap:10px;font-weight:700;display:flex}.shift-avatar-sm{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex}.shift-week-date{color:#8b99a6;font-size:11px;font-weight:600}.shift-week-day-col.sat,.shift-week-cell.sat{background:#f0f7ff}.shift-week-day-col.sun,.shift-week-cell.sun{background:#fff5f5}.shift-week-day-col.sat{color:#1a6fbb}.shift-week-day-col.sun{color:#c0392b}.shift-week-day-col.today,.shift-week-cell.today{background:#eef7fb}.shift-week-day-col.today{border-bottom:2px solid #367493!important}.shift-badge-sm{white-space:nowrap;border-radius:20px;padding:2px 10px;font-size:11px;font-weight:700;display:inline-block}.prof-page{flex-direction:column;gap:16px;display:flex}.prof-columns{align-items:flex-start;gap:20px;display:flex}.prof-side-card{background:#fff;border:1px solid #dbe7ed;border-radius:16px;flex-direction:column;flex-shrink:0;align-items:center;gap:6px;width:220px;padding:28px 20px;display:flex;box-shadow:0 2px 6px #1e4d6b0d}.prof-avatar-photo{object-fit:cover;border-radius:50%;width:100%;height:100%}.prof-side-card>.prof-avatar-photo{width:80px;height:80px;margin-bottom:8px}.prof-avatar{color:#fff;background:#367493;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:8px;font-size:32px;font-weight:700;display:flex}.prof-side-name{color:#1e4d6b;font-size:18px;font-weight:800}.prof-side-meta{color:#5b6970;font-size:13px}.prof-status-badge{color:#1f7b3a;background:#e8f5ec;border-radius:20px;margin-top:8px;padding:4px 14px;font-size:12px;font-weight:700;display:inline-block}.prof-side-divider{background:#edf2f5;width:100%;height:1px;margin:14px 0}.prof-side-rows{flex-direction:column;gap:10px;width:100%;display:flex}.prof-side-row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.prof-side-label{color:#8b99a6;white-space:nowrap;font-size:11px;font-weight:700}.prof-side-value{color:#1e4d6b;text-align:right;font-size:12px;font-weight:600}.prof-main{flex-direction:column;flex:1;gap:16px;min-width:0;display:flex}.prof-section-card{background:#fff;border:1px solid #dbe7ed;border-radius:16px;padding:22px 26px;box-shadow:0 2px 6px #1e4d6b0d}.prof-section-title{color:#1e4d6b;text-align:center;border-bottom:2px solid #367493;margin:0 0 18px;padding-bottom:10px;font-size:15px;font-weight:800}.prof-field-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px 32px;display:grid}.prof-field{flex-direction:column;gap:4px;display:flex}.prof-field-label{color:#8b99a6;letter-spacing:.03em;font-size:11px;font-weight:700}.field-required-mark{color:#d02f2f;margin-left:3px;font-size:13px;font-weight:700}.field-conditional-mark{color:#c05a00;opacity:.75;margin-left:3px;font-size:11px;font-weight:600}.field-error-msg{color:#d02f2f;margin-top:3px;font-size:11px;line-height:1.4}.prof-field-subheading{color:#1e4d6b;background:#f0f5f8;border-left:3px solid #367493;border-radius:6px;grid-column:1/-1;margin-top:12px;padding:10px 12px;font-size:13px;font-weight:700}.prof-field-subheading:first-child{margin-top:0}.prof-field-subheading-plain{color:#1e4d6b;grid-column:1/-1;margin-top:12px;font-size:13px;font-weight:700}.prof-field-subheading-plain:first-child{margin-top:0}.prof-accordion-toggle{cursor:pointer;text-align:left;border:none;justify-content:space-between;align-items:center;width:100%;font-family:inherit;display:flex}.prof-accordion-arrow{color:#367493;font-size:10px}.prof-checkbox-group{flex-wrap:wrap;gap:6px 14px;display:flex}.prof-checkbox-option{cursor:pointer;align-items:center;gap:4px;font-size:13px;display:flex}.prof-field-help{color:#367493;cursor:help;vertical-align:middle;background:#d9e4ea;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;margin-left:5px;font-size:10px;font-weight:700;display:inline-flex;position:relative}.prof-field-help-tooltip{color:#fff;white-space:normal;z-index:10;background:#2b3a42;border-radius:6px;width:200px;padding:8px 10px;font-size:12px;font-weight:400;line-height:1.5;display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.prof-field-help:hover .prof-field-help-tooltip,.prof-field-help:focus .prof-field-help-tooltip{display:block}@keyframes onboarding-spin{to{transform:rotate(360deg)}}.onboarding-spinner{border:2px solid;border-top-color:#0000;border-radius:50%;flex-shrink:0;width:12px;height:12px;animation:.7s linear infinite onboarding-spin;display:inline-block}.prof-field-value{color:#1e4d6b;font-size:14px;font-weight:600}.prof-history-table{border-collapse:collapse;width:100%;font-size:13px}.prof-history-table th{text-align:left;color:#8b99a6;white-space:nowrap;background:#f7fafc;border-bottom:1px solid #dbe7ed;padding:10px 14px;font-size:12px;font-weight:700}.prof-history-table td{vertical-align:middle;border-bottom:1px solid #edf2f5;padding:10px 14px}.prof-history-table tbody tr:last-child td{border-bottom:none}.prof-history-period{color:#1e4d6b;white-space:nowrap;font-weight:700}.prof-result-badge{border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:inline-flex}.prof-history-comment{color:#3d5a68}.prof-edit-input,.prof-edit-textarea{color:#1e4d6b;border:1px solid #dbe7ed;border-radius:6px;padding:6px 10px;font-family:inherit;font-size:14px;font-weight:600}.prof-edit-textarea{resize:vertical}.prof-edit-input--error{background:#fff8f8;border-color:#d02f2f}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:6px;padding:7px 16px;font-size:13px;font-weight:700}.btn-primary{color:#fff;background:#367493}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{color:#3d5a68;background:#eef3f5}.btn-ghost{cursor:pointer;color:#555;background:#fff;border:1px solid #c5d5e0;border-radius:6px;padding:7px 16px;font-size:13px;font-weight:600}.btn-ghost:disabled{opacity:.6;cursor:not-allowed}.prof-section-edit-toggle{color:#367493;cursor:pointer;background:0 0;border:none;margin-left:8px;padding:0;font-size:11px;text-decoration:underline}.prof-section-edit-btn{color:#367493;cursor:pointer;background:#edf5f8;border:1px solid #b8d4e0;border-radius:4px;margin-left:8px;padding:3px 12px;font-size:12px;font-weight:500;transition:background .15s}.prof-section-edit-btn:hover{background:#d6eaf2}.prof-section-delete-btn{color:#b03030;background:#fdf0f0;border-color:#e0b8b8;margin-left:0}.prof-section-delete-btn:hover{background:#fad8d8}.prof-toc{flex-shrink:0;align-self:start;width:180px;position:sticky;top:16px}.prof-toc-title{color:#8b99a6;letter-spacing:.03em;margin-bottom:8px;font-size:11px;font-weight:700}.prof-toc-list{flex-direction:column;gap:0;list-style:none;display:flex}.prof-toc-link{color:#3d5a68;border-left:2px solid #0000;border-radius:6px;padding:6px 10px;font-size:12px;line-height:1.5;text-decoration:none;display:block}.prof-toc-link:hover{background:#f7fafc}.prof-toc-link.active{color:#1e4d6b;background:#eaf3f7;border-left-color:#367493;font-weight:700}.home-page{flex-direction:column;gap:18px;display:flex}.home-greeting{flex-direction:column;gap:6px;display:flex}.home-greeting-text{color:#1e4d6b;margin:0;font-size:24px;font-weight:800}.home-greeting-sub{color:#5b6970;margin:0;font-size:14px}.home-greeting-sub strong{color:#367493;font-weight:700}.home-greeting-divider{color:#c5d8e3;margin:0 8px}.home-card{background:#fff;border:1px solid #dbe7ed;border-radius:16px;padding:20px 24px;box-shadow:0 2px 6px #1e4d6b0d}.home-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.home-card-title{color:#1e4d6b;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:800;display:flex}.home-card-title svg{color:#367493}.home-card-footer{justify-content:flex-end;margin-top:14px;display:flex}.home-detail-link{color:#367493;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px 8px;font-size:13px;font-weight:700;transition:background .15s}.home-detail-link:hover{background:#eef7fb}.home-flow-bar{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.home-flow-item{align-items:center;gap:4px;display:flex}.home-flow-arrow{color:#c5d8e3;margin:0 4px;font-size:14px;font-weight:700}.home-flow-step{color:#8b99a6;white-space:nowrap;background:#f0f3f5;border:2px solid #0000;border-radius:20px;align-items:center;gap:5px;padding:7px 14px;font-size:13px;font-weight:600;display:inline-flex}.home-flow-step.done{color:#fff;background:#367493}.home-flow-step.current{color:#367493;background:#fff;border-color:#367493;font-weight:800;box-shadow:0 0 0 3px #3674931f}.home-alerts{flex-direction:column;gap:10px;display:flex}.home-alert{border-radius:10px;align-items:center;gap:10px;padding:12px 16px;font-size:13px;font-weight:600;display:flex}.home-alert.red{color:#a02525;background:#fdecec;border-left:4px solid #d02f2f}.home-alert.orange{color:#a55a14;background:#fff3e5;border-left:4px solid #e07b2a}.home-alert svg{flex-shrink:0}.home-okr-list{flex-direction:column;gap:16px;display:flex}.home-okr-row{flex-direction:column;gap:6px;display:flex}.home-okr-top{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.home-okr-title{color:#1e4d6b;font-size:14px;font-weight:700}.home-okr-pct{color:#367493;white-space:nowrap;font-size:13px;font-weight:800}.home-progress-track{background:#edf2f5;border-radius:4px;width:100%;height:8px;overflow:hidden}.home-progress-fill{background:linear-gradient(90deg,#4a8fae,#367493);border-radius:4px;height:100%;transition:width .3s}.home-sub-list{flex-direction:column;gap:16px;display:flex}.home-sub-row{align-items:flex-start;gap:12px;display:flex}.home-sub-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:700;display:flex}.home-sub-body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.home-sub-top{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.home-sub-name{color:#1e4d6b;font-size:14px;font-weight:700}.home-sub-meta{color:#5b6970;font-size:12px}.home-sub-status{white-space:nowrap;border-radius:20px;margin-left:auto;padding:2px 10px;font-size:11px;font-weight:700;display:inline-block}.home-sub-bar-row{align-items:center;gap:10px;display:flex}.home-sub-bar-row .home-progress-track{flex:1}.home-sub-obj{flex-direction:column;gap:6px;margin-top:10px;display:flex}.home-progress-track.kr{height:6px}.home-progress-fill.kr{opacity:.7}.home-sub-kr-list{flex-direction:column;gap:6px;margin-top:4px;padding-left:18px;display:flex}.home-sub-kr-row{align-items:center;gap:12px;display:flex}.home-sub-kr-title{color:#8b99a6;flex:1;min-width:0;font-size:12px}.home-sub-kr-bar{flex-shrink:0;align-items:center;gap:8px;width:180px;display:flex}.home-sub-kr-bar .home-progress-track{flex:1}.home-sub-kr-pct{color:#5b8aa0;text-align:right;width:32px;font-size:11px;font-weight:700}.home-ai-card{opacity:.7;background:#f9fbfc}.home-ai-badge{color:#5b6970;background:#e8ecef;border-radius:20px;padding:3px 12px;font-size:11px;font-weight:700;display:inline-block}.home-ai-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.home-ai-item{color:#3d5a68;background:#fff;border:1px dashed #c5d8e3;border-radius:10px;padding:10px 14px;font-size:13px;line-height:1.6}.sal-page{flex-direction:column;gap:14px;display:flex}.sal-nav{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sal-year-label{color:#1e4d6b;white-space:nowrap;font-size:16px;font-weight:800}.sal-month-tabs{flex-wrap:wrap;gap:4px;margin-left:8px;display:flex}.sal-month-tab{color:#1e4d6b;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;gap:1px;min-width:40px;height:40px;font-size:15px;font-weight:700;transition:background .15s,color .15s;display:flex}.sal-month-tab small{font-size:10px;font-weight:600}.sal-month-tab:hover:not(.disabled):not(.active){background:#eef7fb}.sal-month-tab.active{color:#fff;background:#367493}.sal-month-tab.disabled{color:#c0cdd5;cursor:default;pointer-events:none}.sal-emp-row{align-items:center;gap:12px;display:flex}.sal-emp-name{color:#1e4d6b;font-size:20px;font-weight:800}.sal-paydate-pill{color:#367493;background:#fff;border:1px solid #367493;border-radius:20px;padding:4px 14px;font-size:12px;font-weight:600;display:inline-block}.sal-calc-period{color:#5b6970;margin:0;font-size:13px}.sal-statement{background:#fff;border:1px solid #dbe7ed;border-radius:16px;flex-direction:column;gap:18px;max-width:980px;padding:24px 28px;display:flex;box-shadow:0 2px 8px #1e4d6b0f}.sal-statement-header{border:1px solid #dbe7ed;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.sal-statement-name{color:#1e4d6b;font-size:17px;font-weight:800}.sal-statement-no{color:#8b99a6;margin-left:4px;font-size:12px;font-weight:600}.sal-net-pay{align-items:baseline;gap:12px;display:flex}.comp-grade-tabs{flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.comp-grade-tab{color:#5b6970;cursor:pointer;background:#fff;border:1px solid #c5d9e4;border-radius:999px;padding:7px 18px;font-size:13px;font-weight:600;transition:background .15s,color .15s,border-color .15s}.comp-grade-tab:hover{color:#1e4d6b;background:#eef7fb;border-color:#367493}.comp-grade-tab.active{color:#fff;background:#367493;border-color:#2d6b88}.comp-table-wrapper{background:#fff;border:1px solid #dbe7ed;border-radius:18px;overflow-x:auto;box-shadow:0 2px 10px #1e4d6b0f}.comp-table{border-collapse:collapse;color:#1e4d6b;width:100%;min-width:900px;font-size:13px}.comp-table thead tr{background:#f4f9fc}.comp-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:#5b7a8a;white-space:nowrap;border-bottom:2px solid #dbe7ed;padding:12px 14px;font-size:11px;font-weight:700}.comp-th-grade{text-align:center}.comp-table td{vertical-align:top;border-bottom:1px solid #edf2f5;padding:12px 14px;line-height:1.5}.comp-row-sep td{border-top:2px solid #dbe7ed}.comp-td-cat{color:#1e4d6b;white-space:nowrap;background:#f7fafc;border-right:2px solid #dbe7ed;min-width:110px;font-weight:700;vertical-align:middle!important}.comp-td-no{text-align:center;color:#7d94a0;white-space:nowrap;min-width:34px;font-size:12px;font-weight:600}.comp-td-focus{color:#2c4f5e;min-width:180px;max-width:220px;font-weight:500}.comp-td-grade{color:#3a5563;min-width:120px;max-width:160px;font-size:12px}.comp-table .comp-s{color:#1a6b36;background:#f0faf4}.comp-table th.comp-s{color:#1a6b36;background:#e3f6eb}.comp-table .comp-a{color:#2356a0;background:#f0f5ff}.comp-table th.comp-a{color:#2356a0;background:#e4edff}.comp-table .comp-b{color:#1e4d6b}.comp-table .comp-c{color:#6b4d1e;background:#fdf8f0}.comp-table th.comp-c{color:#7a5218;background:#fdf0dc}.comp-table .comp-d{color:#7a2222;background:#fff5f5}.comp-table th.comp-d{color:#7a2222;background:#ffe8e8}.comp-table tbody tr:last-child td{border-bottom:none}.comp-overall-card{background:#fff;border:1px solid #dbe7ed;border-radius:18px;margin-bottom:16px;padding:20px 24px}.comp-overall-label{color:#367493;margin-bottom:10px;font-size:13px;font-weight:700}.comp-overall-textarea{color:#1e4d6b;resize:vertical;box-sizing:border-box;border:1px solid #c5d9e4;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:14px}.comp-overall-textarea:focus{border-color:#367493}.comp-overall-textarea:disabled{color:#7d94a0;background:#f7fafc}.comp-error-banner{color:#a82020;background:#fff0f0;border:1px solid #f5c2c2;border-radius:10px;margin-bottom:16px;padding:12px 16px;font-size:13px}.comp-rating-readonly{opacity:.7;cursor:default}.sal-net-pay-label{color:#5b6970;font-size:12px;font-weight:700}.sal-net-pay-value{color:#1e2a32;font-size:26px;font-weight:800}.sal-columns{grid-template-columns:1fr 1fr;gap:18px;display:grid}.sal-col{border:1px solid #dbe7ed;border-radius:10px;overflow:hidden}.sal-col-title{text-align:center;color:#3d5a68;background:#f0f3f5;border-bottom:1px solid #dbe7ed;padding:9px;font-size:13px;font-weight:700}.sal-col-body{flex-direction:column;gap:8px;padding:12px 18px;display:flex}.sal-row{color:#2d4a5a;justify-content:space-between;align-items:baseline;gap:12px;font-size:13px;display:flex}.sal-row span:last-child{font-variant-numeric:tabular-nums;white-space:nowrap}.sal-row.total{color:#1e2a32;border-top:1px solid #edf2f5;padding-top:6px;font-weight:800}.sal-section{border:1px solid #dbe7ed;border-radius:10px;overflow:hidden}.sal-section-title{text-align:center;color:#3d5a68;background:#f0f3f5;border-bottom:1px solid #dbe7ed;padding:9px;font-size:13px;font-weight:700}.sal-section-body{padding:12px 18px}.sal-kintai-grid{grid-template-columns:1fr 1fr;gap:8px 40px;padding:12px 18px;display:grid}.sal-no-data{text-align:center;color:#8b99a6;background:#fff;border:1px dashed #c5d8e3;border-radius:16px;padding:48px;font-size:14px;font-weight:600}.adm-att-page{flex-direction:column;gap:16px;display:flex}.adm-att-table-panel{background:#fff;border:1px solid #dbe7ed;border-radius:16px;overflow:auto;box-shadow:0 2px 6px #1e4d6b0d}.adm-att-table{border-collapse:collapse;width:100%;font-size:13px}.adm-att-table thead{z-index:1;background:#f7fafc;position:sticky;top:0}.adm-att-table th{text-align:left;color:#8b99a6;white-space:nowrap;border-bottom:1px solid #dbe7ed;padding:11px 14px;font-size:12px;font-weight:700}.adm-att-table td{vertical-align:middle;white-space:nowrap;border-bottom:1px solid #edf2f5;padding:10px 14px}.adm-att-table tbody tr:last-child td{border-bottom:none}.adm-att-row{cursor:pointer;transition:background .1s}.adm-att-row:hover{background:#f7fafc}.adm-att-name-cell{align-items:center;gap:10px;display:flex}.adm-att-name{color:#1e4d6b;font-weight:700}.adm-detail-btn{color:#367493;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #b8d4e0;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;transition:background .15s}.adm-detail-btn:hover{background:#eef7fb}.adm-panel-overlay{z-index:200;background:#14283766;position:fixed;inset:0}.adm-panel{z-index:201;background:#fff;flex-direction:column;width:600px;max-width:90vw;animation:.3s adm-slide-in;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-8px 0 30px #14283733}@keyframes adm-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.adm-panel-header{border-bottom:1px solid #dbe7ed;flex-shrink:0;align-items:center;gap:12px;padding:18px 22px;display:flex}.adm-panel-close{color:#5b6970;cursor:pointer;background:#fff;border:1px solid #dbe7ed;border-radius:8px;flex-shrink:0;width:32px;height:32px;font-size:14px;transition:background .15s}.adm-panel-close:hover{background:#f0f3f5}.adm-panel-title{color:#1e4d6b;margin:0;font-size:16px;font-weight:800}.adm-panel-summary{border-bottom:1px solid #edf2f5;flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px 22px;display:grid}.adm-panel-stat{background:#f7fafc;border-radius:10px;flex-direction:column;gap:4px;padding:10px 14px;display:flex}.adm-panel-stat-label{color:#8b99a6;font-size:11px;font-weight:700}.adm-panel-stat-value{color:#1e4d6b;align-items:baseline;gap:3px;font-size:19px;font-weight:800;display:flex}.adm-panel-stat-value small{color:#5b6970;font-size:11px;font-weight:600}.adm-panel-body{flex:1;padding:0 22px 22px;overflow-y:auto}.adm-status-bar{border-radius:10px;align-items:center;gap:24px;padding:12px 18px;font-size:13px;font-weight:700;display:flex}.adm-status-bar.done{color:#166534;background:#f0fdf4;border:1px solid #bbe5c8}.adm-status-bar.pending{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa}.adm-list-toolbar{align-items:center;gap:14px;display:flex}.adm-amount{font-variant-numeric:tabular-nums}.adm-diff{font-size:11px;font-weight:600}.adm-diff.plus{color:#16a34a}.adm-diff.minus{color:#dc2626}.adm-diff.zero{color:#9aa7b0}.adm-unpunched-badge{color:#c0392b;white-space:nowrap;background:#fde8e8;border-radius:20px;padding:3px 12px;font-size:11px;font-weight:700;display:inline-block}.adm-unpunched-none{color:#aab8c0;font-size:12px}.adm-status-badge{color:#1a5fbb;white-space:nowrap;background:#e0eeff;border-radius:20px;padding:3px 12px;font-size:11px;font-weight:700;display:inline-block}.adm-modal{z-index:201;background:#fff;border-radius:16px;flex-direction:column;width:760px;max-width:92vw;max-height:88vh;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 12px 50px #1428374d}.adm-modal-header{border-bottom:1px solid #dbe7ed;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:18px 24px;display:flex}.adm-modal-title{color:#1e4d6b;margin:0;font-size:16px;font-weight:800}.adm-modal-body{flex:1;padding:22px 24px;overflow-y:auto}.adm-dash-page{flex-direction:column;gap:18px;display:flex}.adm-dash-summary{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.adm-dash-summary-card{background:#fff;border:1px solid #dbe7ed;border-radius:14px;flex-direction:column;gap:6px;padding:18px 20px;display:flex;box-shadow:0 2px 6px #1e4d6b0d}.adm-dash-summary-label{color:#8b99a6;margin:0;font-size:12px;font-weight:700}.adm-dash-summary-value{color:#1e4d6b;margin:0;font-size:24px;font-weight:800;line-height:1.1}.adm-dash-summary-note{color:#aab8c0;margin:0;font-size:11px}.adm-dash-card{background:#fff;border:1px solid #dbe7ed;border-radius:16px;padding:20px 24px;box-shadow:0 2px 6px #1e4d6b0d}.adm-dash-card-title{color:#1e4d6b;margin:0 0 14px;font-size:15px;font-weight:800}.adm-dash-grid{grid-template-columns:1fr 1fr;align-items:start;gap:18px;display:grid}.adm-task-section-label{color:#8b99a6;margin:12px 0 8px;font-size:12px;font-weight:700}.adm-task-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.adm-task-row{align-items:baseline;gap:10px;font-size:13px;display:flex}.adm-task-dot{border-radius:50%;flex-shrink:0;align-self:center;width:10px;height:10px}.adm-task-date{color:#3d5a68;white-space:nowrap;min-width:84px;font-family:Courier New,monospace;font-weight:700}.adm-task-label{color:#1e4d6b;font-weight:600}.adm-task-detail{color:#c05a00;font-size:12px;font-weight:600}.adm-task-section-toggle{color:#367493;cursor:pointer;background:0 0;border:none;margin-top:12px;padding:4px 0;font-size:12px;font-weight:700}.adm-dash-period{color:#5b6970;margin:0 0 16px;font-size:13px}.adm-dash-period strong{color:#367493}.adm-dash-period-divider{color:#c5d8e3;margin:0 8px}.adm-dash-track{background:#edf2f5;border-radius:6px;width:100%;overflow:hidden}.adm-dash-fill{border-radius:6px;height:100%;transition:width .3s}.adm-dash-total-progress{flex-direction:column;gap:8px;margin-bottom:6px;display:flex}.adm-dash-progress-row{align-items:baseline;gap:10px;display:flex}.adm-dash-progress-label{color:#3d5a68;font-size:13px;font-weight:700}.adm-dash-progress-pct{color:#367493;font-size:20px;font-weight:800}.adm-dash-progress-count{color:#8b99a6;font-size:12px}.adm-dash-dept-list{flex-direction:column;gap:10px;display:flex}.adm-dash-dept-row{grid-template-columns:56px 1fr 44px 56px 24px;align-items:center;gap:10px;display:grid}.adm-dash-dept-name{color:#1e4d6b;white-space:nowrap;font-size:13px;font-weight:700}.adm-dash-dept-pct{color:#367493;text-align:right;font-size:13px;font-weight:800}.adm-dash-dept-count{color:#8b99a6;white-space:nowrap;font-size:12px}.adm-dash-dept-warn{font-size:13px}.adm-action-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.adm-action-card{border:1px solid #dbe7ed;border-top:4px solid;border-radius:12px;flex-direction:column;gap:12px;padding:16px 18px;display:flex}.adm-action-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.adm-action-title{color:#1e4d6b;font-size:14px;font-weight:800}.adm-action-count{color:#fff;border-radius:20px;padding:2px 12px;font-size:12px;font-weight:800;display:inline-block}.adm-action-list{flex-direction:column;flex:1;gap:7px;margin:0;padding:0;list-style:none;display:flex}.adm-action-member{justify-content:space-between;align-items:baseline;gap:8px;font-size:13px;display:flex}.adm-action-name{color:#1e4d6b;font-weight:700}.adm-action-meta{color:#8b99a6;white-space:nowrap;font-size:12px}.adm-action-more{color:#8b99a6;font-size:12px;font-weight:600}.adm-action-btn{color:#367493;cursor:pointer;background:#fff;border:1px solid #b8d4e0;border-radius:8px;width:100%;padding:8px;font-size:12px;font-weight:700;transition:background .15s}.adm-action-btn:hover{background:#eef7fb}.lark-login-btn{color:#fff;cursor:pointer;background:#2767e6;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:13px 20px;font-size:15px;font-weight:700;transition:background .15s;display:inline-flex}.lark-login-btn:hover{background:#1e54c4}.lark-callback-error{color:#c0392b;margin:0 0 8px;font-size:15px;font-weight:700}.lark-callback-error-detail{color:#5b6970;margin:0 0 20px;font-size:13px}.portal-brand{text-align:center;color:#1e4d6b;margin-bottom:8px;font-size:22px;font-weight:800}.portal-buttons{flex-direction:column;gap:14px;margin-top:18px;display:flex}.portal-btn{cursor:pointer;text-align:left;border-radius:14px;flex-direction:column;align-items:flex-start;gap:6px;width:100%;padding:16px 20px;transition:box-shadow .15s,transform .15s;display:flex}.portal-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #1e4d6b2e}.portal-btn-main{align-items:center;gap:9px;font-size:16px;font-weight:800;display:inline-flex}.portal-btn-sub{opacity:.85;align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.portal-btn-employee{color:#fff;background:#367493;border:2px solid #367493}.portal-btn-employee:hover{background:#2b5f78}.portal-btn-admin{color:#367493;background:#fff;border:2px solid #367493}.portal-btn-admin:hover{background:#f5fbff}.portal-mock-card{border-radius:14px;flex-direction:column;gap:12px;padding:16px 20px;display:flex}.portal-btn-employee-frame{color:#1e4d6b;background:#eef7fb;border:2px solid #367493}.portal-btn-admin-frame{color:#1e4d6b;background:#fff;border:2px solid #c5d8e3}