:root{--bg-main:#0f172a;--bg-card:rgba(17,24,39,.88);--bg-elevated:#111827;--line:rgba(148,163,184,.2);--text-main:#e5e7eb;--text-muted:#94a3b8;--primary:#3b82f6;--danger:#ef4444;--success:#10b981}*{box-sizing:border-box}body{background:linear-gradient(180deg,#0b1220 0,var(--bg-main) 100%);color:var(--text-main);margin:0}.page-card{background:var(--bg-card);border:1px solid var(--line);border-radius:14px;padding:14px}.ui-button{background:var(--primary);border:0;border-radius:8px;color:#fff;cursor:pointer;padding:8px 12px}.ui-button.secondary{background:#334155}.ui-button.danger{background:var(--danger)}.ui-input,.ui-select,.ui-textarea{background:var(--bg-elevated);border:1px solid var(--line);border-radius:8px;color:var(--text-main);outline:none;padding:8px 10px;width:100%}.ui-input:focus,.ui-select:focus,.ui-textarea:focus{border-color:#3b82f6bf;box-shadow:0 0 0 2px #3b82f633}.cards-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.record-card{background:#1e293bcc;border:1px solid var(--line);border-radius:12px;display:grid;gap:8px;padding:12px}.record-actions{display:flex;gap:8px}.modal-overlay{align-items:center;background:#020617b3;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.modal{background:#0f172a;border:1px solid var(--line);border-radius:14px;display:grid;gap:10px;padding:14px;width:min(760px,100%)}.modal-actions{display:flex;gap:8px;justify-content:flex-end}@media(max-width:900px){.cards-grid{grid-template-columns:1fr}}.app-shell[data-v-e640247f]{background:linear-gradient(180deg,#0f172a,#111827);color:#e5e7eb;font-family:Inter,Segoe UI,Arial,sans-serif;min-height:100vh;padding:12px}.top-nav[data-v-e640247f]{align-items:center;background:#111827e6;border:1px solid rgba(148,163,184,.2);border-radius:12px;display:grid;gap:16px;grid-template-columns:auto 1fr;margin-bottom:12px;padding:10px}.brand-title[data-v-e640247f]{font-size:18px;font-weight:700}.brand-subtitle[data-v-e640247f]{color:#94a3b8;font-size:12px}.menu[data-v-e640247f]{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.nav-item[data-v-e640247f]{border-radius:8px;color:#cbd5e1;padding:6px 10px;text-decoration:none}.nav-item[data-v-e640247f]:hover{background:#3b82f633;color:#fff}@media(max-width:900px){.top-nav[data-v-e640247f]{grid-template-columns:1fr}.menu[data-v-e640247f]{justify-content:flex-start}}