:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#f5f7fb;color:#162036}*{box-sizing:border-box}body{margin:0;font-size:14px}button,input,textarea{font:inherit}button{cursor:pointer}#app{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;width:258px;min-height:100vh;height:100vh;background:#11192b;color:#cbd4e5;display:flex;flex-direction:column;padding:28px 16px;flex-shrink:0}.logo{display:flex;align-items:center;gap:12px;font-weight:800;font-size:19px;letter-spacing:1px;margin:0 8px 49px;color:#fff}.brand-mark{display:flex;align-items:center;justify-content:center;width:37px;height:37px;background:linear-gradient(135deg,#7c69f6,#4a4ae1);border-radius:11px;color:white;font-size:22px;font-weight:900}.logo-sub{display:block;color:#8190ac;letter-spacing:2.1px;font-size:9px;font-weight:600;margin-top:3px}.nav-label{font-size:10px;color:#74839f;letter-spacing:1.8px;font-weight:700;margin:0 16px 15px}nav{display:grid;gap:6px}.nav{background:transparent;border:0;text-align:left;color:#a7b3cc;display:flex;align-items:center;gap:12px;padding:13px 16px;font-weight:600;border-radius:10px;font-size:14px}.nav:hover,.nav.active{background:#27324b;color:white}.nav.active{box-shadow:inset 3px 0 #8a7dff}.nav span{flex:1}.sidebar-bottom{margin-top:auto;font-size:12px;padding:18px 12px}.secure{color:#67d8a4;margin-bottom:21px}.logout{background:transparent;color:#a7b3cc;border:0;padding:0}main{flex:1;min-width:0}header{padding:35px 5.2% 28px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e6e9ef;background:#fff}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.6px;color:#8479e0}h1{font-size:30px;margin:8px 0}header p{color:#73809a;margin:5px 0 0}.status{background:#ecf9f2;color:#17734d;border-radius:30px;padding:10px 15px;font-weight:700;font-size:12px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#21ba72;margin-right:6px}.content{max-width:1280px;padding:35px 5.2% 70px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:22px}.metric,.panel{background:white;border:1px solid #e4e8f1;border-radius:15px;box-shadow:0 3px 15px #18264405}.metric{padding:22px}.metric strong{display:block;font-size:27px;margin:12px 0 5px;letter-spacing:-.6px}.metric small{color:#96a0b0}.muted{color:#79859a}.panel{padding:25px;margin-bottom:22px}.panel h3{font-size:17px;letter-spacing:-.3px;margin:0 0 12px}.panel p{line-height:1.6;margin:3px 0 21px}.notice{display:flex;gap:17px;background:#f0f0ff;border-color:#ddddff}.notice p{margin:0;max-width:850px}.notice-icon{color:#6557c8;font-size:27px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:22px}.three-col{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:14px}.kv{padding:12px 0;border-bottom:1px solid #edf0f4;display:flex;justify-content:space-between;gap:15px}.kv span{color:#7c889e}.kv b{max-width:66%;overflow-wrap:anywhere;text-align:right}.step{padding:12px 0;border-bottom:1px solid #edf0f4;color:#4b5770}.panel-header{display:flex;align-items:start;justify-content:space-between;gap:15px}.tag{background:#edf1fb;border-radius:7px;padding:8px 10px;color:#55627c;font-size:12px;font-weight:700}label{display:block;font-size:12px;font-weight:700;color:#384660;margin:17px 0 9px}input,textarea,.read-only{width:100%;padding:13px 14px;border:1px solid #dce2ed;border-radius:9px;background:#fff;color:#1c2941;outline:0}input:focus,textarea:focus{border-color:#8172ee;box-shadow:0 0 0 3px #8172ee20}.read-only{color:#7a879a;background:#f8f9fc}.inline{display:flex;gap:10px}.inline input{flex:1}.primary,.secondary,.ghost{border:0;border-radius:9px;padding:13px 18px;font-weight:700}.primary{background:#6756e8;color:white}.primary:hover{background:#5544d5}.secondary{background:#f0f2f8;color:#3d4964}.ghost{background:transparent;color:#72819a}.danger{color:#bd4855}.button-row{display:flex;align-items:center;gap:12px;margin-top:18px;flex-wrap:wrap}.feedback{margin-top:16px;font-size:13px}.feedback.error{color:#be4455}.feedback.good{color:#168354}.toolbar{display:flex;gap:10px;margin:15px 0}.toolbar input{flex:1}.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.profile{display:flex;gap:10px;align-items:center;padding:14px;border:1px solid #e4e8f1;border-radius:9px;cursor:pointer;min-width:0}.profile input{width:auto}.profile span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.empty{padding:25px;color:#8793a7;grid-column:1/-1;text-align:center;background:#f9fafc;border:1px dashed #e1e6f0;border-radius:9px}.employee-list{margin-top:14px}.employee{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:16px 3px;border-bottom:1px solid #edf0f4}.employee strong{display:block;margin-bottom:6px}.employee small{color:#8692a5}.employee button{background:#fff0f2;border:0;border-radius:8px;color:#bd4855;padding:9px 13px}.narrow{max-width:900px}#toast{position:fixed;bottom:24px;right:25px;background:#18243a;color:white;padding:14px 20px;border-radius:10px;box-shadow:0 10px 30px #0002;display:none}.login-shell{min-height:100vh;background:#11192b;display:grid;place-items:center;padding:20px}.login-card{background:white;border-radius:20px;max-width:430px;width:100%;padding:45px;box-shadow:0 25px 90px #0004}.login-card .brand-mark{width:50px;height:50px}.login-card h1{margin-top:25px}.login-card p{color:#7b879b}.login-card button{width:100%;margin-top:16px}.error{color:#b83c53!important}@media(max-width:950px){.metrics{grid-template-columns:repeat(2,1fr)}.profile-grid{grid-template-columns:repeat(2,1fr)}.sidebar{width:200px}}@media(max-width:680px){#app{display:block}.sidebar{height:auto;min-height:0;width:100%;position:static;padding:15px}.logo{margin:0 0 12px}.nav-label,.sidebar-bottom{display:none}nav{display:flex;overflow:auto}.nav{white-space:nowrap;padding:10px}.nav span{display:none}header{padding:22px}.content{padding:18px}.two-col,.three-col,.metrics{grid-template-columns:1fr}.profile-grid{grid-template-columns:1fr}.inline,.toolbar{flex-wrap:wrap}.inline input{flex-basis:100%}}
[hidden]{display:none!important}

.review-list{max-height:650px;overflow:auto}.review-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 4px;border-bottom:1px solid #edf0f4}.review-info{min-width:0}.review-info strong{display:block}.review-info small{display:block;color:#79859a;margin-top:6px;overflow-wrap:anywhere}.review-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.review-status{font-size:11px;font-weight:700;color:#86652b;background:#fdf3dd;border-radius:20px;padding:7px 10px}.review-status.sent{color:#15784a;background:#e5f8ed}.review-overlay{position:fixed;inset:0;z-index:100;background:#0d1729a8;display:grid;place-items:center;padding:20px;overflow:auto}.review-modal{width:min(770px,100%);max-height:94vh;overflow:auto;background:white;padding:25px;border-radius:16px;box-shadow:0 22px 80px #0005}.review-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.review-top h2{margin:0}.review-field{display:grid;grid-template-columns:145px 1fr;gap:15px;padding:11px 0;border-bottom:1px solid #edf0f4;overflow-wrap:anywhere;white-space:pre-wrap}.review-field strong{font-size:12px;color:#657187}.review-modal button:disabled{opacity:.45;cursor:default}@media(max-width:650px){.review-row,.review-actions{align-items:flex-start;flex-direction:column}.review-field{grid-template-columns:1fr}}