*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'DM Sans',sans-serif;background:#0C0E14;color:#F8FAFC;overflow-x:hidden}
h1,h2,h3,h4,h5,h6{font-family:'Outfit',sans-serif}
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:#141720}
::-webkit-scrollbar-thumb{background:#334155;border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:#475569}
.sidebar{transition:width .3s ease,transform .3s ease}
.sidebar.collapsed{width:70px}
.sidebar.collapsed .nav-label{display:none}
.sidebar.collapsed .logo-text{display:none}
.page-enter{animation:pageIn .35s ease-out}
@keyframes pageIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes pulse-glow{0%,100%{box-shadow:0 0 8px rgba(245,158,11,.3)}50%{box-shadow:0 0 20px rgba(245,158,11,.6)}}
@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
.shimmer{background:linear-gradient(90deg,transparent 25%,rgba(245,158,11,.08) 50%,transparent 75%);background-size:200% 100%;animation:shimmer 2s infinite}
.float-anim{animation:float 3s ease-in-out infinite}
.card-hover{transition:all .25s ease}
.card-hover:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.3)}
.btn-brand{background:linear-gradient(135deg,#F59E0B,#D97706);color:#0C0E14;font-weight:600;transition:all .2s}
.btn-brand:hover{background:linear-gradient(135deg,#FBBF24,#F59E0B);transform:translateY(-1px);box-shadow:0 4px 15px rgba(245,158,11,.3)}
.input-dark{background:#1E293B;border:1px solid #334155;color:#F8FAFC;transition:border-color .2s}
.input-dark:focus{border-color:#F59E0B;outline:none;box-shadow:0 0 0 3px rgba(245,158,11,.15)}
.input-dark::placeholder{color:#64748B}
.badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:9999px;font-size:.75rem;font-weight:600}
.badge-active{background:rgba(16,185,129,.15);color:#10B981}
.badge-paused{background:rgba(245,158,11,.15);color:#F59E0B}
.badge-ended{background:rgba(239,68,68,.15);color:#EF4444}
.toast{position:fixed;top:20px;right:20px;z-index:9999;animation:toastIn .3s ease}
@keyframes toastIn{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}
.glass{background:rgba(20,23,32,.7);backdrop-filter:blur(12px);border:1px solid rgba(51,65,85,.5)}
.stat-card{position:relative;overflow:hidden}
.stat-card::before{content:'';position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(245,158,11,.06) 0%,transparent 70%);pointer-events:none}
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center}
.landing-bg{background:linear-gradient(135deg,#0C0E14 0%,#1a1c2e 50%,#0C0E14 100%)}
.tab-active{color:#F59E0B;border-bottom:2px solid #F59E0B}
.tab-inactive{color:#94A3B8;border-bottom:2px solid transparent}
.tab-inactive:hover{color:#F8FAFC}
@media(max-width:768px){.sidebar{position:fixed;z-index:50;transform:translateX(-100%)}.sidebar.mobile-open{transform:translateX(0)}}