@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background:#f8fafc;color:#0f172a;line-height:1.5;min-height:100vh;margin:0;padding:0;overflow-x:hidden;overflow-y:auto!important}app-root{display:block;min-height:100vh}:root{--ink: #232323;--ink-soft: #3a3a3a;--muted: #8d8d8d;--muted-2: #6e6e6e;--line: #e4e2de;--line-2: #dedbd5;--yellow: #f7d45c;--yellow-deep: #f2c94c;--yellow-soft: #fce9a4;--dark: #262626;--dark-2: #333333;--card: #f4f3f0;--white: #ffffff;--green: #e6f3d8;--green-ink: #4e7a2c;--purple: #ebe6fb;--purple-ink: #6a5ac9;--red: #fde8e8;--red-ink: #c81e1e;--blue: #e0f2fe;--blue-ink: #0369a1;--brand-primary: #f7d45c;--brand-primary-hover: #f2c94c;--brand-secondary: #262626;--status-success: #4e7a2c;--status-success-bg: #e6f3d8;--status-error: #c81e1e;--status-error-bg: #fde8e8;--status-warning: #f2c94c;--status-warning-bg: #fce9a4;--status-info: #0369a1;--status-info-bg: #e0f2fe;--status-queued: #6e6e6e;--status-queued-bg: #ededec;--bg-app: #d9d8d5;--bg-sidebar: #ffffff;--bg-card: #f4f3f0;--bg-card-hover: #ffffff;--glass-bg: #ffffff;--glass-border: #e4e2de;--glass-blur: none;--glass-shadow: 0 1px 2px rgba(0, 0, 0, .03);--glow-indigo: 0 2px 10px rgba(0, 0, 0, .06);--glow-green: 0 2px 10px rgba(78, 122, 44, .15);--glow-red: 0 2px 10px rgba(200, 30, 30, .15);--glow-blue: 0 2px 10px rgba(3, 105, 161, .15);--glow-yellow: 0 2px 10px rgba(247, 212, 92, .25);--border-subtle: #f4f3f0;--border-default: #e4e2de;--border-strong: #dedbd5;--text-main: #232323;--text-muted: #6e6e6e;--text-dim: #8d8d8d;--space-0: 0px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px;--radius-full: 9999px;--font-mono: "JetBrains Mono", monospace;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0f172a4d;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:var(--radius-full);border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#fff3;border:2px solid transparent;background-clip:content-box}.app-container{max-width:1300px;width:100%;margin-left:auto;margin-right:auto;padding-left:var(--space-6);padding-right:var(--space-6)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-1{flex:1}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.m-0{margin:0}.p-0{padding:0}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.brand-logo-img{max-width:100%;max-height:100%;object-fit:contain;display:block}.dashboard-sidebar{width:240px;flex-shrink:0;height:100vh;display:flex;flex-direction:column;background:var(--bg-sidebar);border-right:1px solid var(--glass-border);z-index:100;transition:width var(--transition-base),transform var(--transition-base)}.dashboard-sidebar.sidebar-collapsed{width:80px}.dashboard-sidebar.sidebar-collapsed .sidebar-header{padding:var(--space-8) 0;justify-content:center}.dashboard-sidebar.sidebar-collapsed .sidebar-header .brand-text{display:none}.dashboard-sidebar.sidebar-collapsed .sidebar-header .logo-box{margin:0}.dashboard-sidebar.sidebar-collapsed .nav-item{justify-content:center;padding:var(--space-3)}.dashboard-sidebar.sidebar-collapsed .nav-item span:not(.material-icons){display:none}.dashboard-sidebar.sidebar-collapsed .nav-item .material-icons{margin:0;font-size:24px}.dashboard-sidebar.sidebar-collapsed .user-profile{justify-content:center}.dashboard-sidebar.sidebar-collapsed .user-profile .user-info,.dashboard-sidebar.sidebar-collapsed .user-profile .logout-mini{display:none}@media(max-width:1024px){.dashboard-sidebar{position:fixed;left:0;top:0;transform:translate(0)}.dashboard-sidebar.mobile-hidden{transform:translate(-100%)}}.sidebar-header{padding:var(--space-6) var(--space-5);border-bottom:1px solid var(--border-default)}.sidebar-header .branding{display:flex;align-items:center;gap:var(--space-3)}.sidebar-header .branding .logo-box{width:38px;height:38px;background:linear-gradient(135deg,#4f46e5,#0284c7);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:5px;box-shadow:0 4px 12px #4f46e533}.sidebar-header .branding .brand-text{display:flex;flex-direction:column;line-height:1.1}.sidebar-header .branding .brand-text .brand-name{font-weight:800;font-size:1.15rem;color:#0f172a;letter-spacing:-.5px}.sidebar-header .branding .brand-text .brand-sub{font-size:.65rem;color:#64748b;text-transform:uppercase;letter-spacing:1px;font-weight:700}.sidebar-nav{flex:1;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.sidebar-nav .nav-item{display:flex;align-items:center;gap:var(--space-3);padding:.6rem var(--space-4);color:#475569;text-decoration:none;border-radius:var(--radius-sm);font-weight:600;font-size:.9rem;transition:all var(--transition-base)}.sidebar-nav .nav-item .material-icons{font-size:20px;color:#64748b}.sidebar-nav .nav-item:hover{color:#0f172a;background:#f1f5f9}.sidebar-nav .nav-item:hover .material-icons{color:var(--brand-primary)}.sidebar-nav .nav-item.active{color:#fff;background:var(--brand-primary);box-shadow:0 4px 12px #4f46e540}.sidebar-nav .nav-item.active .material-icons{color:#fff}.sidebar-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-default)}.sidebar-footer .user-profile{display:flex;align-items:center;gap:var(--space-3)}.sidebar-footer .user-profile .avatar{width:34px;height:34px;background:linear-gradient(135deg,#4f46e5,#0284c7);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;color:#fff}.sidebar-footer .user-profile .user-info{flex:1;display:flex;flex-direction:column;line-height:1.2}.sidebar-footer .user-profile .user-info .u-name{font-size:.85rem;font-weight:600;color:#0f172a}.sidebar-footer .user-profile .user-info .u-role{font-size:.7rem;color:#64748b;font-weight:500}.sidebar-footer .user-profile .logout-mini{background:transparent;border:none;color:#94a3b8;cursor:pointer;display:flex;align-items:center;padding:6px;border-radius:6px;transition:all .2s}.sidebar-footer .user-profile .logout-mini:hover{color:var(--status-error);background:#fee2e2}.sidebar-footer .user-profile .logout-mini .material-icons{font-size:18px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:1000px;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn var(--transition-slow) ease-out}@media print{body{background:#fff;color:#000}.no-print{display:none!important}}