:root{--primary: #3b82f6;--primary-light: #60a5fa;--primary-dark: #1d4ed8;--secondary: #64748b;--accent: #a855f7;--success: #22c55e;--success-light: #4ade80;--warning: #eab308;--danger: #ef4444;--danger-light: #f87171;--bg-dark: #0a0e1a;--bg-card: rgba(15, 23, 42, .95);--bg-card-hover: rgba(30, 41, 59, .98);--bg-glass: rgba(59, 130, 246, .08);--bg-gradient: linear-gradient(135deg, #0a0e1a 0%, #0f172a 50%, #1e293b 100%);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--border-color: rgba(59, 130, 246, .25);--border-glow: rgba(59, 130, 246, .6);--silver: #c0c0c0;--star-color: #fbbf24;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: .5rem;--radius-md: .875rem;--radius-lg: 1.25rem;--radius-xl: 1.75rem;--shadow-sm: 0 2px 10px rgba(0, 0, 0, .5), 0 0 1px rgba(59, 130, 246, .3);--shadow-md: 0 8px 25px rgba(0, 0, 0, .6), 0 0 2px rgba(59, 130, 246, .4);--shadow-lg: 0 15px 50px rgba(0, 0, 0, .7), 0 0 4px rgba(59, 130, 246, .3);--shadow-glow: 0 0 30px rgba(59, 130, 246, .4), 0 0 60px rgba(59, 130, 246, .2);--shadow-card: 0 10px 40px rgba(0, 0, 0, .6), inset 0 1px 0 rgba(255, 255, 255, .05);--shadow-button: 0 4px 15px rgba(59, 130, 246, .4);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1)}:root body.low-perf .floating-orb,:root body.low-perf .glow-line,:root body.low-perf .sparkle{display:none!important}body.low-perf *:not(.avatar-decoration):not(.avatar-decoration-container),body.low-perf *:not(.avatar-decoration):not(.avatar-decoration-container):before,body.low-perf *:not(.avatar-decoration):not(.avatar-decoration-container):after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;text-shadow:none!important;animation:none!important;transition:none!important;will-change:auto!important}body.low-perf .avatar-decoration,body.low-perf .avatar-decoration-container,body.low-perf img.avatar-decoration,body.low-perf div.avatar-decoration{animation:none!important;transition:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important}body.low-perf .avatar-decoration-container{display:flex!important}body.low-perf{background-image:none!important;background-color:var(--bg-dark)}body.low-perf .card,body.low-perf .sidebar,body.low-perf .modal,body.low-perf .toast,body.low-perf .btn-secondary,body.low-perf .stat-card,body.low-perf .form-input,body.low-perf .table-container,body.low-perf .floating-orb,body.low-perf .glow-line,body.low-perf .sparkle,body.low-perf thead{background:var(--bg-card)!important;opacity:1!important;border:1px solid var(--border-color)}body.low-perf .floating-orb,body.low-perf .glow-line,body.low-perf .sparkle{display:none!important}[data-theme=day],[data-mode=light]{--primary: #82e022;--primary-light: #a3f742;--primary-dark: #63b312;--secondary: #2dd4bf;--accent: #eab308;--bg-dark: #f0fdf4;--bg-card: rgba(244, 252, 227, .85);--bg-card-hover: rgba(217, 249, 157, .6);--bg-glass: rgba(236, 252, 203, .7);--bg-gradient: linear-gradient(135deg, #f0fdf4 0%, #ecfccb 100%);--text-primary: #14532d;--text-secondary: #166534;--text-muted: #4ade80;--border-color: #d9f99d;--border-glow: rgba(130, 224, 34, .4);--sidebar-bg: linear-gradient(180deg, #064e3b 0%, #022c22 100%);--sidebar-border: #065f46;--silver: #cbd5e1;--star-color: #82e022;--shadow-sm: 0 1px 3px rgba(130, 224, 34, .1);--shadow-md: 0 4px 6px -1px rgba(130, 224, 34, .1), 0 2px 4px -1px rgba(130, 224, 34, .05);--shadow-lg: 0 10px 15px -3px rgba(130, 224, 34, .1), 0 4px 6px -2px rgba(130, 224, 34, .05);--shadow-glow: 0 0 20px rgba(130, 224, 34, .2);--shadow-card: 0 4px 15px 0 rgba(130, 224, 34, .15);--shadow-button: 0 4px 6px rgba(130, 224, 34, .25)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-dark);background-image:radial-gradient(ellipse 80% 50% at 20% -10%,rgba(124,58,237,.25) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(6,182,212,.15) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(244,63,94,.05) 0%,transparent 70%);color:var(--text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}[data-theme=light] body,[data-mode=light] body{background:var(--bg-dark);background-image:radial-gradient(#a3f742 1px,transparent 1px);background-size:32px 32px;background-attachment:fixed}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--text-primary)}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}a{color:var(--primary-light);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-family:inherit;font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal);outline:none}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:var(--shadow-button)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md),var(--shadow-glow)}.btn-secondary{background:var(--bg-glass);color:var(--text-primary);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--primary)}.btn-success{background:linear-gradient(135deg,var(--success),#059669);color:#fff}.btn-danger{background:linear-gradient(135deg,var(--danger),#dc2626);color:#fff}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:.75rem}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:1rem}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-card);overflow:hidden;transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal);position:relative}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-glow)}.card-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;background:var(--bg-glass)}.card-body{padding:var(--spacing-lg)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;margin-bottom:var(--spacing-sm);font-size:.875rem;font-weight:500;color:var(--text-secondary)}.form-input{width:100%;padding:var(--spacing-md);background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:1rem;transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f133}.form-input::placeholder{color:var(--text-muted)}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#1a1a2e;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px;cursor:pointer}.form-select option{background-color:#1a1a2e;color:#f8fafc;padding:12px}.form-select option:hover,.form-select option:focus,.form-select option:checked{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}select.form-input,select.form-select{background-color:#1a1a2e!important;color:#f8fafc!important}select{border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text-primary);font-size:.85rem;transition:all .2s ease;min-width:80px}select option,select optgroup{background-color:#1e293b;color:#f8fafc;padding:8px 12px}select option:hover,select option:checked{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.modern-data-table th{padding:1rem .5rem;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:2px solid rgba(255,255,255,.05);border-top:none;background:transparent;white-space:nowrap}.modern-data-table td{padding:.6rem .5rem;border-top:1px solid rgba(255,255,255,.02);border-bottom:1px solid rgba(255,255,255,.02);color:var(--text-primary);font-size:.85rem;white-space:nowrap;vertical-align:middle;background:transparent;pointer-events:auto}.modern-data-table tr{background:var(--bg-card);transition:background .2s}.modern-data-table tr:hover td:not(.sticky-col):not(.sticky-col-2){background:#ffffff05!important}.modern-data-table tr.highlight-green td:not(.sticky-col):not(.sticky-col-2){background:#064e3b!important;color:#ecfdf5!important;border-color:#10b98133}.modern-data-table tr.highlight-blue td:not(.sticky-col):not(.sticky-col-2){background:#1e3a8a!important;color:#eff6ff!important;border-color:#3b82f633}.modern-data-table tr.highlight-green input{background:#0003!important;border:1px solid rgba(16,185,129,.3)!important;color:#fff!important}.modern-data-table tr.highlight-green input:focus{border-color:#34d399b3!important;box-shadow:0 0 0 2px #34d39933!important}.modern-data-table tr.highlight-green td.sticky-col,.modern-data-table tr.highlight-green td.sticky-col-2,.modern-data-table tr.highlight-green th:last-child,.modern-data-table tr.highlight-green td:last-child{background:#064e3b!important;color:#ecfdf5!important;border-color:#10b98133}.modern-data-table tr.highlight-blue td.sticky-col,.modern-data-table tr.highlight-blue td.sticky-col-2,.modern-data-table tr.highlight-blue th:last-child,.modern-data-table tr.highlight-blue td:last-child{background:#1e3a8a!important;color:#eff6ff!important;border-color:#3b82f633}.modern-data-table td:first-child{border-left:none;border-radius:0;padding-left:1rem}.modern-data-table th:first-child{padding-left:1rem}.modern-data-table td:last-child{border-right:none;border-radius:0;padding-right:1rem}.modern-data-table th:last-child{padding-right:1rem}.modern-data-table .sticky-col{position:sticky;left:0;z-index:10;background:#1e293b!important;box-shadow:4px 0 10px #0000001a}.modern-data-table .sticky-col-2{position:sticky;left:140px;z-index:10;background:#1e293b!important;box-shadow:4px 0 10px #0000001a}.modern-data-table tr:hover .sticky-col,.modern-data-table tr:hover .sticky-col-2{background:#334155!important}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{background:#0f172a4d;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#94a3b880}.custom-scrollbar::-webkit-scrollbar-corner{background:transparent}.table-container:hover{box-shadow:var(--shadow-md),0 0 15px #7c3aed1a;border-color:var(--border-glow)}table{width:100%;border-collapse:separate;border-spacing:0;font-size:.875rem}thead{background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=light] thead,[data-mode=light] thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}[data-theme=light] th,[data-mode=light] th{color:#0f172a;font-weight:800}th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-weight:700;color:var(--text-primary);text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;border-bottom:1px solid var(--border-color);white-space:nowrap}td{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);vertical-align:middle;transition:all var(--transition-fast)}tbody tr{transition:all var(--transition-normal);position:relative}tbody tr:hover{background:var(--bg-card-hover)}tbody tr:last-child td{border-bottom:none}@keyframes glowPulse{0%{box-shadow:inset 3px 0 0 var(--success),0 0 5px #10b9811a}50%{box-shadow:inset 3px 0 0 var(--success),0 0 15px #10b9814d}to{box-shadow:inset 3px 0 0 var(--success),0 0 5px #10b9811a}}@keyframes glowPulseLoss{0%{box-shadow:inset 3px 0 0 var(--danger),0 0 5px #ef44441a}50%{box-shadow:inset 3px 0 0 var(--danger),0 0 15px #ef44444d}to{box-shadow:inset 3px 0 0 var(--danger),0 0 5px #ef44441a}}.row-profit{background:linear-gradient(90deg,#14b8a626,#06b6d40d)!important;border-left:none!important;position:relative}.row-profit:hover{background:linear-gradient(90deg,#14b8a640,#06b6d426)!important;animation:glowPulse 2s infinite}.row-loss{background:linear-gradient(90deg,#f43f5e26,#ef44440d)!important;border-left:none!important}.row-loss:hover{background:linear-gradient(90deg,#f43f5e40,#ef444426)!important;animation:glowPulseLoss 2s infinite}.badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:9999px;font-size:.75rem;font-weight:500}.badge-success{background:#10b98133;color:var(--success-light)}.badge-danger{background:#ef444433;color:var(--danger-light)}.badge-warning{background:#f59e0b33;color:var(--warning)}.badge-primary{background:#6366f133;color:var(--primary-light)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all var(--transition-normal);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--primary),var(--secondary),var(--accent));opacity:0;transition:opacity var(--transition-normal)}.stat-card:hover{box-shadow:var(--shadow-glow);border-color:var(--primary)}.stat-card:hover:after{opacity:1}.stat-value{font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--primary-light),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.875rem;color:var(--text-secondary);margin-top:var(--spacing-xs)}.container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xl);flex-wrap:wrap;gap:var(--spacing-md)}.page-title{display:flex;align-items:center;gap:var(--spacing-md)}.app-layout{display:flex;min-height:100vh}.sidebar{width:260px;background:var(--bg-card);border-right:1px solid var(--border-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:fixed;height:100vh;overflow-y:auto;z-index:100;box-shadow:var(--shadow-lg)}.sidebar-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.sidebar-logo{font-size:1.5rem;font-weight:800;font-family:Poppins,Inter,sans-serif;letter-spacing:1px;background:linear-gradient(135deg,var(--logo-c1, #6366f1),var(--logo-c2, #a855f7),var(--logo-c1, #6366f1));background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 4s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.sidebar-floating{--text-primary: #ffffff !important;--text-secondary: rgba(255, 255, 255, .8) !important;--text-muted: rgba(255, 255, 255, .6) !important;--bg-glass: rgba(255, 255, 255, .1) !important}.sidebar-floating .nav-item{color:var(--text-secondary)}.sidebar-floating .nav-item:hover,.sidebar-floating .nav-item.active{color:var(--text-primary)}.sidebar-floating .notification-popup{--text-primary: #0f172a !important;--text-secondary: #475569 !important;--text-muted: #64748b !important}.sidebar-floating .notification-popup{--text-primary: inherit;--text-secondary: inherit;--text-muted: inherit;color:var(--text-primary)}.sidebar-floating .sidebar-logo{background:linear-gradient(135deg,var(--logo-c1, #6366f1),var(--logo-c2, #a855f7),var(--logo-c1, #6366f1));background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 5s linear infinite;letter-spacing:1px;filter:drop-shadow(0 0 8px rgba(99,102,241,.3))}.sidebar-nav{padding:var(--spacing-md)}.nav-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-normal);margin-bottom:var(--spacing-xs);box-shadow:none}.nav-item:hover{background:var(--bg-glass);color:var(--text-primary);box-shadow:var(--shadow-sm);transform:translate(4px)}.nav-item.active{background:linear-gradient(135deg,#7c3aed40,#06b6d426);border-left:3px solid var(--primary);color:var(--text-primary);box-shadow:var(--shadow-md)}.main-content{flex:1;margin-left:260px;padding:var(--spacing-xl);min-height:100vh;overflow-y:auto}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:slideUp .3s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.modal-body{padding:var(--spacing-lg)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--border-color)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s infinite}.toast-container{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);z-index:9999;display:flex;flex-direction:column;gap:var(--spacing-sm)}.toast{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-lg);animation:slideIn .3s ease;display:flex;align-items:center;gap:var(--spacing-md)}@keyframes slideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(400px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(400px)}}.spinner{width:40px;height:40px;border:3px solid var(--bg-glass);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-glass)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.text-center{text-align:center}.text-right{text-align:right}.text-success{color:var(--success)!important;text-shadow:0 0 15px rgba(45,212,191,.4)}.text-danger{color:var(--danger)!important;text-shadow:0 0 15px rgba(251,113,133,.4)}.text-warning{color:var(--warning)!important;text-shadow:0 0 15px rgba(251,191,36,.4)}.text-muted{color:var(--text-muted)!important}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.w-full{width:100%}@media (max-width: 1024px){.sidebar{transform:translate(-100%);transition:transform var(--transition-normal)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.table-container,.table-wrapper{width:100%;overflow-x:auto!important;overflow-y:auto;-webkit-overflow-scrolling:touch}.table-container{max-height:calc(100vh - 240px);border-radius:12px}.data-grid-table,.modern-data-table{min-width:max-content}.data-grid-table th,.data-grid-table td,.modern-data-table th,.modern-data-table td{padding-left:10px;padding-right:10px}.page-header{gap:10px;margin-bottom:14px}.page-header .btn,.page-header button.btn{min-height:40px;padding:8px 12px;font-size:.84rem;line-height:1.15}.card-body{padding:14px}.table-container>table,.users-table-container>.users-data-table,.transaksi-table-container>.transaksi-data-table,.auditlog-table-container>.auditlog-data-table,.kontak-table-container>.kontak-data-table{width:max-content;min-width:860px}}@media (max-width: 768px){body{overflow-x:hidden}.main-content{padding:0}.page-container{padding-left:0!important;padding-right:0!important}.card,.table-container,.table-wrapper{border-radius:10px}.table-container{max-height:calc(100vh - 210px)}.data-grid-table,.modern-data-table{min-width:860px}.data-grid-table th,.data-grid-table td,.modern-data-table th,.modern-data-table td{font-size:.76rem;padding:8px}.page-header .page-title h1{font-size:1.6rem;line-height:1.15}.transaksi-header-actions,.users-header-actions,.auditlog-header-actions,.kontak-header-actions{width:100%}.transaksi-header-actions .btn,.users-header-actions .btn,.auditlog-header-actions .btn{width:100%;min-height:40px}.transaksi-filter-row{display:grid!important;grid-template-columns:1fr;gap:8px!important}.transaksi-filter-row>*{width:100%!important;min-width:0!important;margin-left:0!important}.transaksi-filter-row .btn,.transaksi-filter-row button{min-height:38px}.users-data-table,.transaksi-data-table,.auditlog-data-table,.kontak-data-table{min-width:920px!important}.users-data-table th,.users-data-table td,.transaksi-data-table th,.transaksi-data-table td,.auditlog-data-table th,.auditlog-data-table td,.kontak-data-table th,.kontak-data-table td{font-size:.75rem!important;padding:7px 8px!important}.auditlog-pagination,.kontak-pagination{padding:10px!important;gap:8px!important;flex-wrap:wrap}.modal-overlay{padding:10px;align-items:flex-end}.modal{max-height:92vh;border-radius:14px}.modal-header,.modal-body,.modal-footer{padding:12px}.website-detail-page{padding-bottom:16px!important}.website-detail-page h1{font-size:1.35rem!important;line-height:1.2}.website-filter-bar{padding:10px!important;gap:8px!important;border-radius:12px!important}.website-filter-controls{flex-wrap:nowrap;padding-bottom:6px!important;-webkit-overflow-scrolling:touch}.website-stats-strip{flex-wrap:wrap;gap:12px!important;padding:12px!important;border-radius:12px!important}.website-stats-strip>div:not(.website-stats-divider){min-width:calc(50% - 8px)}.website-stats-divider{display:none}.website-table-card{border-radius:14px!important}.website-table-header{padding:12px!important;gap:8px;flex-wrap:wrap}.website-table-wrapper{min-height:300px!important;max-height:calc(100vh - 290px)!important;-webkit-overflow-scrolling:touch}.commission-page{padding:12px!important}.commission-member-overlay{padding:10px!important;align-items:flex-end!important}.commission-member-modal{border-radius:14px!important;padding:14px!important;max-height:88vh;overflow-y:auto}.commission-member-metrics{grid-template-columns:1fr!important}.kontak-page .page-header{margin-bottom:12px;gap:10px}.kontak-page .page-title h1{font-size:1.9rem;line-height:1.1}.kontak-header-actions{width:100%;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important}.kontak-header-actions .btn{min-height:42px;padding:8px 6px;font-size:.8rem;justify-content:center;text-align:center;white-space:normal;line-height:1.15}.kontak-filter-card .card-body{padding:10px}.kontak-filter-row{display:grid!important;grid-template-columns:1fr;gap:8px!important}.kontak-filter-row>*{width:100%!important;min-width:0!important}.kontak-filter-row .form-input,.kontak-filter-row .form-select,.kontak-filter-row input[type=date]{height:40px;font-size:.85rem!important;padding:8px 10px!important}.kontak-table-card{overflow:hidden}.kontak-table-container{max-height:calc(100vh - 280px)!important;overflow-x:auto!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}.kontak-data-table{width:max-content!important;min-width:980px!important;table-layout:auto}.kontak-data-table th,.kontak-data-table td{font-size:.76rem!important;padding:7px 8px!important}.kontak-pagination{gap:8px!important;padding:10px!important}.kontak-pagination .btn{min-height:36px;padding:6px 10px}}@keyframes pulse-gold{0%{box-shadow:0 0 20px 5px gold;border-color:gold}50%{box-shadow:0 0 30px 10px #ffed4a;border-color:#fff}to{box-shadow:0 0 20px 5px gold;border-color:gold}}@keyframes burn{0%{box-shadow:0 -5px 15px red,0 -10px 25px #fa0;border-color:#f40}50%{box-shadow:0 -8px 20px red,0 -15px 35px #fa0;border-color:#ff8c00}to{box-shadow:0 -5px 15px red,0 -10px 25px #fa0;border-color:#f40}}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes glitch-grey{0%{box-shadow:0 0 10px #aaa,inset 0 0 10px #aaa;border-color:#aaa;filter:grayscale(1) contrast(1.2)}10%{box-shadow:-4px 0 #ffffff80,4px 0 #64646480;filter:grayscale(1) contrast(1.5);transform:skew(3deg) translateY(-1px)}20%{box-shadow:0 0 15px #ccc,inset 0 0 15px #ccc;border-color:#ddd;transform:skew(-2deg) translateY(1px)}30%{opacity:.8;box-shadow:2px 2px #c8c8c880,-2px -2px #323232cc}40%{opacity:1;transform:skew(0)}50%{box-shadow:0 0 20px #eee,inset 0 0 5px #ccc;border-color:#fff;border-style:dashed}60%{box-shadow:-3px 0 #c8c8c8b3,3px 0 #555;filter:grayscale(1) contrast(2);border-style:solid}70%{box-shadow:0 0 10px #bbb,inset 0 0 10px #bbb;border-color:#ccc;transform:skew(2deg) scale(1.02)}80%{opacity:.7;box-shadow:0 0 5px #aaa}90%{opacity:1;transform:skew(0) scale(1)}to{box-shadow:0 0 10px #aaa,inset 0 0 10px #aaa;border-color:#aaa;filter:grayscale(1) contrast(1.2)}}@keyframes glitch-matrix{0%{box-shadow:0 0 10px #0f0,inset 0 0 10px #0f0;border-color:#0f0;filter:contrast(1.2)}10%{box-shadow:-4px 0 #00ff0080,4px 0 #00ff0080;filter:contrast(1.5);transform:skew(2deg)}20%{box-shadow:0 0 15px #0f0,inset 0 0 15px #0f0;border-color:#0f0;transform:skew(-2deg)}30%{opacity:.8;box-shadow:2px 2px #00ff0080,-2px -2px #0f0c}40%{opacity:1;transform:skew(0)}50%{box-shadow:0 0 20px #0f0,inset 0 0 5px #0f0;border-color:#0f0}60%{box-shadow:-2px 0 #00ff0080,2px 0 #0f0;filter:contrast(2)}70%{box-shadow:0 0 10px #0f0,inset 0 0 10px #0f0;border-color:#0c0;transform:skew(1deg)}80%{opacity:.9;box-shadow:0 0 5px #0f0}90%{opacity:1;transform:skew(0)}to{box-shadow:0 0 10px #0f0,inset 0 0 10px #0f0;border-color:#0f0;filter:contrast(1.2)}}@keyframes glitch-neon{0%{box-shadow:0 0 15px #0ff,inset 0 0 10px #0ff;border-color:#0ff}15%{box-shadow:-3px 0 #f0f,3px 0 #0ff;border-color:#f0f;transform:translate(-1px)}30%{box-shadow:0 0 20px #f0f,inset 0 0 15px #f0f;border-color:#f0f;transform:translate(1px)}45%{box-shadow:-2px 2px #0ff,2px -2px #f0f;border-color:#fff;transform:skew(-2deg)}60%{box-shadow:0 0 25px #0ff,inset 0 0 5px #0ff;border-color:#0ff;transform:skew(2deg)}75%{box-shadow:5px 0 #ff00ffb3,-5px 0 #0ff;opacity:.8}90%{box-shadow:0 0 10px #f0f,inset 0 0 10px #f0f;border-color:#f0f;opacity:1;transform:translate(0)}to{box-shadow:0 0 15px #0ff,inset 0 0 10px #0ff;border-color:#0ff}}@keyframes glitch-static{0%{box-shadow:0 0 5px #fff;border-color:#aaa;background:#ffffff1a}10%{box-shadow:-2px -1px red,2px 1px #00f;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.2) 2px,rgba(255,255,255,.2) 4px)}20%{box-shadow:0 0 5px #888;border-color:#555;background:transparent;transform:translate(-2px)}25%{opacity:.6}30%{box-shadow:1px 2px #0f0,-1px -2px #f0f;opacity:1;background:repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,255,255,.1) 2px,rgba(255,255,255,.1) 4px)}40%{box-shadow:0 0 10px #ccc;border-color:#ccc;transform:translate(2px)}50%{box-shadow:-3px 0 red,3px 0 #0ff;border-style:dashed}60%{box-shadow:0 0 8px #fff;border-style:solid;background:transparent;transform:translateY(-1px)}70%{box-shadow:2px -2px #00f,-2px 2px red;opacity:.5}80%{box-shadow:0 0 5px #aaa;opacity:1;transform:translateY(1px)}90%{box-shadow:-1px 0 #0f0,1px 0 #f0f;background:repeating-linear-gradient(45deg,transparent,transparent 1px,rgba(255,255,255,.2) 1px,rgba(255,255,255,.2) 2px)}to{box-shadow:0 0 5px #fff;border-color:#aaa;background:#ffffff1a;transform:translate(0)}}@keyframes glitch-corrupted{0%{box-shadow:0 0 15px red,inset 0 0 10px #ff000080;border-color:#8b0000}10%{box-shadow:-4px 0 red,4px 0 #000;border-color:red;transform:skew(-3deg) translate(-2px)}15%{opacity:.5;filter:contrast(2) invert(.2)}25%{opacity:1;filter:contrast(1) invert(0);box-shadow:0 0 25px red,inset 0 0 20px #8b0000;border-color:#f44;transform:skew(2deg) translate(2px)}35%{box-shadow:2px -3px red,-2px 3px #300}50%{box-shadow:0 0 30px red,inset 0 0 5px #000;border-color:#a00;transform:skew(0) translate(0)}65%{box-shadow:-5px 0 red,5px 0 #500;border-color:red;transform:skew(4deg)}75%{opacity:0}80%{opacity:1;box-shadow:0 0 40px red;transform:skew(-4deg)}90%{box-shadow:2px 2px #fff,-2px -2px red}to{box-shadow:0 0 15px red,inset 0 0 10px #ff000080;border-color:#8b0000;transform:skew(0)}}@keyframes glitch-hacker{0%{box-shadow:0 0 10px #0f0,inset 0 0 5px #0ff;border-color:#0f0}15%{box-shadow:-3px 0 #0ff,3px 0 #f0f;border-color:#0ff;filter:hue-rotate(90deg);transform:scale(1.02)}25%{box-shadow:0 0 20px #0f0,inset 0 0 15px #000;border-color:#000;filter:hue-rotate(0deg);border-style:dotted}40%{box-shadow:4px 0 #0f0c,-3px 0 #0ffc;border-style:solid;border-color:#0f0;transform:scale(.98)}50%{box-shadow:0 0 25px #0f0,inset 0 0 10px #0ff;border-color:#0ff;filter:contrast(1.5)}65%{box-shadow:-2px -2px #f0f,2px 2px #0f0;border-color:#f0f;filter:hue-rotate(-90deg)}75%{box-shadow:0 0 5px #0f0;border-color:#0f0;filter:hue-rotate(0deg);opacity:.5;border-style:dashed;transform:translate(-2px)}85%{opacity:1;box-shadow:3px -3px #0ff,-3px 3px #0f0;border-style:solid;transform:translate(2px)}to{box-shadow:0 0 10px #0f0,inset 0 0 5px #0ff;border-color:#0f0;transform:scale(1) translate(0)}}@keyframes rotate-hue{to{filter:hue-rotate(360deg)}}.table-container{width:100%;max-height:calc(100vh - 280px);overflow:auto;background:var(--bg-dark);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);position:relative;isolation:isolate}.table-container::-webkit-scrollbar{width:10px;height:10px}.table-container::-webkit-scrollbar-track{background:var(--bg-dark)}.table-container::-webkit-scrollbar-thumb{background:var(--secondary);border-radius:5px;border:2px solid var(--bg-dark)}.data-grid-table{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.data-grid-table th{position:sticky;top:0;z-index:20;background:#0f172a;color:var(--text-secondary);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:12px 16px;border-bottom:2px solid var(--border-color);white-space:nowrap;height:45px}.data-grid-table td{padding:8px 12px;border-bottom:1px solid rgba(148,163,184,.1);font-size:.85rem;background:var(--bg-card);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:48px;color:var(--text-primary)}.data-grid-table th:nth-child(1),.data-grid-table td:nth-child(1){position:sticky;left:0;z-index:21;background:inherit;width:40px;text-align:center;border-right:1px solid var(--border-color)}.data-grid-table thead th:nth-child(1){z-index:30}.data-grid-table th:nth-child(2),.data-grid-table td:nth-child(2){position:sticky;left:40px;z-index:21;background:inherit;border-right:1px solid var(--border-color);box-shadow:2px 0 5px #0000001a}.data-grid-table thead th:nth-child(2){z-index:30}.data-grid-table tbody tr:hover td{background-color:#1e293b}.data-grid-table tbody tr.selected td{background-color:#3b82f626!important}.col-number{font-family:JetBrains Mono,Consolas,monospace;letter-spacing:-.5px;text-align:right;font-weight:600}.col-actions{text-align:center}.col-right{text-align:right}.col-center{text-align:center}.grid-input{background:#0003;border:1px solid var(--border-color);border-radius:4px;color:#fff;padding:4px 8px;font-family:inherit;width:100%;font-size:.85rem;transition:border-color .2s}.grid-input:focus{outline:none;border-color:var(--primary);background:#0006}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.text-muted{color:var(--text-muted)}.grid-badge{padding:2px 8px;border-radius:12px;font-size:.7rem;font-weight:600;display:inline-block}.grid-badge.success{background:#22c55e1a;color:var(--success);border:1px solid rgba(34,197,94,.2)}.grid-badge.danger{background:#ef44441a;color:var(--danger);border:1px solid rgba(239,68,68,.2)}.row-followed-up,.row-followed-up td{background-color:#0ea5e933!important;color:#e0f2fe!important}.row-followed-up:hover td{background-color:#0ea5e94d!important}@keyframes burn{0%{box-shadow:0 -8px 20px red,0 -15px 35px #fa0,0 0 40px #ff640080}50%{box-shadow:0 -12px 25px #f50,0 -20px 45px #fa0,0 0 50px #ff6400b3}to{box-shadow:0 -8px 20px red,0 -15px 35px #fa0,0 0 40px #ff640080}}@keyframes dragon-breath{0%,to{box-shadow:0 -10px 30px #f50,0 -5px 20px #fa0,5px 0 25px red,-5px 0 25px red}25%{box-shadow:0 -15px 40px #f70,0 -8px 25px #fb0,8px 0 30px red,-8px 0 30px red}50%{box-shadow:0 -12px 35px #f60,0 -6px 22px #fa0,6px 0 28px red,-6px 0 28px red}75%{box-shadow:0 -18px 45px #f80,0 -10px 30px #fc0,10px 0 35px #f20,-10px 0 35px #f20}}@keyframes phoenix{0%,to{box-shadow:0 -20px 50px #f50,0 -10px 30px #fa0,0 10px 40px red,0 0 80px #ff640080;transform:scale(1)}50%{box-shadow:0 -30px 70px #f70,0 -15px 45px #fb0,0 15px 60px #f20,0 0 100px #ff6400b3;transform:scale(1.02)}}@keyframes lightning{0%,to{box-shadow:0 0 25px #fff,0 0 40px #0af,0 0 60px #04f;opacity:1}10%{box-shadow:0 0 35px #fff,0 0 60px #0cf,0 0 90px #06f;opacity:.9}20%{box-shadow:0 0 20px #fff,0 0 30px #08f,0 0 50px #04f;opacity:1}50%{box-shadow:0 0 40px #fff,0 0 70px #0ef,0 0 100px #08f;opacity:.95}}@keyframes sparkle{0%,to{box-shadow:0 0 25px #ff69b4,0 0 45px #ff1493;opacity:1}25%{box-shadow:0 0 35px #ff69b4,0 0 55px #ff1493,0 0 75px #fff;opacity:.9}50%{box-shadow:0 0 30px #ff69b4,0 0 50px #ff1493;opacity:1}75%{box-shadow:0 0 40px #ff69b4,0 0 60px #ff1493,0 0 80px #fff;opacity:.95}}@keyframes diamond-shine{0%,to{box-shadow:0 0 30px #b9f2ff,0 0 50px #87ceeb,0 0 70px #fff,inset 0 0 30px #b9f2ff80}50%{box-shadow:0 0 40px #b9f2ff,0 0 60px #87ceeb,0 0 90px #fff,inset 0 0 40px #b9f2ffb3;filter:brightness(1.3)}}@keyframes float-petals{0%,to{box-shadow:0 0 30px #e75480,0 0 50px #ff69b4;transform:rotate(0)}25%{box-shadow:0 5px 35px #e75480,0 5px 55px #ff69b4;transform:rotate(2deg)}50%{box-shadow:0 0 30px #e75480,0 0 50px #ff69b4;transform:rotate(0)}75%{box-shadow:-5px 0 35px #e75480,-5px 0 55px #ff69b4;transform:rotate(-2deg)}}@keyframes sakura-fall{0%,to{box-shadow:0 0 30px #ffb7c5,0 -10px 40px pink}50%{box-shadow:0 5px 35px #ffb7c5,0 -5px 45px pink}}@keyframes butterfly{0%,to{box-shadow:0 0 25px orchid,0 0 40px #ba55d3,0 0 60px #9932cc;transform:scale(1)}25%{box-shadow:5px 0 30px orchid,5px 0 45px #ba55d3,5px 0 65px #9932cc;transform:scale(1.02)}75%{box-shadow:-5px 0 30px orchid,-5px 0 45px #ba55d3,-5px 0 65px #9932cc;transform:scale(1.02)}}@keyframes heart-beat{0%,to{box-shadow:0 0 30px #ff1493,0 0 50px #ff69b4,0 0 70px #ff69b4;transform:scale(1)}25%{box-shadow:0 0 35px #ff1493,0 0 55px #ff69b4,0 0 75px #ff69b4;transform:scale(1.05)}50%{box-shadow:0 0 30px #ff1493,0 0 50px #ff69b4,0 0 70px #ff69b4;transform:scale(1)}75%{box-shadow:0 0 35px #ff1493,0 0 55px #ff69b4,0 0 75px #ff69b4;transform:scale(1.03)}}@keyframes bond-glow{0%,to{box-shadow:0 0 25px #e91e63,0 0 45px #9c27b0,0 0 65px #673ab7}50%{box-shadow:0 0 35px #e91e63,0 0 55px #9c27b0,0 0 75px #673ab7,0 0 90px #3f51b5}}@keyframes galaxy-spin{0%{transform:rotate(0);box-shadow:0 0 40px #9c27b0,0 0 60px #673ab7,0 0 80px #3f51b5,0 0 100px #2196f3}to{transform:rotate(360deg);box-shadow:0 0 40px #9c27b0,0 0 60px #673ab7,0 0 80px #3f51b5,0 0 100px #2196f3}}@keyframes universe-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes void-pulse{0%,to{box-shadow:0 0 40px #000,0 0 60px #1a1a2e,0 0 80px #16213e,0 0 100px #0f3460;filter:brightness(.9)}50%{box-shadow:0 0 50px #000,0 0 70px #1a1a2e,0 0 90px #16213e,0 0 120px #0f3460;filter:brightness(1.1)}}@keyframes halo-glow{0%,to{box-shadow:0 -20px 40px gold,0 0 60px #ffd70099,0 0 100px #ffd7004d}50%{box-shadow:0 -25px 50px gold,0 0 80px #ffd700cc,0 0 120px #ffd70080}}@keyframes shine{0%,to{background:linear-gradient(45deg,transparent,rgba(255,215,0,.3),transparent);background-position:-200%}50%{background-position:200%}}@keyframes glitch{0%,to{box-shadow:-2px 0 #f0f,2px 0 #0ff}25%{box-shadow:-3px 0 #0ff,3px 0 #f0f}50%{box-shadow:-1px 0 #f0f,1px 0 #0ff}75%{box-shadow:-4px 0 #0ff,4px 0 #f0f}}@keyframes scan-line{0%{background:linear-gradient(transparent 0%,rgba(0,255,0,.1) 50%,transparent 100%);background-position:0 -100%}to{background-position:0 200%}}@keyframes rotate-hue{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}@keyframes portal-spin{0%{transform:rotate(0);box-shadow:0 0 30px #f0f,0 0 50px #0ff}to{transform:rotate(360deg);box-shadow:0 0 30px #0ff,0 0 50px #f0f}}@keyframes christmas-glow{0%,to{box-shadow:0 -20px 40px red,0 0 30px #fff,0 0 60px #0f0;border-color:red}50%{box-shadow:0 -20px 40px #0f0,0 0 30px #fff,0 0 60px red;border-color:#0f0}}@keyframes snowflake-spin{0%{transform:rotate(0);box-shadow:0 0 20px #fff,0 0 40px #87ceeb,0 0 60px #b0e0e6,0 0 80px #fff}50%{transform:rotate(180deg);box-shadow:0 0 30px #fff,0 0 50px #add8e6,0 0 70px #87ceeb,0 0 90px #fff}to{transform:rotate(360deg);box-shadow:0 0 20px #fff,0 0 40px #87ceeb,0 0 60px #b0e0e6,0 0 80px #fff}}@keyframes christmas-lights{0%,to{box-shadow:0 0 25px #228b22,0 -15px 35px red,0 15px 35px gold,0 0 50px #0f0}25%{box-shadow:0 0 30px #228b22,0 -20px 40px gold,0 20px 40px red,0 0 60px #0f0}50%{box-shadow:0 0 25px #228b22,0 -15px 35px #00f,0 15px 35px red,0 0 50px gold}75%{box-shadow:0 0 30px #228b22,0 -20px 40px red,0 20px 40px #00f,0 0 60px #0f0}}@keyframes candy-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes snowfall{0%,to{box-shadow:0 0 30px #fff,0 0 50px #add8e6,0 0 70px #87ceeb,0 -10px 40px #fff;transform:translateY(0)}50%{box-shadow:0 5px 35px #fff,0 5px 55px #add8e6,0 5px 75px #87ceeb,0 -5px 45px #fff;transform:translateY(3px)}}@keyframes bell-ring{0%,to{transform:rotate(0);box-shadow:0 0 25px gold,0 0 45px #ffb300,0 0 65px #ffc107,0 -15px 30px #fff}25%{transform:rotate(10deg);box-shadow:0 0 30px gold,0 0 50px #ffb300,0 0 70px #ffc107,0 -20px 35px #fff}75%{transform:rotate(-10deg);box-shadow:0 0 30px gold,0 0 50px #ffb300,0 0 70px #ffc107,0 -20px 35px #fff}}@keyframes reindeer-run{0%,to{box-shadow:0 0 25px #8b4513,0 -15px 35px red,0 0 50px gold;transform:translate(0)}25%{box-shadow:0 0 30px #8b4513,0 -20px 40px red,0 0 55px gold;transform:translate(3px) translateY(-2px)}50%{box-shadow:0 0 25px #8b4513,0 -15px 35px red,0 0 50px gold;transform:translate(0)}75%{box-shadow:0 0 30px #8b4513,0 -20px 40px red,0 0 55px gold;transform:translate(-3px) translateY(-2px)}}@keyframes star-twinkle{0%,to{box-shadow:0 -25px 50px gold,0 0 40px #fff,0 0 70px gold,0 0 100px #ff0;transform:scale(1);filter:brightness(1)}50%{box-shadow:0 -30px 60px gold,0 0 50px #fff,0 0 80px gold,0 0 120px #ff0;transform:scale(1.05);filter:brightness(1.3)}}@keyframes ribbon-wave{0%,to{box-shadow:0 0 20px red,0 0 40px #0f0,0 0 60px gold;transform:scale(1)}25%{box-shadow:0 0 25px #0f0,0 0 45px gold,0 0 65px red;transform:scale(1.02)}50%{box-shadow:0 0 20px gold,0 0 40px red,0 0 60px #0f0;transform:scale(1)}75%{box-shadow:0 0 25px red,0 0 45px #0f0,0 0 65px gold;transform:scale(1.02)}}@keyframes holy-glow{0%,to{box-shadow:0 0 30px #191970,0 0 50px navy,0 0 70px #4169e1,0 -20px 40px gold;filter:brightness(1.1)}50%{box-shadow:0 0 40px #191970,0 0 60px navy,0 0 80px #4169e1,0 -30px 50px gold;filter:brightness(1.3)}}@keyframes fire-blaze{0%{box-shadow:0 -15px 40px #f40,0 -30px 60px #f80,0 -45px 80px #fc0,0 0 100px #f40c}50%{box-shadow:0 -25px 60px #f60,0 -50px 80px #fa0,0 -70px 100px #fc0,0 0 120px #ff6600e6}to{box-shadow:0 -15px 40px #f40,0 -30px 60px #f80,0 -45px 80px #fc0,0 0 100px #f40c}}@keyframes inferno-rage{0%,to{box-shadow:0 -40px 100px red,0 -60px 120px #f60,-40px -30px 80px #f30,40px -30px 80px #f30,0 30px 80px #ff4500;transform:scale(1)}25%{box-shadow:0 -50px 120px #f20,0 -70px 140px #f70,-50px -40px 100px #f40,50px -40px 100px #f40,0 40px 100px #f50;transform:scale(1.03)}75%{box-shadow:0 -45px 110px #f10,0 -65px 130px #f60,-45px -35px 90px #f30,45px -35px 90px #f30,0 35px 90px #ff4500;transform:scale(1.02)}}@keyframes dragon-roar{0%,to{box-shadow:0 -20px 50px #f30,-15px -30px 60px #f60,15px -30px 60px #f60,0 -50px 80px #fa0}33%{box-shadow:0 -35px 70px #f40,-25px -45px 80px #f70,25px -45px 80px #f70,0 -70px 100px #fb0;transform:scale(1.05)}66%{box-shadow:0 -25px 60px #f30,-20px -35px 70px #f60,20px -35px 70px #f60,0 -55px 90px #fa0}}@keyframes phoenix-flame{0%,to{box-shadow:0 -40px 80px #ff4500,0 -30px 60px #ff8c00,-30px -20px 50px #ff4500,30px -20px 50px #ff4500,0 30px 60px #ff4500;transform:scale(1)}50%{box-shadow:0 -60px 100px #f50,0 -45px 80px #ff9c00,-40px -30px 70px #f50,40px -30px 70px #f50,0 45px 80px #f50;transform:scale(1.05)}}@keyframes thunder-strike{0%,90%,to{box-shadow:0 0 30px #fff,0 0 60px #0cf,0 0 90px #06f,0 0 120px #fff;opacity:1}5%,15%{box-shadow:0 0 60px #fff,0 0 120px #0ef,0 0 180px #08f,0 0 240px #fff;opacity:.7}10%{box-shadow:0 0 40px #fff,0 0 80px #0df,0 0 120px #07f,0 0 160px #fff;opacity:1}}@keyframes electric-zap{0%,to{box-shadow:0 0 40px #ff0,0 0 80px #0ff,0 0 120px #fff}25%{box-shadow:-5px 0 50px #ff0,5px 0 90px #0ff,0 0 130px #fff;transform:translate(2px)}75%{box-shadow:5px 0 50px #ff0,-5px 0 90px #0ff,0 0 130px #fff;transform:translate(-2px)}}@keyframes ice-storm-rage{0%,to{box-shadow:0 0 40px #0ff,0 -20px 60px #0cf,20px 0 50px #08f,-20px 0 50px #08f}25%{box-shadow:0 0 50px #0ff,0 -30px 70px #0df,30px 10px 60px #09f,-30px 10px 60px #09f;transform:rotate(5deg)}75%{box-shadow:0 0 50px #0ff,0 -30px 70px #0df,30px -10px 60px #09f,-30px -10px 60px #09f;transform:rotate(-5deg)}}@keyframes sparkle-burst{0%,to{box-shadow:0 0 30px #ff69b4,0 0 60px #ff1493,0 0 90px #ff69b4,0 0 120px #fff;transform:scale(1)}25%{box-shadow:20px -10px 40px #ff69b4,-20px 10px 40px #ff1493,0 0 100px #ff69b4,0 0 140px #fff;transform:scale(1.02)}50%{box-shadow:0 0 40px #ff69b4,0 0 70px #ff1493,0 0 100px #ff69b4,0 0 130px #fff;transform:scale(1.04)}75%{box-shadow:-20px -10px 40px #ff69b4,20px 10px 40px #ff1493,0 0 100px #ff69b4,0 0 140px #fff;transform:scale(1.02)}}@keyframes butterfly-flutter{0%,to{box-shadow:0 0 30px orchid,0 0 60px #ba55d3,0 0 90px #9932cc,-20px 0 40px #ff69b4,20px 0 40px #ff69b4}25%{box-shadow:0 0 35px orchid,0 0 65px #ba55d3,0 0 95px #9932cc,-30px -10px 50px #ff69b4,30px 10px 50px #ff69b4}75%{box-shadow:0 0 35px orchid,0 0 65px #ba55d3,0 0 95px #9932cc,-30px 10px 50px #ff69b4,30px -10px 50px #ff69b4}}@keyframes cherry-fall{0%,to{box-shadow:0 0 40px #ffb6c1,0 -20px 60px #ff69b4,-20px 10px 50px pink,20px 10px 50px pink}50%{box-shadow:0 10px 50px #ffb6c1,0 -10px 70px #ff69b4,-30px 20px 60px pink,30px 20px 60px pink;transform:translateY(3px)}}@keyframes fairy-dance{0%,to{box-shadow:0 0 40px #e6e6fa,0 0 80px plum,0 0 120px #fff,0 -20px 60px #fff}33%{box-shadow:-15px 0 50px #e6e6fa,15px 0 90px plum,0 0 130px #fff,15px -25px 70px #fff}66%{box-shadow:15px 0 50px #e6e6fa,-15px 0 90px plum,0 0 130px #fff,-15px -25px 70px #fff}}@keyframes galaxy-rotate{0%{transform:rotate(0);box-shadow:0 0 50px #9c27b0,0 0 100px #673ab7,0 0 150px #3f51b5,0 0 200px #2196f3}to{transform:rotate(360deg);box-shadow:0 0 50px #9c27b0,0 0 100px #673ab7,0 0 150px #3f51b5,0 0 200px #2196f3}}@keyframes nebula-spin{0%{transform:rotate(0);box-shadow:0 0 50px #f0f,0 0 100px #0ff,0 0 150px #f0f}50%{box-shadow:0 0 60px #0ff,0 0 110px #f0f,0 0 160px #0ff}to{transform:rotate(360deg);box-shadow:0 0 50px #f0f,0 0 100px #0ff,0 0 150px #f0f}}@keyframes portal-swirl{0%{transform:rotate(0);box-shadow:0 0 40px #f0f,0 0 80px #0ff,0 0 120px #f0f}to{transform:rotate(360deg);box-shadow:0 0 40px #0ff,0 0 80px #f0f,0 0 120px #0ff}}@keyframes universe-expand{0%,to{box-shadow:0 0 50px #9c27b0,0 0 100px #673ab7,0 0 150px #3f51b5;transform:scale(1)}50%{box-shadow:0 0 70px #9c27b0,0 0 130px #673ab7,0 0 190px #3f51b5;transform:scale(1.05)}}@keyframes aurora-wave{0%,to{box-shadow:0 0 40px #0f8,0 0 80px #0fc,-30px 0 60px #0f4,30px 0 60px #0ff}50%{box-shadow:0 0 50px #0f8,0 0 90px #0fc,-40px 10px 70px #0f4,40px -10px 70px #0ff}}@keyframes neon-pulse{0%,to{box-shadow:0 0 20px #00bfff,0 0 40px #0080ff,0 0 60px #0040ff,0 0 80px #00bfff}50%{box-shadow:0 0 30px #00bfff,0 0 60px #0080ff,0 0 90px #0040ff,0 0 120px #00bfff}}@keyframes neon-breathe{0%,to{box-shadow:0 0 30px #bf00ff,0 0 60px #8b00ff,0 0 90px #bf00ff,0 0 120px #8b00ff;transform:scale(1)}50%{box-shadow:0 0 45px #bf00ff,0 0 80px #8b00ff,0 0 115px #bf00ff,0 0 150px #8b00ff;transform:scale(1.02)}}@keyframes cyber-scan{0%,to{box-shadow:0 0 30px #0f0,0 0 60px #0c0,0 0 90px #090}50%{box-shadow:0 -10px 40px #0f0,0 10px 70px #0c0,0 0 100px #090}}@keyframes ninja-fade{0%,to{box-shadow:-5px 0 20px #0f0,5px 0 20px #f0f,0 0 40px #0ff;opacity:1}50%{box-shadow:-10px 0 30px #0f0,10px 0 30px #f0f,0 0 60px #0ff;opacity:.7}}@keyframes glitch-shake{0%,to{box-shadow:-4px 0 #f0f,4px 0 #0ff,0 0 20px #f0f,0 0 40px #0ff;transform:translate(0)}25%{box-shadow:-6px 2px #0ff,6px -2px #f0f,0 0 25px #0ff,0 0 45px #f0f;transform:translate(-2px,1px)}75%{box-shadow:-6px -2px #f0f,6px 2px #0ff,0 0 25px #f0f,0 0 45px #0ff;transform:translate(2px,-1px)}}@keyframes rainbow-shift{0%{box-shadow:0 0 20px red,0 0 40px #0f0,0 0 60px #00f;border-color:red}33%{box-shadow:0 0 20px #0f0,0 0 40px #00f,0 0 60px red;border-color:#0f0}66%{box-shadow:0 0 20px #00f,0 0 40px red,0 0 60px #0f0;border-color:#00f}to{box-shadow:0 0 20px red,0 0 40px #0f0,0 0 60px #00f;border-color:red}}@keyframes rainbow-cycle{0%{box-shadow:0 0 40px red,0 0 80px #0f0,0 0 120px #00f;border-color:red;filter:hue-rotate(0deg)}to{box-shadow:0 0 40px red,0 0 80px #0f0,0 0 120px #00f;border-color:red;filter:hue-rotate(360deg)}}@keyframes crown-shine{0%,to{box-shadow:0 -20px 50px gold,0 -40px 80px #fc0,0 0 100px #ffd70099}50%{box-shadow:0 -30px 70px gold,0 -55px 100px #fc0,0 0 130px #ffd700cc}}@keyframes halo-shine{0%,to{box-shadow:0 -30px 60px gold,0 -60px 100px #fc0,0 0 120px #ffd700cc,0 0 200px #ffd70066}50%{box-shadow:0 -40px 80px gold,0 -80px 130px #fc0,0 0 160px gold,0 0 250px #ffd70099}}@keyframes royal-gleam{0%,to{box-shadow:0 0 30px gold,0 0 60px #b8860b,0 0 90px gold}50%{box-shadow:0 0 45px gold,0 0 80px #b8860b,0 0 120px gold;filter:brightness(1.2)}}@keyframes sultan-glow{0%,to{box-shadow:0 0 40px gold,0 20px 60px #0009,0 0 80px gold}50%{box-shadow:0 0 60px gold,0 30px 80px #000000b3,0 0 120px gold}}@keyframes tiara-glow{0%,to{box-shadow:0 -25px 50px #ff69b4,0 -15px 40px gold,0 0 60px #ff69b499}50%{box-shadow:0 -35px 70px #ff69b4,0 -25px 60px gold,0 0 90px #ff69b4cc}}@keyframes diamond-flash{0%,to{box-shadow:0 0 40px #b9f2ff,0 0 80px #87ceeb,0 0 120px #fff,0 0 160px #b9f2ff;filter:brightness(1.3)}50%{box-shadow:0 0 60px #b9f2ff,0 0 110px #87ceeb,0 0 160px #fff,0 0 210px #b9f2ff;filter:brightness(1.6)}}@keyframes ice-shimmer{0%,to{box-shadow:0 0 40px #b0e0e6,0 0 80px #87ceeb,0 0 120px #add8e6,0 0 160px #fff;filter:brightness(1.2)}50%{box-shadow:0 0 55px #b0e0e6,0 0 100px #87ceeb,0 0 145px #add8e6,0 0 190px #fff;filter:brightness(1.4)}}@keyframes shadow-pulse{0%,to{box-shadow:0 0 40px #000,0 0 80px #1a1a2e,inset 0 0 30px #000000e6}50%{box-shadow:0 0 60px #000,0 0 110px #1a1a2e,inset 0 0 50px #000;filter:brightness(.7)}}@keyframes void-consume{0%,to{box-shadow:0 0 50px #000,0 0 100px #1a1a2e,0 0 150px #16213e,inset 0 0 40px #000c}50%{box-shadow:0 0 70px #000,0 0 130px #1a1a2e,0 0 180px #16213e,inset 0 0 60px #000;transform:scale(1.02)}}@keyframes blood-moon-rise{0%,to{box-shadow:0 0 50px #8b0000,0 0 100px red,0 -30px 80px #f44}50%{box-shadow:0 0 70px #8b0000,0 0 130px red,0 -50px 110px #f44}}@keyframes heart-pump{0%,to{box-shadow:0 0 40px #ff1493,0 0 80px #ff69b4,-30px 0 50px #ff1493,30px 0 50px #ff1493;transform:scale(1)}50%{box-shadow:0 0 55px #ff1493,0 0 100px #ff69b4,-40px 0 70px #ff1493,40px 0 70px #ff1493;transform:scale(1.08)}}@keyframes soulmate-pulse{0%,to{box-shadow:0 0 30px gold,0 0 60px #ff69b4,0 0 90px gold}50%{box-shadow:0 0 50px gold,0 0 90px #ff69b4,0 0 130px gold}}@keyframes bond-spiral{0%{transform:rotate(0);box-shadow:0 0 40px #e91e63,0 0 80px #9c27b0,0 0 120px #673ab7}to{transform:rotate(360deg);box-shadow:0 0 40px #e91e63,0 0 80px #9c27b0,0 0 120px #673ab7}}@keyframes petal-float{0%,to{box-shadow:0 0 40px #e75480,0 -10px 50px #ff69b4,10px 0 50px #ff1493,-10px 0 50px #db7093}50%{box-shadow:0 10px 50px #e75480,0 -20px 60px #ff69b4,20px 5px 60px #ff1493,-20px 5px 60px #db7093}}@keyframes sakura-dance{0%,to{box-shadow:0 0 40px #ffb7c5,0 -20px 50px pink,0 20px 50px #ffb7c5,-15px 0 40px pink,15px 0 40px pink}50%{box-shadow:0 5px 50px #ffb7c5,0 -15px 60px pink,0 25px 60px #ffb7c5,-25px 5px 50px pink,25px 5px 50px pink}}@keyframes mystic-wave{0%,to{box-shadow:0 0 40px #9370db,0 0 80px indigo,0 0 120px #9370db}50%{box-shadow:0 0 60px #9370db,0 0 110px indigo,0 0 160px #9370db}}@keyframes santa-glow{0%,to{box-shadow:0 -30px 60px red,0 0 40px #fff,30px 0 50px #0f0,-30px 0 50px #0f0}50%{box-shadow:0 -40px 80px #0f0,0 0 50px #fff,40px 0 60px red,-40px 0 60px red}}@keyframes tree-lights{0%,to{box-shadow:0 0 40px #228b22,0 -30px 60px red,30px 0 50px gold,-30px 0 50px #00f,0 30px 50px #0f0}25%{box-shadow:0 0 45px #228b22,0 -35px 65px #00f,35px 0 55px red,-35px 0 55px gold,0 35px 55px red}50%{box-shadow:0 0 50px #228b22,0 -40px 70px gold,40px 0 60px #00f,-40px 0 60px red,0 40px 60px #00f}75%{box-shadow:0 0 45px #228b22,0 -35px 65px #0f0,35px 0 55px red,-35px 0 55px #00f,0 35px 55px gold}}@keyframes candy-swirl{0%{transform:rotate(0);box-shadow:0 0 30px red,0 0 60px #fff,0 0 90px red}to{transform:rotate(360deg);box-shadow:0 0 30px red,0 0 60px #fff,0 0 90px red}}@keyframes snow-drift{0%,to{box-shadow:0 0 50px #fff,0 -20px 70px #add8e6,-25px 10px 60px #87ceeb,25px 10px 60px #87ceeb}50%{box-shadow:0 5px 55px #fff,0 -15px 75px #add8e6,-30px 15px 65px #87ceeb,30px 15px 65px #87ceeb;transform:translateY(2px)}}@keyframes bell-swing{0%,to{transform:rotate(0);box-shadow:0 0 40px gold,0 0 80px #ffb300,0 -20px 60px #ffc107,0 20px 50px #fff}25%{transform:rotate(15deg);box-shadow:15px 0 45px gold,15px 0 85px #ffb300,15px -20px 65px #ffc107,15px 20px 55px #fff}75%{transform:rotate(-15deg);box-shadow:-15px 0 45px gold,-15px 0 85px #ffb300,-15px -20px 65px #ffc107,-15px 20px 55px #fff}}@keyframes reindeer-gallop{0%,to{box-shadow:0 0 40px #8b4513,0 -25px 60px red,-20px 0 50px gold,20px 0 50px gold;transform:translateY(0)}50%{box-shadow:0 0 50px #8b4513,0 -35px 70px red,-25px 0 60px gold,25px 0 60px gold;transform:translateY(-5px)}}@keyframes star-burst{0%,to{box-shadow:0 -40px 80px gold,0 0 60px #fff,0 0 120px gold,0 0 180px #ff0;transform:scale(1)}50%{box-shadow:0 -55px 100px gold,0 0 80px #fff,0 0 160px gold,0 0 220px #ff0;transform:scale(1.08);filter:brightness(1.4)}}@keyframes ribbon-flow{0%,to{box-shadow:0 0 30px red,-25px 0 50px #0f0,25px 0 50px gold,0 -20px 40px red,0 20px 40px #0f0}50%{box-shadow:0 0 40px #0f0,-35px 0 60px gold,35px 0 60px red,0 -30px 50px #0f0,0 30px 50px gold}}@keyframes night-sky{0%,to{box-shadow:0 0 50px #191970,0 0 100px navy,0 -40px 80px gold,0 0 150px #4169e1}50%{box-shadow:0 0 70px #191970,0 0 130px navy,0 -60px 110px gold,0 0 190px #4169e1}}@keyframes dragon-float{0%,to{transform:translateY(0) rotate(0);filter:brightness(1) drop-shadow(0 0 10px rgba(255,100,0,.5))}25%{transform:translateY(-3px) rotate(1deg);filter:brightness(1.1) drop-shadow(0 0 15px rgba(255,100,0,.7))}50%{transform:translateY(-5px) rotate(0);filter:brightness(1.2) drop-shadow(0 0 20px rgba(255,100,0,.8))}75%{transform:translateY(-3px) rotate(-1deg);filter:brightness(1.1) drop-shadow(0 0 15px rgba(255,100,0,.7))}}@keyframes butterfly-dance{0%,to{transform:rotate(0) scale(1);filter:brightness(1) drop-shadow(0 0 8px rgba(200,100,200,.5))}25%{transform:rotate(5deg) scale(1.02);filter:brightness(1.1) drop-shadow(0 0 12px rgba(200,100,200,.7))}50%{transform:rotate(0) scale(1.05);filter:brightness(1.2) drop-shadow(0 0 16px rgba(200,100,200,.8))}75%{transform:rotate(-5deg) scale(1.02);filter:brightness(1.1) drop-shadow(0 0 12px rgba(200,100,200,.7))}}@keyframes crown-glow{0%,to{filter:brightness(1) drop-shadow(0 0 10px rgba(255,215,0,.5));transform:scale(1)}50%{filter:brightness(1.3) drop-shadow(0 0 20px rgba(255,215,0,.9));transform:scale(1.03)}}@keyframes christmas-sparkle{0%,to{filter:brightness(1) drop-shadow(0 0 8px rgba(255,0,0,.4)) drop-shadow(0 0 16px rgba(0,255,0,.4));transform:rotate(0)}25%{filter:brightness(1.1) drop-shadow(0 0 12px rgba(0,255,0,.6)) drop-shadow(0 0 20px rgba(255,0,0,.6));transform:rotate(2deg)}50%{filter:brightness(1.2) drop-shadow(0 0 15px rgba(255,215,0,.7)) drop-shadow(0 0 25px rgba(255,0,0,.7));transform:rotate(0)}75%{filter:brightness(1.1) drop-shadow(0 0 12px rgba(255,0,0,.6)) drop-shadow(0 0 20px rgba(0,255,0,.6));transform:rotate(-2deg)}}@keyframes hearts-float{0%,to{transform:translateY(0) scale(1);filter:brightness(1) drop-shadow(0 0 10px rgba(255,20,147,.5))}25%{transform:translateY(-3px) scale(1.02);filter:brightness(1.1) drop-shadow(0 0 15px rgba(255,20,147,.7))}50%{transform:translateY(-5px) scale(1.03);filter:brightness(1.2) drop-shadow(0 0 20px rgba(255,20,147,.8))}75%{transform:translateY(-3px) scale(1.02);filter:brightness(1.1) drop-shadow(0 0 15px rgba(255,20,147,.7))}}@keyframes ice-breath{0%,to{transform:scale(1) rotate(0);filter:brightness(1) drop-shadow(0 0 10px rgba(100,200,255,.5)) hue-rotate(0deg)}25%{transform:scale(1.02) rotate(1deg);filter:brightness(1.1) drop-shadow(0 0 15px rgba(100,200,255,.7)) hue-rotate(10deg)}50%{transform:scale(1.03) rotate(0);filter:brightness(1.2) drop-shadow(0 0 20px rgba(100,200,255,.9)) hue-rotate(20deg)}75%{transform:scale(1.02) rotate(-1deg);filter:brightness(1.1) drop-shadow(0 0 15px rgba(100,200,255,.7)) hue-rotate(10deg)}}@keyframes phoenix-rise{0%,to{transform:translateY(0) scale(1);filter:brightness(1) drop-shadow(0 0 15px rgba(255,100,0,.6))}50%{transform:translateY(-8px) scale(1.05);filter:brightness(1.3) drop-shadow(0 0 25px rgba(255,100,0,.9))}}@keyframes cyber-glitch{0%,to{transform:translate(0) skew(0);filter:brightness(1) drop-shadow(0 0 10px rgba(0,255,255,.5)) drop-shadow(0 0 20px rgba(255,0,255,.3))}10%{transform:translate(-2px,1px) skew(1deg);filter:brightness(1.1) drop-shadow(-5px 0 10px rgba(255,0,255,.8)) drop-shadow(5px 0 10px rgba(0,255,255,.8))}20%{transform:translate(2px,-1px) skew(-1deg);filter:brightness(1.2) drop-shadow(5px 0 10px rgba(255,0,255,.8)) drop-shadow(-5px 0 10px rgba(0,255,255,.8))}30%,90%{transform:translate(0) skew(0);filter:brightness(1) drop-shadow(0 0 10px rgba(0,255,255,.5)) drop-shadow(0 0 20px rgba(255,0,255,.3))}}@keyframes sakura-fall{0%,to{transform:rotate(0) translateY(0);filter:brightness(1) drop-shadow(0 0 8px rgba(255,182,193,.5))}25%{transform:rotate(3deg) translateY(2px);filter:brightness(1.05) drop-shadow(0 0 12px rgba(255,182,193,.6))}50%{transform:rotate(0) translateY(4px);filter:brightness(1.1) drop-shadow(0 0 15px rgba(255,182,193,.7))}75%{transform:rotate(-3deg) translateY(2px);filter:brightness(1.05) drop-shadow(0 0 12px rgba(255,182,193,.6))}}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes floatUp{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:.15}90%{opacity:.15}to{transform:translateY(-120vh) rotate(720deg);opacity:0}}@keyframes shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.btn-ripple{position:relative;overflow:hidden}.btn-ripple:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.3) 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:scale(10);opacity:0;transition:transform .5s,opacity 1s}.btn-ripple:active:after{transform:scale(0);opacity:.3;transition:0s}.btn{position:relative;overflow:hidden}.btn:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.25) 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:scale(10);opacity:0;transition:transform .5s,opacity 1s}.btn:active:after{transform:scale(0);opacity:.4;transition:0s}.skeleton{background:linear-gradient(90deg,var(--bg-glass) 0%,rgba(255,255,255,.1) 50%,var(--bg-glass) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1em;margin-bottom:.5em}.skeleton-text:last-child{width:70%}.skeleton-avatar{width:40px;height:40px;border-radius:50%}.skeleton-button{height:36px;width:80px}.skeleton-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border-color)}.fade-in{animation:fadeIn .5s ease forwards}.slide-up-fade{animation:slideUpFade .4s ease forwards}@keyframes slideUpFade{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.nav-item-glow:hover{box-shadow:0 0 20px var(--primary),0 0 40px rgba(var(--primary),.3)}.notification-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:linear-gradient(135deg,#ef4444,#f97316);color:#fff;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #ef444466;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.page-transition-enter{opacity:0;transform:translate(20px)}.page-transition-enter-active{opacity:1;transform:translate(0);transition:all .3s ease}.page-transition-exit{opacity:1}.page-transition-exit-active{opacity:0;transition:opacity .2s ease}.glass-effect{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.glow-text{text-shadow:0 0 10px var(--primary),0 0 20px var(--primary),0 0 40px var(--primary)}.hover-scale{transition:transform .2s ease}.hover-scale:hover{transform:scale(1.02)}.count-animate{animation:countUp .6s ease forwards}:root{--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out;--transition-slow: .5s ease-in-out}:root[data-theme=default_light][data-mode=light],:root[data-mode=light]:not([data-theme]){--primary: #82e022;--primary-light: #a3f742;--primary-dark: #63b312;--secondary: #2dd4bf;--accent: #eab308;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6;--bg: #f4fce3;--bg-secondary: #ecfccb;--sidebar-bg: linear-gradient(180deg, #064e3b 0%, #022c22 100%);--sidebar-border: #065f46;--text-primary: #14532d;--text-secondary: #166534;--text-muted: #4ade80;--border-color: #d9f99d;--bg-dark: #f0fdf4;--bg-card: rgba(244, 252, 227, .85);--bg-card-hover: rgba(217, 249, 157, .6);--bg-glass: rgba(236, 252, 203, .7);--card-bg: rgba(255, 255, 255, .9);--card-shadow: 0 4px 15px 0 rgba(130, 224, 34, .2);--shadow-card: 0 4px 15px 0 rgba(130, 224, 34, .2);--border-glow: #82e022}:root[data-theme=default_dark][data-mode=dark],:root[data-mode=dark]:not([data-theme]){--primary: #6366f1;--primary-light: #818cf8;--primary-dark: #4f46e5;--secondary: #8b5cf6;--accent: #ec4899;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6;--bg: #0f1419;--bg-secondary: #1a1f2e;--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-muted: #9ca3af;--border-color: #374151;--bg-dark: #0f1419;--bg-card: #16202e;--bg-card-hover: #1e293b;--bg-glass: rgba(15, 20, 25, .8);--card-bg: #16202e;--card-shadow: 0 4px 20px 0 rgba(0, 0, 0, .5);--shadow-card: 0 4px 20px 0 rgba(0, 0, 0, .5);--border-glow: #6366f1}:root[data-theme=midnight_purple][data-mode=dark]{--primary: #9b59b6;--primary-light: #bb8fce;--primary-dark: #7d3c98;--secondary: #8e44ad;--accent: #e74c3c;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--bg: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);--bg-secondary: #16213e;--text-primary: #ecf0f1;--text-secondary: #bdc3c7;--text-muted: #95a5a6;--border-color: #34495e;--bg-dark: #1a1a2e;--bg-card: rgba(26, 26, 46, .95);--bg-card-hover: #1e2f4f;--bg-glass: rgba(26, 26, 46, .8);--card-bg: rgba(26, 26, 46, .95);--card-shadow: 0 8px 32px 0 rgba(155, 89, 182, .3);--shadow-card: 0 8px 32px 0 rgba(155, 89, 182, .3);--shadow-glow: 0 0 30px rgba(155, 89, 182, .4);--border-glow: #9b59b6}:root[data-theme=neon_cyber][data-mode=dark]{--primary: #00ff9f;--primary-light: #00ffcc;--primary-dark: #00cc7f;--secondary: #00d9ff;--accent: #ff00ff;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--bg: linear-gradient(135deg, #0a0e27 0%, #0d1520 50%, #1a0033 100%);--bg-secondary: #0d1520;--text-primary: #00ff9f;--text-secondary: #00ffcc;--text-muted: #00cc7f;--border-color: #00ff9f;--bg-dark: #0a0e27;--bg-card: rgba(10, 14, 39, .95);--bg-card-hover: #1a1f3a;--bg-glass: rgba(10, 14, 39, .8);--card-bg: rgba(10, 14, 39, .95);--card-shadow: 0 0 30px rgba(0, 255, 159, .3), 0 8px 32px rgba(0, 0, 0, .5);--shadow-card: 0 0 30px rgba(0, 255, 159, .3), 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 30px rgba(0, 255, 159, .5);--border-glow: #00ffcc;--neon-glow: 0 0 5px var(--primary), 0 0 10px var(--primary), 0 0 20px var(--primary)}:root[data-theme=dracula][data-mode=dark]{--primary: #bd93f9;--primary-light: #caa9fa;--primary-dark: #9b6fd8;--secondary: #ff79c6;--accent: #50fa7b;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--bg: linear-gradient(135deg, #282a36 0%, #1e1f29 100%);--bg-secondary: #1e1f29;--text-primary: #f8f8f2;--text-secondary: #e6e6e6;--text-muted: #6272a4;--border-color: #44475a;--bg-dark: #282a36;--bg-card: rgba(40, 42, 54, .95);--bg-card-hover: #343746;--bg-glass: rgba(40, 42, 54, .8);--card-bg: rgba(40, 42, 54, .95);--card-shadow: 0 8px 32px 0 rgba(189, 147, 249, .2);--shadow-card: 0 8px 32px 0 rgba(189, 147, 249, .2);--shadow-glow: 0 0 30px rgba(189, 147, 249, .3);--border-glow: #bd93f9}:root[data-theme=space_black][data-mode=dark]{--primary: #64b5f6;--primary-light: #90caf9;--primary-dark: #42a5f5;--secondary: #81c784;--accent: #ffb74d;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--bg: linear-gradient(135deg, #0d1117 0%, #161b22 50%, #1a1f2e 100%);--bg-secondary: #161b22;--text-primary: #c9d1d9;--text-secondary: #8b949e;--text-muted: #6e7681;--border-color: #30363d;--bg-dark: #0d1117;--bg-card: rgba(13, 17, 23, .95);--bg-card-hover: #21262d;--bg-glass: rgba(13, 17, 23, .8);--card-bg: rgba(13, 17, 23, .95);--card-shadow: 0 8px 32px 0 rgba(0, 0, 0, .7);--shadow-card: 0 8px 32px 0 rgba(0, 0, 0, .7);--shadow-glow: 0 0 20px rgba(100, 181, 246, .2);--border-glow: #64b5f6}:root[data-theme=matrix_green][data-mode=dark]{--primary: #00ff00;--primary-light: #33ff33;--primary-dark: #00cc00;--secondary: #00cc00;--accent: #008000;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--bg: linear-gradient(135deg, #000000 0%, #001a00 50%, #003300 100%);--bg-secondary: #001a00;--text-primary: #00ff00;--text-secondary: #00cc00;--text-muted: #008000;--border-color: #00ff00;--bg-dark: #000000;--bg-card: rgba(0, 0, 0, .95);--bg-card-hover: #003300;--bg-glass: rgba(0, 0, 0, .8);--card-bg: rgba(0, 0, 0, .95);--card-shadow: 0 0 20px rgba(0, 255, 0, .3), 0 8px 32px rgba(0, 0, 0, .8);--shadow-card: 0 0 20px rgba(0, 255, 0, .3), 0 8px 32px rgba(0, 0, 0, .8);--shadow-glow: 0 0 30px rgba(0, 255, 0, .5);--border-glow: #00ff00;--matrix-glow: 0 0 5px var(--primary), 0 0 10px var(--primary)}:root[data-theme=blood_red][data-mode=dark]{--primary: #ff0000;--primary-light: #ff3333;--primary-dark: #cc0000;--secondary: #8b0000;--accent: #dc143c;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--bg: linear-gradient(135deg, #1a0000 0%, #330000 50%, #4d0000 100%);--bg-secondary: #330000;--text-primary: #ffcccc;--text-secondary: #ff9999;--text-muted: #cc6666;--border-color: #8b0000;--bg-dark: #1a0000;--bg-card: rgba(26, 0, 0, .95);--bg-card-hover: #4d0000;--bg-glass: rgba(26, 0, 0, .8);--card-bg: rgba(26, 0, 0, .95);--card-shadow: 0 0 30px rgba(255, 0, 0, .3), 0 8px 32px rgba(0, 0, 0, .8);--shadow-card: 0 0 30px rgba(255, 0, 0, .3), 0 8px 32px rgba(0, 0, 0, .8);--shadow-glow: 0 0 30px rgba(255, 0, 0, .5);--border-glow: #ff0000}*:not(input):not(select):not(textarea):not(button){transition:background-color var(--transition-normal),border-color var(--transition-normal),color var(--transition-normal),box-shadow var(--transition-normal)}@keyframes themeChange{0%{opacity:1}50%{opacity:.7}to{opacity:1}}:root{animation:themeChange .5s ease-in-out}@keyframes wave{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes neonPulse{0%,to{box-shadow:0 0 5px var(--primary),0 0 10px var(--primary)}50%{box-shadow:0 0 10px var(--primary),0 0 20px var(--primary),0 0 30px var(--primary)}}:root[data-theme]{background-size:200% 200%}