@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700&display=swap";:root{--cl-primary: #e84393;--cl-primary-light: #fd79a8;--cl-primary-dark: #c0392b;--cl-accent: #f8b739;--cl-accent-rose: #e8a0bf;--cl-bg-deep: #0a0a0f;--cl-bg-base: #12121a;--cl-bg-surface: #1a1a2e;--cl-bg-elevated: #222240;--cl-bg-glass: rgba(30, 30, 60, .6);--cl-text-primary: #f0f0f5;--cl-text-secondary: #a0a0b8;--cl-text-muted: #666680;--cl-border: rgba(255, 255, 255, .06);--cl-border-active: rgba(232, 67, 147, .4);--cl-gradient-primary: linear-gradient(135deg, #e84393, #fd79a8, #fab1a0);--cl-gradient-card: linear-gradient(135deg, rgba(30, 30, 60, .8), rgba(20, 20, 40, .6));--cl-gradient-sidebar: linear-gradient(180deg, #0f0f1a 0%, #1a1a30 50%, #12121e 100%);--cl-shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--cl-shadow-md: 0 4px 20px rgba(0, 0, 0, .4);--cl-shadow-lg: 0 8px 40px rgba(0, 0, 0, .5);--cl-shadow-glow: 0 0 30px rgba(232, 67, 147, .15);--cl-space-xs: 4px;--cl-space-sm: 8px;--cl-space-md: 16px;--cl-space-lg: 24px;--cl-space-xl: 32px;--cl-space-2xl: 48px;--cl-radius-sm: 8px;--cl-radius-md: 12px;--cl-radius-lg: 16px;--cl-radius-xl: 24px;--cl-radius-full: 999px;--cl-font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--cl-font-display: "Outfit", "Inter", sans-serif;--cl-transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--cl-transition-base: .25s cubic-bezier(.4, 0, .2, 1);--cl-transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--cl-sidebar-width: 260px;--cl-header-height: 64px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--cl-font-body);background-color:var(--cl-bg-deep);color:var(--cl-text-primary);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--cl-text-muted);border-radius:var(--cl-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--cl-text-secondary)}.app-layout{display:flex;min-height:100vh}.app-sidebar{width:var(--cl-sidebar-width);background:var(--cl-gradient-sidebar);border-right:1px solid var(--cl-border);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:100;transition:transform var(--cl-transition-base)}.app-main{flex:1;margin-left:var(--cl-sidebar-width);min-height:100vh}.app-header{height:var(--cl-header-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--cl-space-xl);background:#0a0a0fcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--cl-border);position:sticky;top:0;z-index:50}.app-content{padding:var(--cl-space-xl)}.sidebar-brand{padding:var(--cl-space-lg);display:flex;align-items:center;gap:var(--cl-space-md)}.sidebar-brand-icon{width:40px;height:40px;background:var(--cl-gradient-primary);border-radius:var(--cl-radius-md);display:flex;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:var(--cl-shadow-glow)}.sidebar-brand-text{font-family:var(--cl-font-display);font-weight:700;font-size:1.25rem;background:var(--cl-gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-nav{flex:1;padding:var(--cl-space-sm) var(--cl-space-md);display:flex;flex-direction:column;gap:var(--cl-space-xs)}.sidebar-section-title{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--cl-text-muted);padding:var(--cl-space-md) var(--cl-space-md) var(--cl-space-sm)}.sidebar-link{display:flex;align-items:center;gap:var(--cl-space-md);padding:var(--cl-space-sm) var(--cl-space-md);border-radius:var(--cl-radius-sm);color:var(--cl-text-secondary);text-decoration:none;font-size:.875rem;font-weight:500;transition:all var(--cl-transition-fast);cursor:pointer}.sidebar-link:hover{background:#e8439314;color:var(--cl-text-primary)}.sidebar-link.active{background:#e843931f;color:var(--cl-primary-light);box-shadow:inset 3px 0 0 var(--cl-primary)}.sidebar-link-icon{font-size:1.1rem;width:24px;text-align:center}.card{background:var(--cl-gradient-card);border:1px solid var(--cl-border);border-radius:var(--cl-radius-lg);padding:var(--cl-space-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--cl-transition-base)}.card:hover{border-color:var(--cl-border-active);box-shadow:var(--cl-shadow-glow);transform:translateY(-2px)}.card-glass{background:var(--cl-bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--cl-space-lg);margin-bottom:var(--cl-space-xl)}.stat-card{position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;right:0;width:80px;height:80px;border-radius:0 0 0 100%;opacity:.1;background:var(--cl-primary)}.stat-card-value{font-family:var(--cl-font-display);font-size:2rem;font-weight:700;margin-bottom:var(--cl-space-xs)}.stat-card-label{font-size:.85rem;color:var(--cl-text-secondary)}.stat-card-trend{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:var(--cl-radius-full);margin-top:var(--cl-space-sm)}.stat-card-trend.up{background:#00ce8826;color:#00ce88}.stat-card-trend.down{background:#ff475726;color:#ff4757}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--cl-space-sm);padding:var(--cl-space-sm) var(--cl-space-lg);border:none;border-radius:var(--cl-radius-sm);font-family:var(--cl-font-body);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--cl-transition-fast);text-decoration:none}.btn-primary{background:var(--cl-gradient-primary);color:#fff;box-shadow:0 4px 15px #e843934d}.btn-primary:hover{box-shadow:0 6px 25px #e8439380;transform:translateY(-1px)}.btn-secondary{background:var(--cl-bg-elevated);color:var(--cl-text-primary);border:1px solid var(--cl-border)}.btn-secondary:hover{border-color:var(--cl-border-active);background:var(--cl-bg-surface)}.btn-ghost{background:transparent;color:var(--cl-text-secondary)}.btn-ghost:hover{background:#ffffff0d;color:var(--cl-text-primary)}.form-group{margin-bottom:var(--cl-space-lg)}.form-label{display:block;font-size:.85rem;font-weight:500;color:var(--cl-text-secondary);margin-bottom:var(--cl-space-sm)}.form-input{width:100%;padding:var(--cl-space-sm) var(--cl-space-md);background:var(--cl-bg-base);border:1px solid var(--cl-border);border-radius:var(--cl-radius-sm);color:var(--cl-text-primary);font-family:var(--cl-font-body);font-size:.9rem;transition:border-color var(--cl-transition-fast);outline:none}.form-input:focus{border-color:var(--cl-primary);box-shadow:0 0 0 3px #e843931a}.form-input::placeholder{color:var(--cl-text-muted)}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23a0a0b8' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.toggle{position:relative;display:inline-block;width:44px;height:24px}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:var(--cl-bg-elevated);border:1px solid var(--cl-border);border-radius:var(--cl-radius-full);transition:var(--cl-transition-fast)}.toggle-slider:before{content:"";position:absolute;height:18px;width:18px;left:2px;bottom:2px;background:var(--cl-text-secondary);border-radius:50%;transition:var(--cl-transition-fast)}.toggle input:checked+.toggle-slider{background:var(--cl-primary);border-color:var(--cl-primary)}.toggle input:checked+.toggle-slider:before{transform:translate(20px);background:#fff}.badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--cl-radius-full);font-size:.75rem;font-weight:600}.badge-primary{background:#e8439326;color:var(--cl-primary-light)}.badge-success{background:#00ce8826;color:#00ce88}.badge-warning{background:#f8b73926;color:var(--cl-accent)}.badge-danger{background:#ff475726;color:#ff4757}.table-container{overflow-x:auto;border-radius:var(--cl-radius-lg);border:1px solid var(--cl-border)}.table{width:100%;border-collapse:collapse}.table th{text-align:left;padding:var(--cl-space-md);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--cl-text-muted);background:var(--cl-bg-surface);border-bottom:1px solid var(--cl-border)}.table td{padding:var(--cl-space-md);font-size:.875rem;border-bottom:1px solid var(--cl-border)}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:#e8439308}.page-title{font-family:var(--cl-font-display);font-size:1.75rem;font-weight:700;margin-bottom:var(--cl-space-xs)}.page-subtitle{font-size:.9rem;color:var(--cl-text-secondary);margin-bottom:var(--cl-space-xl)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--cl-bg-deep);position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(232,67,147,.12),transparent 70%);top:-100px;right:-100px;animation:float 8s ease-in-out infinite}.login-page:after{content:"";position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(253,121,168,.08),transparent 70%);bottom:-50px;left:-50px;animation:float 10s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(30px,-30px)}}.login-card{width:100%;max-width:420px;padding:var(--cl-space-2xl);background:var(--cl-bg-glass);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);border-radius:var(--cl-radius-xl);box-shadow:var(--cl-shadow-lg);position:relative;z-index:1}.login-logo{text-align:center;margin-bottom:var(--cl-space-xl)}.login-logo-icon{width:64px;height:64px;margin:0 auto var(--cl-space-md);background:var(--cl-gradient-primary);border-radius:var(--cl-radius-lg);display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:var(--cl-shadow-glow)}.login-logo h1{font-family:var(--cl-font-display);font-size:1.5rem;font-weight:700;background:var(--cl-gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-logo p{font-size:.85rem;color:var(--cl-text-muted);margin-top:var(--cl-space-xs)}.login-btn{width:100%;padding:var(--cl-space-md);margin-top:var(--cl-space-md)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.animate-fade-in{animation:fadeIn var(--cl-transition-slow) ease-out}.animate-slide-in{animation:slideInLeft var(--cl-transition-slow) ease-out}@media (max-width: 768px){.app-sidebar{transform:translate(-100%)}.app-sidebar.open{transform:translate(0)}.app-main{margin-left:0}.stat-grid{grid-template-columns:1fr}}