:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#edf2ff;background:radial-gradient(circle at 0 0,#ffa5003d,#0000 34%),radial-gradient(circle at 100% 0,#4169e147,#0000 30%),linear-gradient(#0e1222 0%,#10182e 52%,#0b1020 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}html,body,#root{min-height:100%}body{margin:0}button,input,textarea{font:inherit}.page-shell{min-height:100vh;padding:32px 20px;position:relative;overflow:hidden}.ambient{filter:blur(12px);opacity:.6;pointer-events:none;border-radius:999px;position:absolute}.ambient-one{background:#2ec4b62e;width:26rem;height:26rem;top:-8rem;left:-8rem}.ambient-two{background:#ffb74d2e;width:30rem;height:30rem;bottom:-12rem;right:-10rem}.dashboard{z-index:1;gap:20px;max-width:1280px;margin:0 auto;display:grid;position:relative}.hero-card,.panel,.stat-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0d1327b8;border:1px solid #ffffff14;box-shadow:0 24px 60px #00000047}.hero-card{border-radius:28px;justify-content:space-between;align-items:end;gap:20px;padding:28px;display:flex}.eyebrow,.panel-kicker{text-transform:uppercase;letter-spacing:.16em;color:#86efac;margin:0 0 10px;font-size:.74rem}.hero-card h1{max-width:12ch;margin:0;font-size:clamp(2rem,4vw,4.25rem);line-height:.98}.hero-copy{color:#edf2ffb8;max-width:60ch;margin:14px 0 0;font-size:1.02rem}.status-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.stat-card{border-radius:22px;flex-direction:column;gap:8px;padding:18px 20px;display:flex}.stat-card span,.table-count{color:#edf2ff9e;font-size:.9rem}.stat-card strong{font-size:1.45rem}.stat-positive strong{color:#86efac}.content-grid{grid-template-columns:minmax(320px,420px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.panel{border-radius:26px;padding:24px}.panel-header{justify-content:space-between;align-items:start;gap:16px;margin-bottom:20px;display:flex}.panel-header h2{margin:0;font-size:1.35rem}.record-form{gap:16px;display:grid}.record-form label{color:#edf2ffd1;gap:8px;font-size:.95rem;display:grid}.record-form input,.record-form textarea{color:#edf2ff;background:#080c17c2;border:1px solid #ffffff1f;border-radius:16px;outline:none;padding:14px 15px;transition:border-color .2s,transform .2s,box-shadow .2s}.record-form input:focus,.record-form textarea:focus{border-color:#86efaccc;box-shadow:0 0 0 4px #86efac1f}.record-form textarea{resize:vertical;min-height:120px}.form-actions,.row-actions{flex-wrap:wrap;gap:10px;display:flex}button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#22c55e 100%);border:0;border-radius:999px;padding:12px 18px;font-weight:700;transition:transform .18s,box-shadow .18s,opacity .18s}button:hover{transform:translateY(-1px);box-shadow:0 16px 34px #0000003d}button:disabled{opacity:.6;cursor:wait;transform:none}.secondary,.secondary-button,.ghost-button,.action-button,.danger-button{box-shadow:none;background:#ffffff0f}.secondary:hover,.secondary-button:hover,.ghost-button:hover,.action-button:hover,.danger-button:hover{box-shadow:none}.danger-button{color:#fecaca}.ghost-button{color:#cbd5e1}.table-panel{overflow:hidden}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #ffffff14;padding:14px 12px}th{color:#edf2ffad;text-transform:uppercase;letter-spacing:.08em;font-size:.82rem}td{color:#f8fafc}.notes-cell{color:#edf2ffc2;max-width:240px}.empty-state{color:#edf2ffa3;text-align:center;padding:28px 12px}.feedback{border-radius:16px;margin-top:18px;padding:14px 16px;font-weight:600}.feedback-success{color:#bbf7d0;background:#22c55e24}.feedback-error{color:#fecaca;background:#f8717124}.info-panel{justify-content:space-between;align-items:center;gap:20px;display:flex}.db-info{background:#ffffff0d;border-radius:18px;min-width:260px;padding:16px 18px}.db-info p{color:#edf2ffd1;margin:8px 0}.db-connected{color:#86efac;font-weight:700}.db-error{color:#fca5a5;font-weight:700}.loading{color:#c4b5fd;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}@media (width<=980px){.hero-card,.info-panel,.content-grid,.status-grid{grid-template-columns:1fr}.hero-card,.info-panel{display:grid}}@media (width<=640px){.page-shell{padding:18px 14px 28px}.panel,.hero-card{border-radius:20px;padding:18px}.hero-card h1{max-width:100%}.form-actions,.row-actions{flex-direction:column}button{width:100%}}