:root{--k-bg: #f7f8fb;--k-surface: #ffffff;--k-panel: #ffffff;--k-text: #0f172a;--k-muted: #5b6478;--k-accent: #3b82f6;--k-accent-strong: #2563eb;--k-border: #e5e7eb;--k-success: #16a34a;--k-danger: #dc2626;--k-warning: #d97706;--muted: #6b7280;--line: #e5e7eb;--warn: #f59e0b;--err: #ef4444;--good: #10b981;--k-radius: 14px;--k-radius-sm: 10px;--k-shadow: 0 8px 24px rgba(15, 23, 42, .06);--k-font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Inter, "Helvetica Neue", Arial, "Apple Color Emoji", "Segoe UI Emoji"}*{box-sizing:border-box}html,body{height:100%}.k-body{margin:0;background:var(--k-bg);color:var(--k-text);font-family:var(--k-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.k-nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--k-surface);border-bottom:1px solid var(--k-border);box-shadow:0 2px 10px #0f172a0a}.k-brand{display:flex;align-items:center;gap:10px}.k-brand__logo{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:10px;background:radial-gradient(120% 120% at 30% 20%,#93c5fd,#60a5fa);color:#0b1020;font-weight:800}.k-brand__name{font-weight:700;letter-spacing:.2px}.k-tabs{display:flex;gap:8px;padding:10px 18px;border-bottom:1px solid var(--k-border);background:transparent}.k-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--k-border);background:var(--k-surface);color:var(--k-muted);padding:8px 12px;border-radius:999px;cursor:pointer;transition:border-color .12s ease,color .12s ease,background .12s ease}.k-tab:hover{border-color:#d7dbe3;color:#374151}.k-tab:focus-visible{outline:3px solid rgba(59,130,246,.35);outline-offset:2px}.k-tab--active{color:var(--k-text);border-color:var(--k-accent);background:#f2f7ff}.k-tabpanel{padding:18px}.k-tabpanel--active{display:block}.k-tabpanel[hidden]{display:none!important}.k-container{max-width:1200px;margin:0 auto}.k-card{background:var(--k-panel);border:1px solid var(--k-border);border-radius:var(--k-radius);box-shadow:var(--k-shadow);overflow:hidden}.k-card__header,.k-card__footer{padding:14px 16px;border-bottom:1px solid var(--k-border);background:var(--k-surface)}.k-card__footer{border-top:1px solid var(--k-border);border-bottom:none}.k-card__body{padding:16px;background:var(--k-surface)}.k-title{margin:0;font-size:18px}.k-actions{display:flex;gap:10px;align-items:center}.k-input{width:320px;max-width:100%;padding:10px 12px;border-radius:var(--k-radius-sm);border:1px solid var(--k-border);background:#fff;color:var(--k-text);outline:none;transition:border-color .12s ease,box-shadow .12s ease}.k-input::placeholder{color:#9aa3b2}.k-input:focus{border-color:var(--k-accent);box-shadow:0 0 0 3px #3b82f633}.k-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--k-border);background:var(--k-surface);color:var(--k-text);padding:10px 14px;border-radius:var(--k-radius-sm);cursor:pointer;transition:transform 80ms ease,box-shadow .12s ease,border-color .12s ease,background .12s ease;text-align:center;text-decoration:none}.k-btn:hover{border-color:#d7dbe3;box-shadow:0 4px 14px #0f172a0f}.k-btn:active{transform:translateY(1px)}.k-btn:focus-visible{outline:3px solid rgba(59,130,246,.35);outline-offset:2px}.k-btn--primary{background:linear-gradient(180deg,var(--k-accent),var(--k-accent-strong));color:#f8fafc;border-color:transparent;font-weight:700}.k-btn--primary:hover{filter:brightness(1.03);box-shadow:0 6px 18px #2563eb40}.k-btn--primary:active{transform:translateY(1px)}.k-table-wrap{overflow:auto;background:var(--k-surface);border-radius:var(--k-radius)}.k-table{width:100%;border-collapse:collapse;font-size:14px;background:var(--k-surface)}.k-table thead th{text-align:left;padding:12px;background:#f7f9fd;position:sticky;top:0;z-index:1;border-bottom:1px solid var(--k-border);color:#111827}.k-table tbody td{padding:10px 12px;border-top:1px solid var(--k-border)}.k-table tbody tr{transition:background .12s ease,box-shadow .12s ease;cursor:pointer;background:#fff}.k-table tbody tr:hover{background:#f2f7ff}.k-table tbody tr:focus-within{outline:3px solid rgba(59,130,246,.25);outline-offset:-3px}.k-pill{--pill-bg: rgba(17, 24, 39, .06);--pill-fg: var(--ink, #111827);--pill-brd: transparent;display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .6rem;font:600 12px/1.1 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color:var(--pill-fg);background:var(--pill-bg);border:1px solid var(--pill-brd);border-radius:999px;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none}.k-pill.k-pill--sm{padding:.15rem .5rem;font-size:11px}.k-pill:focus-visible{outline:2px solid color-mix(in srgb,var(--brand, #1f6feb),transparent 60%);outline-offset:2px;border-radius:999px}.k-pill--success{--pill-bg: color-mix(in srgb, var(--ok, #059669) 18%, white);--pill-fg: #065f46;--pill-brd: color-mix(in srgb, var(--ok, #059669) 35%, transparent)}.k-pill--warn{--pill-bg: color-mix(in srgb, #fbbf24 22%, white);--pill-fg: #92400e;--pill-brd: color-mix(in srgb, #f59e0b 45%, transparent)}.k-pill--neutral{--pill-bg: color-mix(in srgb, var(--muted, #6b7280) 14%, white);--pill-fg: #374151;--pill-brd: color-mix(in srgb, var(--muted, #6b7280) 30%, transparent)}.k-pill--danger{--pill-bg: color-mix(in srgb, var(--err, #dc2626) 16%, white);--pill-fg: #7f1d1d;--pill-brd: color-mix(in srgb, var(--err, #dc2626) 38%, transparent)}.k-pill--outline{--pill-bg: transparent;--pill-fg: var(--ink, #111827);--pill-brd: var(--line, #e5e7eb)}.k-pill__dot{width:.45rem;height:.45rem;border-radius:999px;background:currentColor;opacity:.6}.k-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.k-table-status{color:var(--k-muted);font-size:13px}.k-shell{display:grid;grid-template-columns:220px 1fr;gap:18px;max-width:1400px;margin:18px auto;padding:0 18px}.k-sidenav{position:sticky;top:64px;align-self:start;background:var(--k-panel);border:1px solid var(--k-border);border-radius:var(--k-radius);box-shadow:var(--k-shadow);padding:12px}.k-sidenav__title{margin:4px 8px 10px;font-size:13px;color:var(--k-muted);text-transform:uppercase;letter-spacing:.04em}.k-vtabs{display:grid;gap:8px}.k-vtab{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border:1px solid var(--k-border);background:#fff;color:var(--k-text);text-decoration:none;cursor:pointer;transition:background .12s ease,border-color .12s ease,box-shadow .12s ease}.k-vtab:hover{background:#f7f9fd;border-color:#d7dbe3}.k-vtab--active{border-color:var(--k-accent);background:#f2f7ff}.k-main{min-height:60vh;margin-bottom:80px}.k-dot{width:8px;height:8px;border-radius:999px;display:inline-block;background:var(--k-accent)}.k-form{display:grid;gap:16px}.k-grid{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width: 900px){.k-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.k-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}}.k-field{display:flex;flex-direction:column;gap:6px}.k-label{font-size:13px;color:var(--k-muted)}.k-help{font-size:12px;color:var(--k-muted)}.k-input,.k-select,.k-textarea{width:100%;padding:10px 12px;border-radius:var(--k-radius-sm);border:1px solid var(--k-border);background:#fff;color:var(--k-text);outline:none;transition:border-color .12s ease,box-shadow .12s ease;min-height:40px}.k-input::placeholder,.k-textarea::placeholder{color:#9aa3b2}.k-input:focus,.k-select:focus,.k-textarea:focus{border-color:var(--k-accent);box-shadow:0 0 0 3px #3b82f633}.k-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,transparent 50%),linear-gradient(to right,#e5e7eb,#e5e7eb);background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 12px) calc(50% - 3px),calc(100% - 2.2rem) 50%;background-size:6px 6px,6px 6px,1px 65%;background-repeat:no-repeat;padding-right:2.6rem}.k-textarea{min-height:120px;resize:vertical}.k-col-span-2{grid-column:1 / -1}.k-required .k-label:after{content:" *";color:var(--k-danger)}.is-invalid{border-color:var(--k-danger)!important}.is-invalid:focus{box-shadow:0 0 0 3px #dc26262e}.k-card__header .k-title{margin:0}.k-card__body.k-form-pad{padding-top:14px;padding-bottom:14px}.k-footer-actions{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.k-footer-buttons{display:flex;gap:8px;justify-content:flex-end}.k-alert{padding:10px 12px;border-radius:10px;border:1px solid var(--k-border);font-size:14px}.k-alert--error{border-color:#fecaca;background:#fff1f2;color:#991b1b}.k-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.6);border-top-color:#fff;border-radius:50%;margin-right:8px;animation:kspin .8s linear infinite}@keyframes kspin{to{transform:rotate(360deg)}}.k-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:none;background:#090c1473;padding:16px}.k-modal.k-modal--open{display:grid;place-items:center}.k-modal__dialog{display:flex;flex-direction:column;width:min(640px,calc(100vw - 32px));max-height:min(86vh,860px);background:#fff;border:1px solid var(--k-border);border-radius:var(--k-radius);box-shadow:var(--k-shadow);overflow:hidden}.k-modal__header,.k-modal__footer{flex:0 0 auto;padding:12px 16px;background:#f8fafc;display:flex;gap:20px}.k-modal__header{display:flex;align-items:center;justify-content:space-between}.k-modal__title{font-size:16px;font-weight:700;margin:0}.k-modal__body{flex:1 1 auto;overflow:auto;padding:14px 16px;background:#fff}.k-modal__footer .k-actions{display:flex;gap:8px;justify-content:flex-end;align-items:center}@media (max-width: 480px){.k-modal{padding:10px}.k-modal__dialog{width:calc(100vw - 20px);max-height:88vh}}@supports (padding: max(0px)){.k-modal__footer{padding-bottom:max(12px,env(safe-area-inset-bottom))}}.k-alert--inline{padding:8px 10px;border-radius:8px;border:1px solid #fecaca;background:#fff1f2;color:#991b1b;font-size:14px}.k-btn--ghost{width:fit-content;background:transparent;border:1px solid var(--k-border)}.k-btn .btn-spinner{display:none;width:16px;height:16px;margin-left:8px;border-radius:50%;border:2px solid rgba(0,0,0,.15);border-top-color:currentColor;animation:kspin .9s linear infinite}.k-btn.is-loading .btn-label{opacity:.6}.k-btn.is-loading .btn-spinner{display:inline-block}.k-btn.is-loading{pointer-events:none}.k-card--sub{border:1px solid var(--line);border-radius:12px;margin-bottom:12px}.k-card__header--sub{padding:10px 12px;font-weight:700;color:var(--muted);border-bottom:1px solid var(--line)}.k-card__body{padding:12px}.k-modal[aria-hidden=false]{display:flex;justify-content:center}.k-status{display:inline-flex;align-items:center;gap:8px;font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid var(--line)}.k-dot{width:6px;height:6px;border-radius:50%;background:var(--muted)}.k-status--pending .k-dot{background:var(--warn)}.k-status--approved .k-dot{background:var(--good)}.k-status--rejected .k-dot{background:var(--err)}.k-header-row{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:14px 16px;border:1px solid var(--k-border);border-radius:var(--k-radius);background:var(--k-panel);box-shadow:var(--k-shadow);margin-bottom:16px}.k-header-row__title{margin:0 0 6px;font-size:22px}.k-header-row__actions{display:flex;gap:8px}h1,h2,h3,h4,h5{margin:0}