@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&family=Spectral:wght@500;600&display=swap";:root{--bg: #f4f2ef;--bg-strong: #ebe7e1;--ink: #0b1b20;--muted: #607078;--muted-2: #8a98a0;--brand: #0b5c69;--brand-2: #0f7d7f;--accent: #f4b34a;--danger: #d55c5c;--success: #2f9c6b;--card: #ffffff;--line: #e1dbd2;--shadow: 0 20px 50px -30px rgba(8, 22, 28, .55);--radius: 18px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Plus Jakarta Sans,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at 20% 20%,#ffffff,var(--bg))}a{color:inherit;text-decoration:none}#root{height:100%}.app-shell{display:grid;grid-template-columns:92px 1fr;height:100%;background:var(--bg)}.sidebar{background:#fff;border-right:1px solid var(--line);padding:20px 0;display:flex;flex-direction:column;align-items:center;gap:26px}.brand-mark{width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,var(--brand),var(--brand-2));display:grid;place-items:center;color:#fff;font-weight:700;font-size:1.1rem}.nav-stack{display:flex;flex-direction:column;gap:18px}.nav-item{width:64px;display:grid;place-items:center;gap:8px;color:var(--muted-2);font-size:.7rem;text-transform:capitalize;transition:all .2s ease}.nav-item svg{width:26px;height:26px}.nav-item.active{color:var(--brand)}.nav-item.active .nav-icon{background:#0b5c691a;border-radius:16px;padding:10px}.nav-icon{display:grid;place-items:center}.main{display:flex;flex-direction:column;height:100%;overflow:hidden}.topbar{padding:20px 32px;display:flex;align-items:center;justify-content:space-between;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.topbar h1{margin:0;font-size:1.5rem;font-weight:600}.topbar .subtitle{color:var(--muted);font-size:.9rem}.topbar-actions{display:flex;align-items:center;gap:16px}.search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:8px 12px;min-width:260px;box-shadow:0 8px 20px -16px #0000004d}.search input{border:none;outline:none;font-family:inherit;width:100%;font-size:.9rem}.profile{display:flex;align-items:center;gap:12px}.profile-badge{width:38px;height:38px;border-radius:14px;background:#0b1c20;color:#fff;display:grid;place-items:center;font-weight:600}.page{padding:28px 32px 40px;overflow-y:auto}.page-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:20px;gap:16px}.page-title{font-size:1.9rem;margin:0 0 6px;font-weight:600}.page-subtitle{color:var(--muted);margin:0}.action-button{background:var(--brand);color:#fff;border:none;padding:10px 16px;border-radius:12px;font-family:inherit;font-weight:600;cursor:pointer;box-shadow:var(--shadow)}.button-ghost{border:1px solid var(--line);background:#fff;padding:8px 12px;border-radius:12px;cursor:pointer;font-weight:600}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.card{background:var(--card);padding:18px;border-radius:var(--radius);border:1px solid var(--line);box-shadow:0 12px 24px -18px #0006}.card h3{margin:0;font-size:.95rem;color:var(--muted);font-weight:500}.card strong{display:block;font-size:1.6rem;margin-top:10px}.status-card{display:flex;align-items:center;justify-content:space-between;padding:16px;border-radius:16px;border:1px solid var(--line);background:#fff;gap:12px}.status-card .count{font-size:1.7rem;font-weight:700}.status-card .label{color:var(--muted);font-size:.95rem}.status-card .icon{width:40px;height:40px;display:grid;place-items:center;border-radius:14px;background:#0b5c6914}.stat-card{border-radius:18px;border:1px solid var(--line);background:#fff;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer}.stat-card .label{color:var(--muted)}.stat-card .value{font-size:1.6rem;font-weight:700}.table-card{margin-top:20px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.table-card header{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;background:var(--bg-strong);border-bottom:1px solid var(--line)}.table-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:16px}.table-toolbar .left,.table-toolbar .right{display:flex;align-items:center;gap:10px}.table-search{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#f6f4f1}.table-search input{border:none;outline:none;background:transparent;width:220px}.table{width:100%;border-collapse:collapse;font-size:.92rem}.table th,.table td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left}.table th{color:var(--muted);font-weight:600;letter-spacing:.2px;background:#f7f5f1;position:sticky;top:0;z-index:1}.table tbody tr:hover{background:#f8f6f2}.table-actions{display:flex;gap:8px;justify-content:center}.table-pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;color:var(--muted-2);font-size:.9rem}.pagination-group{display:flex;align-items:center;gap:6px}.page-dot{width:30px;height:30px;border-radius:999px;border:1px solid var(--line);background:#fff;cursor:pointer}.page-dot.active{background:var(--brand);color:#fff;border-color:var(--brand)}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:600;background:#0f8a861f;color:var(--brand-2)}.badge.warn{background:#f1b24a33;color:#b46d12}.badge.danger{background:#d55c5c33;color:var(--danger)}.modal-backdrop{position:fixed;inset:0;background:#0b1b2073;display:grid;place-items:center;z-index:100;padding:24px}.modal{background:#fff;border-radius:20px;max-width:720px;width:100%;box-shadow:var(--shadow);overflow:hidden}.modal-header{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.modal-body{padding:18px 20px;max-height:70vh;overflow:auto}.modal-footer{padding:16px 20px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px}.login-shell{min-height:100vh;display:grid;place-items:center;padding:32px;background:linear-gradient(140deg,#0b1c20,#123238 50%,#0f2b30)}.login-card{width:min(420px,100%);background:#fff;border-radius:26px;padding:28px 26px;box-shadow:0 26px 60px -30px #0009}.login-card h1{margin:0 0 6px;font-family:Spectral,serif}.field{display:flex;flex-direction:column;gap:8px;margin-top:16px}.field input,.field select{padding:12px 14px;border-radius:12px;border:1px solid var(--line);font-family:inherit}.helper{font-size:.85rem;color:var(--muted)}.notice{padding:12px 14px;border-radius:12px;background:#fff5e4;color:#9a5d06;font-size:.85rem;margin-top:16px}.empty{text-align:center;padding:60px 20px;color:var(--muted)}@media (max-width: 980px){.app-shell{grid-template-columns:1fr}.sidebar{flex-direction:row;justify-content:space-around;padding:12px}.nav-stack{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px}}@media (max-width: 640px){.topbar{flex-direction:column;align-items:flex-start;gap:12px}.search{width:100%}.table-search input{width:140px}}