@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;600;700&display=swap";:root{--bg-base:#0d0f16;--bg-surface:#161822;--bg-surface-elevated:#21222c;--bg-surface-hover:#252837;--text-primary:#f6f7f9;--text-secondary:#a7afbe;--text-muted:#737b8c;--accent-primary:#884cff;--accent-secondary:#d3f;--accent-gradient:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));--accent-muted:#884cff26;--status-success:#2eb873;--status-success-bg:#2eb8731a;--status-warning:#f2a60d;--status-warning-bg:#f2a60d1a;--status-danger:#d92644;--status-danger-bg:#d926441a;--border-subtle:#ffffff14;--border-focus:#884cff66;--shadow-sm:0 4px 12px #0003;--shadow-md:0 8px 32px #0006;--shadow-glow:0 0 20px #884cff33;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.3s cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,system-ui,sans-serif;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-family:Outfit,Inter,sans-serif;font-weight:600;line-height:1.2}a{color:var(--accent-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{text-decoration:underline}.bento-layout{gap:var(--space-4);padding:var(--space-4);grid-template-columns:repeat(12,1fr);max-width:1400px;margin:0 auto;display:grid}.bento-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);transition:transform var(--transition-smooth), border-color var(--transition-smooth), box-shadow var(--transition-smooth);position:relative;overflow:hidden}.bento-card:before{content:"";background:radial-gradient(circle at 50% -20%, var(--accent-muted), transparent 60%);opacity:0;transition:opacity var(--transition-smooth);pointer-events:none;position:absolute;inset:0}.bento-card:hover{border-color:var(--border-focus);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.bento-card:hover:before{opacity:1}.span-4,.span-6,.span-8,.span-12{grid-column:span 12}@media (width>=768px){.span-4,.span-6{grid-column:span 6}.span-8{grid-column:span 12}}@media (width>=1024px){.span-4{grid-column:span 4}.span-6{grid-column:span 6}.span-8{grid-column:span 8}}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;font-size:.9rem;font-weight:500;display:inline-flex}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 15px var(--accent-muted)}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-primary:active{transform:translateY(1px)}.btn-secondary{background-color:var(--bg-surface-elevated);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary:hover{background-color:var(--bg-surface-hover);border-color:var(--text-muted)}.input-field{background-color:var(--bg-surface-elevated);border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);padding:var(--space-3);border-radius:var(--radius-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);font-family:inherit;font-size:.95rem}.input-field:focus{border-color:var(--accent-primary);background-color:var(--bg-surface);box-shadow:0 0 0 3px var(--accent-muted);outline:none}.input-label{color:var(--text-secondary);margin-bottom:var(--space-2);font-size:.85rem;font-weight:500;display:block}.data-table-wrapper{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%}.data-table th,.data-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle)}.data-table th{background-color:var(--bg-surface-elevated);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:.8rem;font-weight:600}.data-table tr{transition:background-color var(--transition-fast)}.data-table tbody tr:hover{background-color:var(--bg-surface-hover)}.data-table tbody tr:last-child td{border-bottom:none}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{background:var(--status-success-bg);color:var(--status-success)}.badge-warning{background:var(--status-warning-bg);color:var(--status-warning)}.badge-danger{background:var(--status-danger-bg);color:var(--status-danger)}.badge-neutral{background:var(--bg-surface-elevated);color:var(--text-secondary)}.app-container{height:100vh;display:flex;overflow:hidden}.app-sidebar{background-color:var(--bg-surface);border-right:1px solid var(--border-subtle);width:250px;padding:var(--space-4) 0;flex-direction:column;flex-shrink:0;display:flex}.app-main{background-color:var(--bg-base);padding-bottom:var(--space-12);flex:1;overflow-y:auto}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--bg-surface-elevated);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s cubic-bezier(.2,.8,.2,1) forwards fadeIn}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton{background-color:var(--bg-surface-elevated);border-radius:var(--radius-sm);position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff0d 50%,#0000 100%);animation:2s infinite shimmer;position:absolute;inset:0}