:root{--bg:#0b0f19;--panel:#111827;--panel-2:#0f172a;--muted:#9aa4b2;--brand:#8b5cf6;--accent:#22d3ee;--ring:#334155;--panel-3:#0b1220;--danger:#ef4444;--success:#22c55e}.dash-root{background:var(--bg);color:#fff;grid-template-columns:260px 1fr;height:100vh;display:grid}.dash-sidebar{background:linear-gradient(180deg,var(--panel),var(--panel-2));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-right:1px solid #1f2937;padding:16px;position:relative}.dash-sidebar h2{margin:0 0 12px;font-size:18px}.dash-sidebar nav{gap:8px;display:grid}.dash-sidebar a,.dash-sidebar .sidebar-item{color:var(--muted);appearance:none;background:0 0;border:none;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;transition:background .2s,color .2s,transform .2s;display:flex}.dash-sidebar a:hover,.dash-sidebar .sidebar-item:hover{color:#fff;background:#1a2333;transform:translate(2px)}.sidebar-account{background:#0f1624;border:1px solid #1f2937;border-radius:12px;align-items:center;gap:10px;margin-bottom:8px;padding:10px 12px;display:flex}.sidebar-logo{color:#8b5cf6;background:#1e2a44;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.sidebar-account-text .title{font-weight:600}.sidebar-account-text .subtitle{color:var(--muted);font-size:12px}.sidebar-chevron{color:var(--muted);margin-left:auto}.sidebar-scroll{flex-direction:column;gap:12px;max-height:calc(100vh - 160px);padding-right:4px;display:flex;overflow:auto}.sidebar-section{flex-direction:column;gap:8px;display:flex}.sidebar-section-label{color:#ffffffb3;padding:0 4px;font-size:12px}.sidebar-menu{flex-direction:column;gap:6px;display:flex}.sidebar-icon{color:#cbd5e1;width:18px;height:18px}.sidebar-user{background:#0f1624;border:1px solid #1f2937;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex;position:absolute;bottom:12px;left:16px;right:16px}.sidebar-user .avatar img{object-fit:cover;border-radius:999px;width:28px;height:28px}.sidebar-user .name{font-weight:600}.sidebar-user .mail{color:var(--muted);font-size:12px}.dash-content{grid-template-rows:64px 1fr;display:grid}.dash-header{z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#111827d9;border-bottom:1px solid #1f2937;align-items:center;padding:0 16px;display:flex;position:sticky;top:0}.dash-header .title{letter-spacing:.3px;font-weight:600}.dash-main{padding:20px;overflow:auto}.page-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.page-title{font-size:20px;font-weight:600}.page-actions{gap:8px;display:flex}.card{background:linear-gradient(#11182799,#111827e6),radial-gradient(1200px 600px at 10% 10%,#8b5cf614,#0000 40%);border:1px solid #1f2937;border-radius:16px;padding:16px;transition:transform .2s,box-shadow .2s,border-color .2s;box-shadow:0 1px #0b1220,0 8px 24px #00000040}.card:hover{border-color:#263244;transform:translateY(-1px);box-shadow:0 1px #0b1220,0 12px 28px #00000059}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid #1f2937;padding:12px}.table thead th{color:#cbd5e1;font-weight:600}.table tbody tr:hover{background:#02061759}.list{flex-direction:column;gap:10px;display:flex}.list-item{background:#0f1624;border:1px solid #1f2937;border-radius:12px;justify-content:space-between;align-items:center;padding:12px;display:flex}.list-item:hover{background:#121a2b;border-color:#2a3a55}.item-title{font-weight:600}.item-sub{color:var(--muted);font-size:12px}.item-actions{gap:8px;display:flex}.toolbar{gap:10px;margin-bottom:12px;display:flex}.segmented{gap:8px;margin:8px 0 12px;display:flex}.muted{color:var(--muted);font-size:12px}.form-layout{grid-template-columns:1.2fr 1fr;align-items:start;gap:16px;display:grid}.panel{background:#0f1624;border:1px solid #1f2937;border-radius:12px;padding:12px}.panel h4{color:#cbd5e1;margin:0 0 8px;font-size:14px}.field-row{grid-template-columns:1fr 140px 100px auto;align-items:center;gap:8px;display:grid}.field-row .remove{color:#cbd5e1;background:0 0;border:1px solid #263244}.input,.select,.button{color:#fff;background:#0f1624;border:1px solid #1f2937;border-radius:12px;padding:10px 12px;transition:border-color .2s,box-shadow .2s,transform 80ms}.input:focus,.select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #22d3ee26}.select{appearance:none;padding-right:40px}.button{cursor:pointer}.button:hover{border-color:#2a3a55}.button:active{transform:translateY(1px)}.button.primary{background:linear-gradient(#23324a,#101827);border-color:#2a3a55;box-shadow:inset 0 0 0 1px #1f2b3f,0 8px 16px #00000040}.button.danger{background:linear-gradient(#2a1a1a,#170e0e);border-color:#3b1f1f}.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#02061799;place-items:center;animation:.2s fadeIn;display:grid;position:fixed;inset:0}.modal-card{transform-origin:50%;animation:none}.modal-card:hover{transform:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.98)translateY(4px)}to{opacity:1;transform:scale(1)translateY(0)}}.stat{justify-content:space-between;align-items:center;display:flex}.stat .value{font-size:28px;font-weight:600}.chip{color:#cbd5e1;background:#0f1624;border:1px solid #1f2937;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;display:inline-flex}.sparkline{width:100%;height:32px}.input-affix{display:block;position:relative}.input-affix .input,.input-affix .select{width:100%;padding-right:40px}.affix-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.affix-btn:hover{color:#fff;background:#1a2333}.affix-icon{color:var(--muted);pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.input[type=datetime-local]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert()brightness(1.2);opacity:.85}