:root{
  --kg-primary:#1f63ff;
  --kg-primary-2:#0d49d8;
  --kg-navy:#061b3d;
  --kg-navy-2:#092b5e;
  --kg-bg:#f5f8fc;
  --kg-card:#ffffff;
  --kg-text:#071a44;
  --kg-muted:#6b7894;
  --kg-border:#e4ebf5;
  --kg-green:#21bf63;
  --kg-orange:#ff8a00;
  --kg-purple:#8b45e9;
  --kg-cyan:#08b9df;
  --kg-red:#ff4d57;
  --kg-radius:20px;
  --kg-shadow:0 14px 38px rgba(15,43,84,.08);
}
*{box-sizing:border-box}
body.kg-app{margin:0;background:var(--kg-bg);color:var(--kg-text);font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;min-height:100vh}
a{text-decoration:none}.kg-layout{display:flex;min-height:100vh}.kg-main{flex:1;margin-left:292px;padding:28px 30px 32px;min-width:0}.kg-page-topbar{height:92px;margin:-28px -30px 24px;padding:18px 30px;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--kg-border);display:flex;align-items:center;justify-content:space-between;gap:18px;position:sticky;top:0;z-index:50}.kg-title h1{font-size:28px;line-height:1.1;margin:0;font-weight:800;letter-spacing:-.03em}.kg-breadcrumb{font-size:14px;color:var(--kg-muted);margin-top:4px}.kg-top-actions{display:flex;align-items:center;gap:18px}.kg-search{width:290px;background:#f2f5fa;border:1px solid #dce6f3;border-radius:13px;display:flex;align-items:center;gap:12px;padding:12px 15px;color:var(--kg-muted)}.kg-search input{border:0;background:transparent;outline:0;width:100%;font-size:14px}.kg-icon-btn{width:42px;height:42px;border-radius:14px;border:1px solid var(--kg-border);background:#fff;color:var(--kg-text);display:grid;place-items:center;position:relative;box-shadow:0 8px 22px rgba(15,43,84,.06)}.kg-icon-btn .badge{position:absolute;top:-7px;right:-7px}.kg-user{display:flex;align-items:center;gap:11px}.kg-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#1f63ff,#071a44);color:#fff;display:grid;place-items:center;font-weight:800;border:3px solid #fff;box-shadow:0 10px 18px rgba(15,43,84,.15)}.kg-user-title{font-weight:800}.kg-user-sub{font-size:12px;color:var(--kg-muted)}
.kg-sidebar{position:fixed;left:0;top:0;bottom:0;width:292px;background:linear-gradient(180deg,#071f49 0%,#031530 100%);padding:24px 15px;color:#fff;overflow:auto;z-index:80;box-shadow:16px 0 34px rgba(0,24,72,.24)}.kg-sidebar-logo{display:flex;align-items:center;margin:0 5px 24px}.kg-sidebar-logo img{width:218px;max-height:70px;object-fit:contain}.kg-menu{display:flex;flex-direction:column;gap:6px}.kg-nav-link{display:flex;align-items:center;gap:15px;color:rgba(255,255,255,.88);font-size:16px;font-weight:650;padding:13px 18px;border-radius:12px;transition:.16s ease}.kg-nav-link i{font-size:20px;width:22px;text-align:center}.kg-nav-link:hover{background:rgba(255,255,255,.09);color:#fff}.kg-nav-link.active{background:linear-gradient(135deg,#2d72ff,#1c55e7);color:#fff;box-shadow:0 14px 25px rgba(32,99,255,.32)}.kg-sidebar-title{margin:18px 18px 8px;color:rgba(255,255,255,.45);font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:800}.kg-sidebar-footer{position:sticky;bottom:0;margin-top:30px;padding:18px 5px 0;display:flex;align-items:center;justify-content:space-between}.kg-version{border:1px solid rgba(255,255,255,.22);border-radius:9px;padding:5px 10px;font-size:13px;color:#fff}.kg-collapse-icon{font-size:22px;color:rgba(255,255,255,.6)}
.kg-card{background:var(--kg-card);border:1px solid var(--kg-border);border-radius:var(--kg-radius);box-shadow:var(--kg-shadow)}.kg-stat-card{height:150px;padding:24px;display:flex;align-items:center;gap:20px;position:relative;overflow:hidden}.kg-stat-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:27px;box-shadow:0 10px 22px rgba(31,99,255,.25);flex:0 0 auto}.kg-stat-body{flex:1;min-width:0}.kg-stat-label{font-size:15px;color:#18264d;font-weight:700;margin-bottom:4px}.kg-stat-value{font-size:31px;line-height:1;font-weight:900;letter-spacing:-.04em}.kg-stat-trend{font-size:14px;color:var(--kg-green);font-weight:800;margin-left:7px}.kg-stat-sub{font-size:12px;color:var(--kg-muted);margin-top:8px}.kg-spark{position:absolute;right:24px;bottom:16px;width:115px;height:30px;opacity:.9}.kg-spark svg{width:100%;height:100%}.kg-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 22px 10px}.kg-card-title{font-size:19px;font-weight:850;letter-spacing:-.02em;margin:0}.kg-card-body{padding:16px 22px 22px}.kg-soft-note{background:#eef5ff;border-radius:10px;padding:11px 14px;color:#142858;font-size:14px}.kg-overview-grid{display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:center}.kg-donut{width:220px;height:220px;border-radius:50%;background:conic-gradient(#1f63ff 0 12.5%,#8b45e9 12.5% 32.1%,#ff8a00 32.1% 43.7%,#21bf63 43.7% 96.2%,#ff4d57 96.2% 100%);position:relative;margin:auto}.kg-donut:after{content:"";position:absolute;inset:62px;background:#fff;border-radius:50%;box-shadow:inset 0 0 0 1px #eef2f8}.kg-donut-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1}.kg-donut-number{font-size:30px;font-weight:900}.kg-donut-label{font-size:15px;color:var(--kg-muted)}.kg-legend{display:grid;gap:14px}.kg-legend-row{display:grid;grid-template-columns:18px 1fr auto auto;gap:12px;align-items:center;border-bottom:1px solid #edf1f7;padding-bottom:10px}.kg-dot{width:11px;height:11px;border-radius:3px}.kg-table{width:100%;border-collapse:separate;border-spacing:0}.kg-table th{background:#f3f6fb;color:#102052;font-size:14px;padding:14px 16px;font-weight:850}.kg-table td{padding:13px 16px;border-bottom:1px solid #edf1f7;color:#142858;font-size:14px;vertical-align:middle}.kg-table tr:last-child td{border-bottom:0}.kg-link{font-weight:800;color:#0064ff}.kg-status{font-size:12px;font-weight:800;padding:6px 10px;border-radius:7px;display:inline-flex;border:1px solid transparent}.kg-status-new{background:#edf5ff;color:#1f63ff;border-color:#a9c9ff}.kg-status-assigned{background:#f6edff;color:#8538e8;border-color:#d8bbff}.kg-status-in-progress{background:#fff4e8;color:#ff6b00;border-color:#ffc98d}.kg-status-completed{background:#eafaf0;color:#10a24a;border-color:#a8e4bd}.kg-status-cancelled{background:#fff0f1;color:#e33743;border-color:#ffc2c7}.kg-bar-chart{height:230px;display:flex;align-items:end;gap:42px;padding:20px 25px 5px;border-left:1px solid #e7edf6;border-bottom:1px solid #e7edf6;background:linear-gradient(#fff,#fff),repeating-linear-gradient(to top, transparent 0 43px,#edf2f8 44px);background-blend-mode:normal}.kg-bar-group{text-align:center;flex:1}.kg-bar{width:48px;margin:0 auto;border-radius:8px 8px 0 0;position:relative}.kg-bar span{position:absolute;top:-24px;left:50%;transform:translateX(-50%);font-size:14px;font-weight:800}.kg-bar-label{font-size:13px;color:#142858;margin-top:8px}.kg-performance{display:grid;gap:14px}.kg-perf-row{display:grid;grid-template-columns:34px 1fr 1.6fr auto;gap:12px;align-items:center}.kg-mini-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#1f63ff,#8b45e9);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:800}.kg-progress{height:8px;background:#edf2f8;border-radius:10px;overflow:hidden}.kg-progress span{display:block;height:100%;background:linear-gradient(90deg,#1f63ff,#2d72ff);border-radius:10px}.kg-summary-list{display:grid;gap:0}.kg-summary-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf1f7;padding:14px 0}.kg-summary-row:last-child{border-bottom:0}.kg-summary-label{display:flex;align-items:center;gap:14px;color:#142858}.kg-summary-icon{font-size:21px}.kg-summary-value{font-size:24px;font-weight:900}.kg-quick-actions{display:grid;grid-template-columns:repeat(8,1fr);gap:0}.kg-quick-actions a{display:flex;align-items:center;justify-content:center;gap:10px;color:#123074;font-weight:750;padding:18px;border-right:1px solid #e1e8f3}.kg-quick-actions a:last-child{border-right:0}.kg-quick-actions i{font-size:22px;color:#1f63ff}.kg-form-card .card-header{background:#fff;border-bottom:1px solid var(--kg-border);font-weight:850;padding:18px 22px;border-radius:var(--kg-radius) var(--kg-radius) 0 0}.kg-form-card .card-body{padding:22px}.form-control,.form-select{border-radius:12px;border-color:#dce6f3;padding:.75rem .9rem}.form-control:focus,.form-select:focus{border-color:#7eabff;box-shadow:0 0 0 .2rem rgba(31,99,255,.12)}.btn{border-radius:12px;font-weight:800;padding:.72rem 1.1rem}.btn-primary,.btn-success{box-shadow:0 12px 24px rgba(31,99,255,.18)}.kg-stepper{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px}.kg-step{background:#fff;border:1px solid var(--kg-border);border-radius:15px;padding:16px;display:flex;gap:12px;align-items:center}.kg-step-number{width:34px;height:34px;border-radius:50%;background:#eef5ff;color:#1f63ff;display:grid;place-items:center;font-weight:900}.kg-step.active{border-color:#bdd3ff;box-shadow:var(--kg-shadow)}.kg-step.active .kg-step-number{background:#1f63ff;color:#fff}.kg-timeline{position:relative;display:grid;gap:16px}.kg-timeline:before{content:"";position:absolute;left:18px;top:15px;bottom:15px;width:2px;background:#dfe8f6}.kg-timeline-item{position:relative;padding-left:54px}.kg-timeline-dot{position:absolute;left:7px;top:0;width:24px;height:24px;border-radius:50%;background:#1f63ff;border:5px solid #e8f1ff}.kg-empty{padding:35px;text-align:center;color:var(--kg-muted)}
@media (max-width:1200px){.kg-main{margin-left:0;padding:18px}.kg-sidebar{transform:translateX(-100%)}.kg-page-topbar{margin:-18px -18px 18px;padding:14px 18px}.kg-search{display:none}.kg-overview-grid{grid-template-columns:1fr}.kg-quick-actions{grid-template-columns:repeat(2,1fr)}.kg-quick-actions a{border-bottom:1px solid #e1e8f3}.kg-top-actions{gap:10px}.kg-title h1{font-size:24px}}
@media (max-width:768px){.kg-stat-card{height:auto}.kg-stepper{grid-template-columns:1fr}.kg-card-header{align-items:flex-start;flex-direction:column}.kg-table{min-width:720px}.kg-bar-chart{gap:14px;padding-left:8px}.kg-perf-row{grid-template-columns:34px 1fr}.kg-perf-row .kg-progress,.kg-perf-row .kg-jobs{grid-column:2}.kg-user-sub{display:none}}