:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#1f2937;background:#f3f4f6;line-height:1.5;--nav-height: 64px;--nav-top: 16px;--nav-offset: calc(var(--nav-height) + var(--nav-top) + 24px)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}.auth-shell,.dashboard-shell{min-height:100vh;padding:24px}.dashboard-shell{padding-top:var(--nav-offset)}.auth-shell{display:grid;place-items:center}.auth-card,.panel{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 8px 24px #0000000f}.auth-card{width:min(420px,100%);padding:32px}.eyebrow{margin:0 0 12px;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;color:#6366f1}h1,h2,p{margin-top:0}.auth-form{display:grid;gap:16px;margin-top:24px}.auth-form label,.admin-form label{display:grid;gap:8px;font-size:.9rem;color:#374151}input,select{width:100%;padding:10px 12px;border-radius:10px;border:1px solid #d1d5db;background:#fff;color:#1f2937}input[type=checkbox]{width:auto}button{padding:10px 18px;border:0;border-radius:10px;background:#6366f1;color:#fff;cursor:pointer;font-weight:600}button:disabled{opacity:.6;cursor:wait}.secondary-button{background:transparent;color:#374151;border:1px solid #d1d5db}.danger-button{background:#dc2626;color:#fff}.error-text{color:#dc2626;margin:12px 0}.file-upload-button{display:inline-flex;align-items:center;padding:8px 14px;border-radius:8px;background:#2563eb;color:#fff;font-size:.9rem;cursor:pointer}.file-upload-button input[type=file]{display:none}.import-preview{margin:16px 0;padding:16px;border:1px solid #d1d5db;border-radius:10px;background:#f9fafb}.import-preview h2{margin:0 0 12px;font-size:1rem}.top-nav{position:fixed;top:var(--nav-top);left:24px;right:24px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 20px;height:var(--nav-height);background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 8px 24px #0000000f}.top-nav-brand{font-size:1.05rem;font-weight:700;color:#1f2937}.top-nav-links{display:flex;gap:8px;flex:1;justify-content:center}.nav-link{padding:8px 14px;border-radius:10px;color:#374151;text-decoration:none;font-weight:500}.nav-link.is-current{background:#eef2ff;color:#4338ca}.panel{padding:24px}.panel-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:20px}.tab-row{display:flex;gap:10px}.admin-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:24px;align-items:end}.data-table{display:grid;gap:6px}.data-table-head,.data-table-row{display:grid;align-items:center;gap:12px;padding:10px 12px}.data-table-row-3{grid-template-columns:minmax(160px,2fr) minmax(100px,1fr) minmax(160px,1fr)}.data-table-row-4{grid-template-columns:repeat(3,minmax(100px,1fr)) minmax(160px,1fr)}.data-table-row-6{grid-template-columns:minmax(160px,1.5fr) repeat(3,minmax(100px,1fr)) minmax(100px,.7fr) minmax(120px,1fr)}.data-table-row-7{grid-template-columns:minmax(160px,1.5fr) minmax(100px,1fr) repeat(3,minmax(100px,1fr)) minmax(100px,.7fr) minmax(150px,1fr)}.data-table-row-9{grid-template-columns:minmax(160px,1.5fr) minmax(100px,1fr) repeat(5,minmax(100px,1fr)) minmax(100px,.7fr) minmax(150px,1fr)}.data-table-head{color:#6b7280;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.data-table-row{background:#f9fafb;border-radius:10px}.row-actions{display:flex;gap:8px}@media (max-width: 720px){.top-nav{left:12px;right:12px;flex-wrap:wrap;height:auto}.top-nav-links{order:3;width:100%;justify-content:flex-start;flex-wrap:wrap}.data-table-row-3,.data-table-row-4,.data-table-row-6,.data-table-row-7,.data-table-row-9{grid-template-columns:1fr}.data-table-head{display:none}}
