:root{--bg:#f6f8fc;--card:#fff;--text:#13213a;--muted:#68758d;--line:#e6ebf3;--blue:#2563eb;--blue2:#1d4ed8;--green:#20b26b;--orange:#f59e0b;--purple:#8b5cf6;--red:#dc2626}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit}.btn,button{font:inherit}.app{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.side{background:#fff;border-right:1px solid var(--line);padding:22px 16px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow:auto}.brand{font-size:28px;font-weight:800;color:var(--blue2);margin-bottom:26px;text-decoration:none;display:block}.brand small{display:block;color:#60708f;font-size:10px;font-weight:600;line-height:1.4}.nav-section{margin:16px 0 8px;font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;padding:0 12px}.nav a,.nav button{display:flex;gap:11px;align-items:center;padding:11px 13px;margin:4px 0;border-radius:10px;color:#5b6680;text-decoration:none;width:100%;background:none;border:0;cursor:pointer;text-align:left}.nav a.active,.nav a:hover,.nav button:hover{background:#edf3ff;color:var(--blue2)}.main{min-width:0}.top{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:-webkit-sticky;position:sticky;top:0;z-index:3}.search,.top{background:#fff}.search{width:min(480px,50vw);border:1px solid var(--line);border-radius:10px;padding:11px 14px;color:#93a0b7}.user{font-size:14px;color:#5c6880;display:flex;align-items:center;gap:12px}.user form{margin:0}.content{padding:28px}.headline{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:24px}.headline h1{margin:0 0 6px;font-size:28px}.headline p{margin:0;color:var(--muted)}.date,.pill{background:#fff;border:1px solid var(--line);border-radius:9px;padding:10px 14px;color:#4d5870}.kpis{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));grid-gap:16px;gap:16px;margin-bottom:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 6px 24px rgba(30,55,90,.04)}.kpi{padding:18px}.kpi .label{font-size:13px;color:var(--muted)}.kpi .value{font-size:25px;font-weight:800;margin:7px 0}.up{color:var(--green);font-size:12px}.grid{display:grid;grid-template-columns:1.1fr 1fr;grid-gap:18px;gap:18px}.panel{padding:18px;min-height:310px}.list h3,.panel h3,.section-title{margin:0 0 16px}.map{height:210px;border-radius:12px;background:radial-gradient(circle at 55% 45%,#c9daf7 0 10%,transparent 11%),linear-gradient(135deg,#eff5ff,#f9fbff);position:relative;overflow:hidden}.map:after{content:"Global workforce coverage";position:absolute;inset:auto 16px 14px 16px;color:#55719f;font-weight:700}.countries,.rows{margin-top:14px}.row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #eef2f7;font-size:14px;gap:16px}.row:last-child{border-bottom:0}.badge{padding:5px 9px;border-radius:999px;background:#eaf8f1;color:#168451;font-size:12px;white-space:nowrap}.badge.warn{background:#fff7e8;color:#a16207}.badge.gray{background:#eff3f8;color:#64748b}.badge.red{background:#fee2e2;color:#b91c1c}.badge.blue{background:#eaf2ff;color:#1d4ed8}.donut{width:190px;height:190px;margin:24px auto;background:conic-gradient(var(--blue) 0 64.7%,#44c17a 64.7% 80.1%,#f7b733 80.1% 92%,#aeb7c8 92% 100%);place-items:center}.donut,.donut:after{border-radius:50%;display:grid}.donut:after{content:"$152,680\A Total";white-space:pre;place-items:center;text-align:center;width:110px;height:110px;background:#fff;font-weight:800}.smallgrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px;margin-top:18px}.list{padding:18px}.foot{margin:30px 0 10px;color:#8a96aa;font-size:12px;text-align:center}.table-card{padding:0;overflow:hidden}.table-head{display:flex;justify-content:space-between;align-items:center;padding:18px;border-bottom:1px solid var(--line)}.table-actions{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:10px;border:1px solid var(--line);background:#fff;color:#334155;text-decoration:none;cursor:pointer}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn.ghost{background:#fff}.btn:disabled{opacity:.7;cursor:default}.table{width:100%;border-collapse:collapse;font-size:14px}.table td,.table th{padding:14px 18px;border-bottom:1px solid #eef2f7;text-align:left;vertical-align:top}.table th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#94a3b8;background:#fbfcfe}.table tr:hover td{background:#fcfdff}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#dbeafe;color:#1d4ed8;font-weight:700;flex:0 0 36px}.inline-person{display:flex;align-items:center;gap:12px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:18px;gap:18px}.form-grid.three{grid-template-columns:repeat(3,1fr)}.field label{display:block;font-size:12px;color:#64748b;margin-bottom:8px}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 12px;background:#fff;font:inherit;color:var(--text)}.field textarea{min-height:108px;resize:vertical}.section{padding:18px}.stats-3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.metric{padding:18px}.metric .n{font-size:24px;font-weight:800;margin:8px 0 4px}.metric .t{font-size:13px;color:var(--muted)}.two-col{grid-template-columns:1.1fr .9fr;grid-gap:18px}.three-col,.two-col{display:grid;gap:18px}.three-col{grid-template-columns:repeat(3,1fr);grid-gap:18px}.four-col{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.doc{padding:28px 34px;line-height:1.55}.doc h2,.doc h3,.doc h4{margin:0 0 12px}.doc .muted{color:var(--muted)}.doc-box{border:1px solid var(--line);border-radius:12px;padding:16px;background:#fbfdff;margin:14px 0}.signature{display:grid;grid-template-columns:1fr 1fr;grid-gap:28px;gap:28px;margin-top:40px}.sig-line{border-top:1px solid #94a3b8;padding-top:8px;color:#475569}.timeline{display:grid;grid-gap:14px;gap:14px}.timeline .item{display:grid;grid-template-columns:34px 1fr;grid-gap:12px;gap:12px;align-items:start}.dot{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eaf2ff;color:var(--blue2);font-weight:700}.login-wrap{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:linear-gradient(120deg,#eef4ff,#fafcff)}.login-panel{display:grid;place-items:center;padding:40px}.login-card{width:min(460px,92vw);padding:30px}.hero{padding:56px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at top left,#cfe0ff,transparent 32%),linear-gradient(140deg,#0f172a,#1e3a8a);color:#fff}.hero .mini{font-size:13px;letter-spacing:.08em;text-transform:uppercase;opacity:.8}.hero h1{font-size:44px;line-height:1.1;margin:14px 0}.hero p{max-width:520px;color:rgba(255,255,255,.82)}.hero-cards{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px;gap:14px;margin-top:24px}.hero-card{background:rgba(255,255,255,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:18px}.notice{padding:12px 14px;border-radius:12px;background:#eef6ff;color:#1e40af;border:1px solid #d9e7ff;font-size:14px}.notice.error{background:#fef2f2;color:#991b1b;border-color:#fecaca}@media(max-width:1180px){.kpis{grid-template-columns:repeat(2,1fr)}.form-grid.three,.four-col,.grid,.smallgrid,.three-col,.two-col{grid-template-columns:1fr}.app{grid-template-columns:88px 1fr}.brand{font-size:0}.brand:before{content:"K";font-size:28px}.brand small,.nav a span:last-child,.nav button span:last-child,.nav-section{display:none}.login-wrap{grid-template-columns:1fr}.hero{display:none}}@media(max-width:700px){.app{display:block}.side{display:none}.content{padding:16px}.top{padding:0 16px}.form-grid,.kpis,.signature,.stats-3{grid-template-columns:1fr}.headline{display:block}.date,.pill{display:inline-block;margin-top:14px}.search{width:65vw}.table td,.table th{padding:12px 10px;font-size:13px}}