@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;min-height:200px}.error-state-icon{font-size:48px;margin-bottom:16px}.error-state-title{font-size:20px;font-weight:600;margin:0 0 8px;color:#dc2626}.error-state-message{font-size:14px;color:#6b7280;margin:0 0 24px;max-width:400px}.error-state-retry{padding:10px 24px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.error-state-retry:hover{background:#2563eb}.error-state-retry:active{transform:translateY(1px)}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite;border-radius:4px;display:inline-block;width:100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-table{display:flex;flex-direction:column;gap:8px;width:100%}.skeleton-table-header,.skeleton-table-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px;padding:8px 0}.skeleton-table-header{border-bottom:1px solid #e0e0e0;padding-bottom:12px}.skeleton-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:4px}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:8px;background:#fff;box-shadow:0 4px 12px #00000026;min-width:300px;max-width:500px;animation:slideIn .3s ease-out;pointer-events:auto;cursor:pointer;transition:transform .2s,opacity .2s}.toast:hover{transform:translate(-4px);opacity:.9}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0}.toast-message{flex:1;font-size:14px;line-height:1.4}.toast-success{border-left:4px solid #10b981}.toast-success .toast-icon{color:#10b981}.toast-error{border-left:4px solid #ef4444}.toast-error .toast-icon{color:#ef4444}.toast-warning{border-left:4px solid #f59e0b}.toast-warning .toast-icon{color:#f59e0b}.toast-info{border-left:4px solid #3b82f6}.toast-info .toast-icon{color:#3b82f6}:root{--brand-teal: #023E4C;--brand-teal-mid: #005A67;--brand-teal-deep: #04313D;--brand-mint: #A1E2DA;--brand-coral: #FB5058;--brand-gold: #9E7951;--brand-gold-light: #DBBE97;--brand-neutral: #EFEFEF;--brand-gradient: linear-gradient(90deg, #023E4C 0%, #A1E2DA 100%);--ink: var(--brand-teal);--muted: #42505a;--accent: var(--brand-teal-mid);--accent-strong: var(--brand-teal);--highlight: var(--brand-gold);--panel: #ffffff;--border: #d7e0e5;--shadow: 0 12px 28px rgba(2, 62, 76, .08);--color-bg: var(--brand-neutral);--color-surface: #ffffff;--color-text: var(--brand-teal);--color-text-muted: #42505a;--color-border: #d7e0e5;--color-primary: var(--brand-teal-mid);--color-primary-hover: var(--brand-teal);--color-accent: var(--brand-coral);--color-link: var(--brand-teal-mid);--color-focus: rgba(0, 90, 103, .35);--color-nav-hover: var(--brand-gold);--color-header-bg: #ffffff;--color-success: #0f8b5f;--color-warn: #c27415}html,body,#root{height:100%;margin:0;font-family:Inter,Segoe UI,system-ui,sans-serif}body{background:radial-gradient(1200px 600px at 10% 0%,rgba(161,226,218,.35),transparent 60%),radial-gradient(900px 500px at 90% 10%,rgba(251,80,88,.08),transparent 55%),var(--brand-neutral);color:var(--ink)}a{color:var(--accent)}nav{display:flex;gap:1rem;padding:.75rem 1rem;background:#fdfdfd;border-bottom:1px solid var(--border)}nav a{text-decoration:none;color:var(--ink);font-weight:500}nav a:hover{color:var(--highlight)}main{padding:1.5rem 1.75rem}.panel{background:var(--panel);padding:1.25rem;border-radius:12px;margin-bottom:1rem;border:1px solid var(--border);box-shadow:var(--shadow)}input,textarea,select{background:#fff;border:1px solid #cfd8df;color:var(--ink);padding:.6rem .75rem;border-radius:6px;box-shadow:inset 0 1px 2px #0e2c3214}input:focus,textarea:focus,select:focus{outline:2px solid rgba(12,107,98,.25);border-color:var(--accent)}button{background:var(--accent);color:#fff;border:none;padding:.55rem 1.15rem;border-radius:999px;cursor:pointer;font-weight:600;transition:background .2s ease}button:hover{background:var(--accent-strong)}button:disabled{opacity:.45;cursor:not-allowed}table{width:100%;border-collapse:collapse;margin-top:.75rem;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 10px 24px #0f1c280f}th,td{border-bottom:1px solid #e4e0d8;padding:.65rem .75rem;text-align:left}th{background:#f7f5f0;color:#415058;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.answer{margin-top:1rem;background:#fff;padding:1rem;border-radius:10px;border:1px solid #e2e8f0}.app-shell{display:flex;flex-direction:column;min-height:100vh;background:#f5f6f8}.topbar{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1.5rem;background:#fff;border-bottom:1px solid var(--border);box-shadow:0 6px 22px #0f1c280f}.topbar h1{margin:0;color:var(--accent);letter-spacing:.02em;font-family:serif;font-weight:400}.topbar nav{display:flex;gap:1rem}.topbar nav a{padding:.35rem .9rem;border-radius:999px;transition:background-color .2s}.topbar nav a:hover{background:#006b7a14}.auth{display:flex;align-items:center;gap:.75rem;color:var(--brand-teal);font-weight:500}.auth span{color:var(--brand-teal)}.tour-help-btn{width:28px;height:28px;border-radius:50%;padding:0;font-size:.9rem;font-weight:700;line-height:28px;text-align:center;background:transparent;color:var(--accent);border:2px solid var(--accent);cursor:pointer;flex-shrink:0;transition:all .2s ease}.tour-help-btn:hover{background:var(--accent);color:#fff}.kpi-management{max-width:1200px;margin:0 auto}.tabs{display:flex;gap:.5rem;margin-bottom:1.5rem}.tabs button{background:#f1f5f9;color:var(--brand-teal);border:1px solid #d3dfe8;border-radius:999px}.tabs button.active{background:var(--brand-teal-mid);border-color:var(--brand-teal-mid);color:#fff}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h2{margin:0}.create-form,.assign-form{background:#fff;padding:1.5rem;border-radius:10px;margin-bottom:1.5rem;border:1px solid #e2e8f0}.create-form h3,.assign-form h3{margin-top:0;color:var(--brand-teal-mid)}.create-form input,.create-form textarea,.assign-form input,.assign-form select{display:block;width:100%;margin-bottom:1rem;box-sizing:border-box}.create-form textarea{min-height:80px;resize:vertical}.form-actions{display:flex;gap:.75rem;flex-wrap:wrap}.form-actions button:first-child{background:#0f8b5f}.form-actions button:last-child{background:#adb5bd;color:var(--brand-teal)}.kpi-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.kpi-card{background:#fff;padding:1rem;border-radius:10px;border:1px solid #e2e8f0;box-shadow:0 10px 30px #0f1c280d}.kpi-card h3{margin:0 0 .5rem;color:var(--brand-teal-mid)}.kpi-card p{margin:.25rem 0;color:#42505a}.card-grid{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.summary-card{flex:1 1 200px;background:#fff;border:1px solid #e7e3db;border-radius:12px;padding:1rem 1.25rem;min-width:180px;box-shadow:0 18px 38px #0f1c281a}.summary-card-title{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;opacity:.65;color:var(--muted)}.summary-card-value{font-size:1.7rem;font-weight:700;margin:.25rem 0;color:var(--brand-teal)}.summary-card-subtitle{font-size:.9rem;opacity:.75;color:var(--muted)}.sd{background:#fff;border:1px solid #e2e0d8;border-radius:14px;padding:1rem 1.15rem;box-shadow:0 10px 28px #0f1c2812}.sd-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem}.sd-kicker{font-size:.7rem;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}.sd-name{margin:.1rem 0 0;color:var(--ink);font-size:1.05rem}.sd-badge{font-size:.74rem;font-weight:700;color:#0f8b5f;background:#e6f7f1;border:1px solid #bfe6d7;border-radius:999px;padding:.15rem .55rem}.sd-badge.warn{color:#c27415;background:#fff3e0;border-color:#f0d9b1}.sd-export{display:inline-flex;align-items:center;gap:5px;border:1px solid #d0d8de;border-radius:8px;padding:.28rem .6rem;background:#fff;color:#3a5161;font-size:.74rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.sd-export:hover{border-color:#93a5b2;background:#f5f8fa}.sd-top{display:flex;gap:1.2rem;align-items:center;margin-bottom:.9rem;flex-wrap:wrap}.sd-rings{display:flex;gap:.9rem;flex-shrink:0}.sd-ring-wrap{display:flex;flex-direction:column;align-items:center;gap:.3rem}.sd-ring{width:80px;height:80px;border-radius:50%;display:grid;place-items:center}.sd-ring-inner{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#fff;font-size:.92rem;font-weight:700;color:var(--ink);border:1px solid #e9eff3}.sd-ring-inner small{font-size:.6rem;font-weight:600;opacity:.7}.sd-ring-lbl{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:#4a5861}.sd-tiles{display:flex;gap:.55rem;flex-wrap:wrap;flex:1 1 0}.sd-tile{flex:1 1 100px;min-width:90px;background:#faf9f6;border:1px solid #ede8dd;border-radius:10px;padding:.5rem .6rem;text-align:center}.sd-tile-val{font-size:1.15rem;font-weight:700;color:var(--ink);line-height:1.2}.sd-tile-val small{font-size:.65rem;font-weight:500;opacity:.6}.sd-tile-lbl{font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-top:.15rem}.sd-periods{border-top:1px solid #edebe5;padding-top:.75rem}.sd-section-title{font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:.5rem}.sd-period-table{display:flex;flex-direction:column;gap:2px}.sd-ptr{display:grid;grid-template-columns:1.6fr .5fr .6fr 1fr .6fr 1fr .5fr .6fr .6fr;align-items:center;gap:6px;padding:.4rem .5rem;border-radius:8px;font-size:.82rem}.sd-ring-outcome{box-shadow:0 0 0 3px #8b5cf61f}.sd-ptr:nth-child(2n){background:#faf9f6}.sd-ptr-head{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#6b7280;border-bottom:1px solid #edebe5;border-radius:0;padding-bottom:.45rem;margin-bottom:.15rem}.sd-ptc{white-space:nowrap}.sd-ptc-name{font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis}.sd-ptc-num{text-align:center;color:#4b5563}.sd-ptc-score{text-align:right;font-weight:700;color:var(--ink)}.sd-ptc-bar{display:flex;align-items:center}.sd-bar-track{display:block;width:100%;height:8px;background:#e9eef2;border-radius:4px;overflow:hidden}.sd-bar-fill{display:block;height:100%;border-radius:4px;transition:width .4s ease}.sd-tile-accent{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#93c5fd}.sd-wtd{font-weight:800;color:#7c3aed}@media (max-width: 720px){.sd-top{flex-direction:column;align-items:stretch}.sd-rings{justify-content:center}.sd-ptr{grid-template-columns:1fr .5fr .5fr 1fr .5fr 1fr .5fr .5fr .5fr;font-size:.72rem}}.pill{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600}.pill-good{background:#e6f7f1;color:#0f8b5f}.pill-warn{background:#fff3e0;color:#c27415}.inline-rating-input{width:70px;padding:4px 8px;font-size:14px;border:2px solid #3b82f6;border-radius:6px;text-align:center;outline:none}.inline-rating-btn{background:transparent;border:1.5px dashed #d1d5db;border-radius:6px;padding:4px 12px;font-size:13px;cursor:pointer;color:#6b7280;transition:all .15s}.inline-rating-btn:hover{border-color:#3b82f6;color:#3b82f6;background:#eff6ff}.inline-rating-btn.has-score{border-style:solid;border-color:#0f8b5f;color:#0f8b5f;background:#e6f7f1;font-weight:600}.inline-rating-btn.has-score:hover{background:#d1f0e4;border-color:#0b6e4a}.inline-rating-saving{font-size:12px;color:#6b7280;font-style:italic}.inline-rating-select{width:170px;padding:4px 8px;font-size:12px;border:1px solid #3b82f6;border-radius:6px;background:#fff}.employee-pills{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.employee-pill{border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:10px;padding:7px 10px;min-width:170px;text-align:left;cursor:pointer;display:flex;flex-direction:column;line-height:1.2;font-size:13px;font-weight:600}.employee-pill.active{border-color:#2563eb;background:#eff6ff;color:#1d4ed8}.employee-pill-sub{font-size:11px;font-weight:400;color:#6b7280;margin-top:2px}.refresh-btn{background:transparent;border:1.5px solid #d1d5db;border-radius:6px;padding:4px 10px;font-size:16px;cursor:pointer;color:#6b7280;transition:all .2s;line-height:1}.refresh-btn:hover{border-color:#3b82f6;color:#3b82f6;background:#eff6ff}.refresh-btn.spinning{animation:refresh-spin .6s linear}@keyframes refresh-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.muted-label{font-size:.75rem;opacity:.75;text-transform:uppercase;letter-spacing:.05em;color:#53626c}.rating-form{display:flex;flex-direction:column;gap:.75rem}.rating-form textarea{min-height:100px;resize:vertical}.period-toolbar{display:flex;gap:.75rem;align-items:flex-end;flex-wrap:wrap;margin-bottom:1rem}.period-toolbar label{display:flex;flex-direction:column;font-size:.85rem;text-transform:uppercase;opacity:.75;gap:.25rem;color:#4a5861}@keyframes logo-spin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.logo-loader-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1.5rem}.logo-loader-wrap img{width:120px;height:auto;animation:logo-spin 1.8s ease-in-out infinite}.logo-loader-wrap .loader-text{font-size:.9rem;color:#6b7280;letter-spacing:.05em}.admin-dropdown{position:relative;display:inline-block}.admin-dropdown-trigger{background:transparent;color:var(--ink);padding:.35rem .9rem;border-radius:999px;font-weight:500;border:none;cursor:pointer;transition:background-color .2s}.admin-dropdown-trigger:hover{background:#006b7a14}.admin-dropdown-menu{position:absolute;top:100%;left:0;background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #0f1c2826;min-width:160px;z-index:1000;padding:.5rem 0;margin-top:.25rem}.admin-dropdown-menu a{display:block;padding:.6rem 1rem;color:var(--ink);text-decoration:none;font-weight:500;transition:background-color .15s}.admin-dropdown-menu a:hover{background:#0c6b6214;color:var(--accent)}.brand-lockup{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:inherit;min-width:0}.brand-lockup-img{display:block;height:44px;width:auto;max-width:min(280px,42vw);object-fit:contain}.prelogin-strip{font-size:.85rem;font-weight:600;color:var(--brand-coral);letter-spacing:.01em;white-space:nowrap}button.login-btn{background:var(--brand-coral)}button.login-btn:hover{background:#e2454d}.topbar{background:var(--color-header-bg, #ffffff);border-bottom:1px solid var(--color-border, #d7e0e5);box-shadow:0 4px 20px #023e4c0a}