@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-dark: #0b1326;--bg-sub: #131b2e;--bg-panel: #171f33;--bg-card: #222a3d;--bg-hover: #2d3449;--bg-surface-lowest: #060e20;--bg-surface-bright: #31394d;--brand-cyan: #a4e6ff;--brand-cyan-dim: #4cd6ff;--brand-blue: #00d1ff;--brand-on-primary: #003543;--brand-tertiary: #b0e3ff;--brand-gradient: linear-gradient(135deg, #a4e6ff 0%, #00d1ff 100%);--brand-glow: 0 0 20px rgba(164, 230, 255, .25), 0 4px 16px rgba(0, 209, 255, .2);--text-main: #dae2fd;--text-muted: #bbc9cf;--text-dim: #6b7a99;--text-inverse: #0b1326;--error: #ffb4ab;--error-container: #93000a;--danger: #ff4d6a;--danger-hover: #e5295c;--success: #4ade80;--warning: #fbbf24;--border-color: #3c494e;--border-ghost: rgba(255, 255, 255, .05);--radius: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--shadow-lumina: 0 4px 24px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .4);--glass-bg: rgba(34, 42, 61, .8);--glass-blur: blur(20px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-dark);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--brand-cyan-dim)}.container{display:flex;min-height:100vh}.sidebar{width:260px;min-width:260px;background-color:var(--bg-surface-lowest);padding:24px 0;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow:hidden;box-shadow:4px 0 24px #0006;z-index:50}.sidebar-header{padding:0 24px;margin-bottom:32px}.sidebar-logo{display:flex;align-items:center;gap:12px;margin-bottom:24px}.sidebar-logo-icon{width:40px;height:40px;border-radius:8px;background:var(--brand-gradient);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #00d1ff33}.sidebar-logo-text{display:flex;flex-direction:column}.sidebar-logo-name{font-size:1.1rem;font-weight:900;color:var(--brand-tertiary);text-transform:uppercase;letter-spacing:.1em}.sidebar-logo-tier{font-size:.6rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--brand-cyan-dim);opacity:.8}.sidebar-btn-primary{width:100%;padding:12px;background:var(--brand-gradient);color:var(--brand-on-primary);font-weight:700;border-radius:8px;border:none;cursor:pointer;box-shadow:0 8px 16px #a4e6ff26;transition:transform .2s,box-shadow .2s}.sidebar-btn-primary:active{transform:scale(.96)}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:8px}.nav-section{display:flex;flex-direction:column;gap:2px;margin-bottom:16px}.nav-section-label{padding:0 24px;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin-bottom:6px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 24px;color:var(--text-dim);font-size:.85rem;font-weight:500;text-decoration:none;transition:all .3s;cursor:pointer;border-left:2px solid transparent}.nav-item:hover,.nav-item.active{background:#a4e6ff0d;color:var(--text-main)}.nav-item.active{border-left-color:var(--brand-cyan-dim);color:var(--brand-cyan-dim);background:#a4e6ff1a;font-weight:600}.nav-item-label{margin-top:1px}.sidebar-footer{border-top:1px solid var(--border-ghost);padding-top:16px;display:flex;flex-direction:column}.nav-item-logout{background:none;border:none;width:100%;text-align:left}.nav-item-logout:hover{color:var(--danger)!important;background:#ff4d6a1a!important}.main-wrapper{flex:1;display:flex;flex-direction:column;min-height:100vh;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 32px;height:64px;min-height:64px;background:#060e20d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:40;box-shadow:0 20px 40px #0006;border-bottom:1px solid var(--border-ghost)}.topbar-left{display:flex;align-items:center;gap:32px}.topbar-title{font-size:1.15rem;font-weight:800;letter-spacing:-.02em;color:var(--brand-tertiary)}.topbar-search{display:flex;align-items:center;gap:10px;background:var(--bg-surface-lowest);border:1px solid transparent;border-radius:999px;padding:8px 16px;min-width:250px;transition:all .2s}.topbar-search:focus-within{border-color:#a4e6ff66;box-shadow:0 0 0 3px #a4e6ff1a}.topbar-search input{background:none;border:none;outline:none;color:var(--text-main);font-size:.85rem;width:100%;font-family:inherit}.topbar-search input::placeholder{color:var(--text-dim)}.topbar-right{display:flex;align-items:center;gap:12px}.topbar-icon-btn{background:transparent;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--text-dim);cursor:pointer;transition:all .2s}.topbar-icon-btn:hover{background:#ffffff0d;color:var(--brand-cyan)}.topbar-divider{width:1px;height:24px;background:var(--border-ghost);margin:0 8px}.topbar-profile{display:flex;align-items:center;gap:12px}.topbar-profile-text{text-align:right}.topbar-profile-name{font-size:.75rem;font-weight:800;color:var(--brand-tertiary);margin-bottom:2px;line-height:1}.topbar-profile-role{font-size:.6rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;font-weight:600;line-height:1}.topbar-avatar-img{width:36px;height:36px;border-radius:50%;border:2px solid rgba(164,230,255,.2);background:var(--brand-gradient);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:800;color:var(--bg-dark);flex-shrink:0}.main-content{flex:1;padding:40px;overflow-y:auto;scroll-behavior:smooth;background:var(--bg-dark)}h1{font-size:2rem;font-weight:800;letter-spacing:-.03em;margin-bottom:6px;color:var(--text-main);line-height:1.1}h2{font-size:1.1rem;font-weight:600;margin-bottom:16px;color:var(--text-main);letter-spacing:-.01em}h3{font-size:.95rem;font-weight:600;color:var(--text-main)}p{color:var(--text-muted);font-size:.9rem}label{display:block;font-size:.78rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.card{background-color:var(--bg-card);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow);transition:box-shadow .3s ease}.card:hover{box-shadow:0 24px 48px #00000080}.card-glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-ghost);border-radius:var(--radius-lg);padding:24px}.btn{background:var(--bg-hover);color:var(--text-main);border:1px solid var(--border-color);padding:10px 20px;border-radius:var(--radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px;font-family:inherit}.btn:hover{border-color:var(--border-ghost);color:var(--brand-cyan);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--brand-gradient);border:none;color:var(--bg-dark);font-weight:700;box-shadow:var(--brand-glow);letter-spacing:.01em}.btn-primary:hover{opacity:.92;box-shadow:0 0 28px #a4e6ff59,0 6px 20px #00d1ff4d;color:var(--bg-dark);transform:translateY(-2px)}.btn-danger{background:#ff4d6a26;border-color:#ff4d6a59;color:var(--danger)}.btn-danger:hover{background:#ff4d6a40;color:var(--danger)}.input-field{width:100%;background:var(--bg-sub);border:1px solid var(--border-color);color:var(--text-main);padding:11px 14px;border-radius:var(--radius);outline:none;font-size:.9rem;font-family:inherit;transition:border-color .2s,box-shadow .2s}.input-field:focus{border-color:var(--brand-cyan);box-shadow:0 0 0 3px #a4e6ff1a}.input-field::placeholder{color:var(--text-dim)}select.input-field{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23bbc9cf' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}table{width:100%;border-collapse:separate;border-spacing:0}th{color:var(--text-dim);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;padding:12px 16px;border-bottom:1px solid var(--border-color)}td{padding:14px 16px;font-size:.88rem;border-bottom:1px solid rgba(60,73,78,.2);transition:background-color .15s ease}tbody tr{transition:background-color .15s ease}tbody tr:hover td{background-color:#a4e6ff08;color:var(--text-main)}.badge{padding:3px 10px;border-radius:20px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;display:inline-flex;align-items:center;gap:5px}.badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.badge.running{background:#a4e6ff1f;color:var(--brand-cyan)}.badge.paused{background:#fbbf241f;color:var(--warning)}.badge.cancelled{background:#ff4d6a1f;color:var(--danger)}.badge.completed{background:#4ade801f;color:var(--success)}.badge.pending{background:#a4e6ff14;color:var(--text-muted)}.badge.sent{background:#4ade801f;color:var(--success)}.badge.failed{background:#ff4d6a1f;color:var(--danger)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 6px #a4e6ff4d}50%{box-shadow:0 0 16px #a4e6ff99}}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .3s ease forwards}