@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root,[data-theme=dark]{--bg-primary:#0a0a0b;--bg-secondary:#121214;--bg-tertiary:#18181b;--bg-elevated:#18181b99;--border-color:#ffffff14;--border-highlight:#ffffff26;--text-primary:#ededed;--text-secondary:#a1a1aa;--text-muted:#71717a;--accent-primary:#3b82f6;--accent-secondary:#8b5cf6;--accent-gradient:linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--accent-glow:#3b82f626;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--shadow-hover:0 10px 30px #0000004d;--sidebar-width:260px;--header-height:70px}[data-theme=light]{--bg-primary:#f4f4f5;--bg-secondary:#fff;--bg-tertiary:#e4e4e7;--bg-elevated:#fffc;--border-color:#09090b14;--border-highlight:#09090b26;--text-primary:#09090b;--text-secondary:#3f3f46;--text-muted:#71717a;--accent-primary:#2563eb;--accent-secondary:#7c3aed;--accent-gradient:linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);--accent-glow:#2563eb26;--shadow-hover:0 10px 30px #00000014}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5}.glass-panel{background:var(--bg-elevated);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:16px}.glass-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;transition:all .3s}.glass-card:hover{border-color:var(--border-highlight);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.btn-primary{background:var(--accent-gradient);color:#fff;cursor:pointer;box-shadow:0 4px 15px var(--accent-glow);border:none;border-radius:8px;padding:10px 20px;font-family:Outfit,sans-serif;font-weight:500;transition:all .3s}.btn-primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 6px 20px #3b82f64d}.btn-secondary-glass{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;border-radius:8px;padding:10px 20px;font-weight:500;transition:all .3s}.btn-secondary-glass:hover{background:var(--bg-elevated);border-color:var(--border-highlight);transform:translateY(-1px)}.btn-danger-glass{color:#f87171;cursor:pointer;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;padding:10px 20px;font-weight:500;transition:all .3s}[data-theme=dark] .btn-danger-glass{color:#fca5a5;background:#ef444426;border:1px solid #ef444466}[data-theme=light] .btn-danger-glass{color:#dc2626;background:#ef44440d;border:1px solid #ef444433}.btn-danger-glass:hover{background:#ef444440;border-color:#ef444480;transform:translateY(-1px)}.input-base{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;outline:none;padding:10px 16px;font-family:Outfit,sans-serif;transition:all .2s}.input-base:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-glow)}.app-container{width:100vw;min-height:100vh;display:flex;overflow:hidden}.main-content{flex-direction:column;flex:1;height:100vh;display:flex}.content-area{flex:1;padding:24px;overflow-y:auto}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}