@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--primary: #FACC15;--primary-dark: #CA9A04;--primary-hover: #EAB308;--primary-glow: rgba(250, 204, 21, .35);--primary-subtle: rgba(250, 204, 21, .08);--accent-blue: #3B82F6;--accent-blue-glow: rgba(59, 130, 246, .3);--accent-blue-subtle: rgba(59, 130, 246, .08);--accent-purple: #8B5CF6;--accent-purple-glow: rgba(139, 92, 246, .3);--accent-purple-subtle: rgba(139, 92, 246, .08);--accent-teal: #06B6D4;--accent-teal-glow: rgba(6, 182, 212, .3);--accent-orange: #F97316;--accent-orange-subtle: rgba(249, 115, 22, .1);--success: #10B981;--success-glow: rgba(16, 185, 129, .3);--success-subtle: rgba(16, 185, 129, .08);--warning: #F59E0B;--warning-glow: rgba(245, 158, 11, .3);--warning-subtle: rgba(245, 158, 11, .08);--danger: #EF4444;--danger-glow: rgba(239, 68, 68, .3);--danger-subtle: rgba(239, 68, 68, .08);--info: #06B6D4;--bg-main: #070B14;--bg-card: rgba(13, 20, 38, .92);--bg-surface: rgba(18, 27, 50, .85);--bg-hover: rgba(25, 37, 65, .9);--bg-elevated: rgba(22, 33, 58, .95);--text-main: #F1F5FF;--text-dim: #94A3C0;--text-muted: #5B6B85;--text-placeholder: #3D4F6B;--border: rgba(99, 130, 186, .12);--border-md: rgba(99, 130, 186, .18);--border-bright: rgba(99, 130, 186, .28);--border-glow: rgba(250, 204, 21, .25);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .35);--shadow-md: 0 6px 20px rgba(0, 0, 0, .5);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .6);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .7);--shadow-glow: 0 0 24px var(--primary-glow);--glass-bg: rgba(13, 20, 38, .7);--glass-border: rgba(99, 130, 186, .14);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .5);--font-heading: "Plus Jakarta Sans", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--space-xs: .375rem;--space-sm: .75rem;--space-md: 1.25rem;--space-lg: 2rem;--space-xl: 3.5rem;--radius-xs: .375rem;--radius-sm: .625rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-xl: 2rem;--radius-full: 9999px;--ease: cubic-bezier(.25, 1, .5, 1);--transition: all .25s var(--ease);--transition-slow: all .45s var(--ease)}body.light-theme{--bg-main: #F0F4FF;--bg-card: rgba(255, 255, 255, .92);--bg-surface: rgba(240, 245, 255, .95);--bg-hover: rgba(230, 238, 255, .95);--bg-elevated: rgba(255, 255, 255, .98);--text-main: #0D1526;--text-dim: #3D5080;--text-muted: #7A90B5;--text-placeholder: #A0B0CC;--border: rgba(59, 90, 160, .1);--border-md: rgba(59, 90, 160, .16);--border-bright: rgba(59, 90, 160, .25);--glass-bg: rgba(255, 255, 255, .75);--glass-border: rgba(200, 215, 255, .5);--glass-shadow: 0 8px 32px rgba(59, 90, 160, .08);--shadow-sm: 0 2px 8px rgba(59, 90, 160, .08);--shadow-md: 0 6px 20px rgba(59, 90, 160, .12);--primary-glow: rgba(250, 204, 21, .25)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);font-feature-settings:"ss01","ss02","cv01";background-color:var(--bg-main);background-image:radial-gradient(ellipse 80% 50% at 10% 0%,rgba(250,204,21,.07) 0%,transparent 50%),radial-gradient(ellipse 60% 50% at 90% 0%,rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(ellipse 50% 60% at 50% 100%,rgba(139,92,246,.06) 0%,transparent 55%),radial-gradient(ellipse 40% 30% at 70% 50%,rgba(6,182,212,.04) 0%,transparent 40%);background-attachment:fixed;color:var(--text-main);line-height:1.65;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:800;color:var(--text-main);letter-spacing:-.025em;line-height:1.2}a{text-decoration:none;color:inherit;transition:var(--transition)}ul{list-style:none}img,svg{display:block}button{cursor:pointer;border:none;outline:none;font-family:inherit;transition:var(--transition)}input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.glass{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.gradient-text{background:linear-gradient(135deg,var(--primary) 0%,#F97316 50%,var(--accent-purple) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto;animation:textShimmer 5s linear infinite}@keyframes textShimmer{0%{background-position:0% center}to{background-position:200% center}}.text-dim{color:var(--text-dim)}.text-muted{color:var(--text-muted)}.font-bold{font-weight:700}.font-black{font-weight:900}.container{max-width:1440px;margin:0 auto;padding:0 var(--space-md)}.section{padding:var(--space-xl) 0}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.flex-col{flex-direction:column}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.w-full{width:100%}.text-center{text-align:center}.text-right{text-align:right}.overflow-hidden{overflow:hidden}.relative{position:relative}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.25rem;background:linear-gradient(135deg,var(--primary) 0%,#F0A500 100%);color:#0d1014;font-family:var(--font-heading);font-weight:800;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius-sm);border:none;box-shadow:0 4px 16px var(--primary-glow);cursor:pointer;position:relative;overflow:hidden;transition:var(--transition)}.btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.22) 0%,transparent 70%);opacity:0;transition:var(--transition)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px var(--primary-glow)}.btn-primary:hover:before{opacity:1}.btn-primary:active{transform:translateY(0)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.25rem;background:var(--bg-surface);color:var(--text-main);font-family:var(--font-heading);font-weight:700;font-size:.82rem;letter-spacing:.03em;border-radius:var(--radius-sm);border:1px solid var(--border-md);cursor:pointer;transition:var(--transition)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--primary);color:var(--primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem .85rem;background:transparent;color:var(--text-dim);font-weight:700;font-size:.8rem;border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer;transition:var(--transition)}.btn-ghost:hover{background:var(--bg-surface);color:var(--text-main);border-color:var(--border-md)}.btn-danger{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:var(--danger-subtle);color:var(--danger);font-weight:800;font-size:.8rem;border-radius:var(--radius-sm);border:1px solid rgba(239,68,68,.2);cursor:pointer;transition:var(--transition)}.btn-danger:hover{background:#ef444426;box-shadow:0 4px 12px var(--danger-glow)}input,select,textarea{width:100%;background:var(--bg-surface);border:1px solid var(--border-md);padding:.65rem 1rem;border-radius:var(--radius-sm);color:var(--text-main);font-size:.9rem;font-family:var(--font-body);font-weight:500;transition:var(--transition);-moz-appearance:none;appearance:none;-webkit-appearance:none}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);background:var(--bg-elevated)}input::placeholder,textarea::placeholder{color:var(--text-placeholder)}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235B6B85' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .9rem center;padding-right:2.5rem;cursor:pointer}.input-label{display:block;font-family:var(--font-heading);font-weight:700;font-size:.72rem;color:var(--text-dim);margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.07em}.input-group{margin-bottom:1.25rem}.dashboard-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.25rem;transition:var(--transition);position:relative;overflow:hidden}.dashboard-card:hover{border-color:var(--border-md);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.1rem 1.25rem;position:relative;overflow:hidden;transition:var(--transition)}.stat-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.015) 0%,transparent 60%);pointer-events:none}.stat-card:hover{border-color:var(--border-bright);box-shadow:var(--shadow-md);transform:translateY(-3px)}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.28rem .75rem;border-radius:var(--radius-full);font-family:var(--font-heading);font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;border:1px solid currentColor;transition:var(--transition)}.badge-pending{color:var(--warning);background:var(--warning-subtle);border-color:#f59e0b33}.badge-confirmed{color:var(--accent-blue);background:var(--accent-blue-subtle);border-color:#3b82f633}.badge-delivered{color:var(--success);background:var(--success-subtle);border-color:#10b98133}.badge-cancelled{color:var(--danger);background:var(--danger-subtle);border-color:#ef444433}.badge-paid{color:var(--success);background:var(--success-subtle);border-color:#10b98133}.badge-partial{color:var(--warning);background:var(--warning-subtle);border-color:#f59e0b33}.badge-unpaid{color:var(--danger);background:var(--danger-subtle);border-color:#ef444433}.badge-active{color:var(--success);background:var(--success-subtle);border-color:#10b98133}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;animation:pulse-dot 2s infinite}.dot-pending{background:var(--warning)}.dot-confirmed{background:var(--accent-blue)}.dot-delivered{background:var(--success);animation:none}.dot-cancelled{background:var(--danger);animation:none}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.table-container{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-card);overflow:hidden;box-shadow:var(--shadow-sm)}table{width:100%;border-collapse:collapse}thead{background:var(--bg-surface);border-bottom:1px solid var(--border-md)}th{padding:.8rem 1.1rem;text-align:left;font-family:var(--font-heading);font-weight:800;font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;white-space:nowrap}td{padding:.9rem 1.1rem;text-align:left;border-bottom:1px solid var(--border);font-size:.875rem;color:var(--text-main);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background .15s ease}tbody tr.row-clickable{cursor:pointer}tbody tr:hover td{background:var(--bg-hover)}.admin-main-content{padding:16px;min-height:100vh}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem}.page-title{font-family:var(--font-heading);font-size:1.55rem;font-weight:900;color:var(--text-main);letter-spacing:-.03em;margin-bottom:.2rem}.page-subtitle{font-size:.825rem;color:var(--text-muted);font-weight:500}.header-actions{display:flex;gap:.6rem;align-items:center}.chart-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.25rem;transition:var(--transition)}.chart-card:hover{border-color:var(--border-md);box-shadow:var(--shadow-sm)}.chart-title{display:flex;align-items:center;gap:.5rem;font-family:var(--font-heading);font-size:.9rem;font-weight:800;color:var(--text-main);margin-bottom:1rem}.recharts-tooltip-wrapper .recharts-default-tooltip{background:var(--bg-elevated)!important;border:1px solid var(--border-md)!important;border-radius:var(--radius-sm)!important;box-shadow:var(--shadow-md)!important}.recharts-cartesian-axis-tick-value{font-family:var(--font-body)!important}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#04070fbf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:1000;display:flex;justify-content:center;align-items:flex-start;padding:3rem 1rem;overflow-y:auto}.modal-box{background:var(--bg-card);border:1px solid var(--border-md);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-height:calc(100vh - 6rem);display:flex;flex-direction:column;overflow:hidden;animation:modalSlideIn .3s var(--ease)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);background:var(--bg-surface);flex-shrink:0}.modal-body{overflow-y:auto;flex:1;padding:1.5rem}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border);background:var(--bg-surface);flex-shrink:0}.filters-bar{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center;padding:.85rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:1.25rem}.search-wrapper{position:relative;flex:1;min-width:260px}.search-wrapper .search-icon{position:absolute;left:.9rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-wrapper input{padding-left:2.6rem}.filter-tabs{display:flex;gap:.3rem;background:var(--bg-surface);padding:.3rem;border-radius:var(--radius-sm);border:1px solid var(--border)}.filter-tab{padding:.38rem .85rem;border-radius:calc(var(--radius-sm) - 2px);font-family:var(--font-heading);font-weight:700;font-size:.78rem;color:var(--text-dim);background:transparent;border:none;cursor:pointer;text-transform:capitalize;transition:var(--transition);white-space:nowrap}.filter-tab:hover{color:var(--text-main);background:var(--bg-elevated)}.filter-tab.active{background:var(--primary);color:#0d1014;box-shadow:0 2px 8px var(--primary-glow)}.sticky-nav{position:sticky;top:1rem;z-index:1000;margin-bottom:2rem}.nav-container{display:flex;justify-content:space-between;align-items:center;padding:.6rem 1.5rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.nav-logo{font-family:var(--font-heading);font-weight:900;font-size:1.5rem;letter-spacing:-.03em;display:flex;align-items:center;gap:.6rem}.logo-text{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#0d1014;padding:.18rem .6rem;border-radius:.5rem;font-weight:900}.nav-links{display:flex;align-items:center;gap:2.5rem}.nav-link{font-weight:600;color:var(--text-dim);font-size:.92rem;position:relative;transition:var(--transition)}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background:var(--primary);border-radius:2px;transform:scaleX(0);transform-origin:right;transition:transform .3s var(--ease)}.nav-link:hover{color:var(--text-main)}.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1);transform-origin:left}.nav-link.active{color:var(--primary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:fadeInUp .5s var(--ease) both}.delay-1{animation-delay:.08s}.delay-2{animation-delay:.16s}.delay-3{animation-delay:.24s}.delay-4{animation-delay:.32s}.footer{background:var(--bg-card);border-top:1px solid var(--border);padding:5rem 0 2.5rem;margin-top:6rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:3rem;margin-bottom:3rem}.footer-col{display:flex;flex-direction:column;gap:1.25rem}.footer-col h4{font-family:var(--font-heading);color:var(--text-main);font-size:.8rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.footer-bottom{border-top:1px solid var(--border);padding-top:1.75rem;text-align:center;color:var(--text-muted);font-size:.83rem;font-weight:500}.mobile-toggle{display:none;background:transparent;border:none;cursor:pointer;padding:.5rem;color:var(--text-main)}.mobile-only{display:none!important}@media (max-width: 768px){.nav-links{display:none}.mobile-toggle{display:flex}.mobile-only{display:flex!important}.footer-grid{grid-template-columns:1fr;gap:2rem}.section{padding:2.5rem 0}.admin-main-content{padding:1rem}}[data-scroll]{opacity:0;will-change:opacity,transform;transition-property:opacity,transform;transition-timing-function:cubic-bezier(.22,1,.36,1);transition-duration:.75s;transition-delay:var(--scroll-delay, 0ms)}[data-scroll].in-view{opacity:1;transform:none!important}.scroll-fade-up{transform:translateY(52px)}.scroll-slide-up{transform:translateY(80px);transition-duration:.85s}.scroll-slide-right{transform:translate(-60px);transition-duration:.9s}.scroll-slide-left{transform:translate(60px);transition-duration:.9s}.scroll-zoom-in{transform:scale(.82) translateY(30px);transition-duration:1s}.scroll-fade{transform:none;transition-duration:.6s}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;transform:translateY(50px)}@media (max-width: 900px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}}.stat-card{padding:2.5rem 2rem;border-radius:1.75rem;background:var(--bg-card);border:1px solid var(--border);text-align:center;position:relative;overflow:hidden;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}.stat-card:hover{transform:translateY(-6px);box-shadow:0 24px 60px #0006,0 0 0 1px var(--border-bright)}.stat-value{font-family:var(--font-heading);font-size:3rem;font-weight:900;color:var(--primary);letter-spacing:-.03em;line-height:1;margin-bottom:.75rem}.stat-label{font-size:.95rem;color:var(--text-dim);font-weight:600;margin-bottom:1.25rem;text-transform:uppercase;letter-spacing:.08em}.stat-bar{height:3px;background:var(--border);border-radius:99px;overflow:hidden}.stat-bar-fill{height:100%;width:0;background:linear-gradient(90deg,var(--primary),var(--accent-orange));border-radius:99px;transition:width 1.4s cubic-bezier(.22,1,.36,1) var(--bar-delay, 0ms)}.in-view .stat-bar-fill,#stats-section.in-view~.stats-grid .stat-bar-fill{width:100%}[data-scroll].in-view .stat-bar-fill{width:100%}.hero-orb{transition:box-shadow .4s var(--ease)}.hero-orb:hover{box-shadow:0 0 60px var(--primary-glow),var(--glass-shadow)}.orb-glow{position:absolute;border-radius:50%;pointer-events:none}.orb-glow--top{top:-10px;right:-10px;width:30px;height:30px;background:var(--accent-orange);filter:blur(15px);opacity:.6;animation:orbPulse 3s ease-in-out infinite}.orb-glow--bottom{bottom:-10px;left:-10px;width:40px;height:40px;background:var(--primary);filter:blur(20px);opacity:.4;animation:orbPulse 3s ease-in-out infinite 1.5s}@keyframes orbPulse{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.4);opacity:.7}}.service-card{transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease)!important}.service-card:hover{transform:translateY(-10px);box-shadow:0 30px 70px #00000073,0 0 0 1px var(--border-bright);border-color:var(--border-bright)!important}.service-card:hover .icon-wrapper{transform:scale(1.12) rotate(-4deg);box-shadow:0 0 28px var(--primary-glow)}.download-glow{position:absolute;border-radius:50%;pointer-events:none}.download-glow--top{top:0;right:0;width:400px;height:400px;background:var(--primary);filter:blur(200px);opacity:.15}.download-glow--bottom{bottom:0;left:0;width:300px;height:300px;background:var(--accent-purple);filter:blur(150px);opacity:.15}.download-btn{transition:transform .25s var(--ease),box-shadow .25s var(--ease)!important}.download-btn:hover{transform:translateY(-3px);box-shadow:0 12px 30px #0000004d}.cta-btn{position:relative;overflow:visible}.cta-btn:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:inherit;border:2px solid var(--primary);opacity:0;transform:scale(.95);transition:opacity .3s,transform .3s;pointer-events:none}.cta-btn:hover:after{opacity:.5;transform:scale(1.04)}.scroll-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--accent-orange),var(--accent-purple));z-index:9999;transform-origin:left;transition:width .1s linear;box-shadow:0 0 10px var(--primary-glow)}@media (max-width: 768px){.scroll-slide-right,.scroll-slide-left{transform:translateY(50px)}.stat-value{font-size:2.2rem}}@media (prefers-reduced-motion: reduce){[data-scroll]{transition:none;opacity:1;transform:none!important}.stat-bar-fill{transition:none;width:100%}.orb-glow--top,.orb-glow--bottom{animation:none}}.hero-3d-row{margin-top:5rem;display:flex;justify-content:center;align-items:center;gap:4rem;flex-wrap:wrap}.cube-scene{perspective:600px;width:140px;height:140px;flex-shrink:0}.cube-3d{width:100%;height:100%;position:relative;transform-style:preserve-3d;animation:rotateCube 14s linear infinite}@keyframes rotateCube{0%{transform:rotateX(0) rotateY(0) rotate(0)}33%{transform:rotateX(120deg) rotateY(120deg) rotate(30deg)}66%{transform:rotateX(240deg) rotateY(60deg) rotate(90deg)}to{transform:rotateX(360deg) rotateY(360deg) rotate(360deg)}}.cube-face{position:absolute;width:140px;height:140px;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;background:#facc1512;border:1px solid rgba(250,204,21,.25);border-radius:1.25rem;color:var(--primary);font-weight:800;font-size:.85rem;letter-spacing:.04em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);backface-visibility:visible}.cube-face:nth-child(2){background:#3b82f612;border-color:#3b82f640;color:var(--accent-blue)}.cube-face:nth-child(3){background:#8b5cf612;border-color:#8b5cf640;color:var(--accent-purple)}.cube-face:nth-child(4){background:#06b6d412;border-color:#06b6d440;color:var(--accent-teal)}.cube-face:nth-child(5){background:#f9731612;border-color:#f9731640;color:var(--accent-orange)}.cube-face:nth-child(6){background:#10b98112;border-color:#10b98140;color:var(--success)}.rings-3d{position:relative;width:120px;height:120px;flex-shrink:0}.ring{position:absolute;border-radius:50%;border:1.5px solid transparent;top:0;right:0;bottom:0;left:0;animation:spinRing linear infinite;background:linear-gradient(var(--bg-main),var(--bg-main)) padding-box,linear-gradient(135deg,var(--primary),transparent 60%) border-box}.ring--1{animation-duration:4s;animation-direction:normal}.ring--2{top:14px;right:14px;bottom:14px;left:14px;animation-duration:7s;animation-direction:reverse;background:linear-gradient(var(--bg-main),var(--bg-main)) padding-box,linear-gradient(135deg,var(--accent-blue),transparent 60%) border-box}.ring--3{top:28px;right:28px;bottom:28px;left:28px;animation-duration:5s;animation-direction:normal;background:linear-gradient(var(--bg-main),var(--bg-main)) padding-box,linear-gradient(135deg,var(--accent-purple),transparent 60%) border-box}@keyframes spinRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tilt-card{position:relative;transform-style:preserve-3d;will-change:transform}.tilt-shine{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;opacity:0;transition:opacity .3s;pointer-events:none;z-index:1}.card-3d-corner{position:absolute;bottom:1.5rem;right:1.5rem;width:36px;height:36px;border-right:2px solid var(--corner-color, var(--primary));border-bottom:2px solid var(--corner-color, var(--primary));border-radius:0 0 .75rem;opacity:.35;transition:opacity .3s,width .3s,height .3s}.tilt-card:hover .card-3d-corner{opacity:.7;width:48px;height:48px}.service-card.tilt-card{transition:box-shadow .35s var(--ease),border-color .35s var(--ease)!important}.service-card.tilt-card:hover{transform:none;box-shadow:0 30px 70px #00000073,0 0 0 1px var(--border-bright);border-color:var(--card-accent, var(--border-bright))!important}.service-card.tilt-card:hover .icon-wrapper{transform:scale(1.12) translateZ(20px);box-shadow:0 0 32px var(--card-accent, var(--primary-glow))}.feature-strip-3d{display:grid;grid-template-columns:repeat(6,1fr);gap:1.25rem}@media (max-width: 1100px){.feature-strip-3d{grid-template-columns:repeat(3,1fr)}}@media (max-width: 640px){.feature-strip-3d{grid-template-columns:repeat(2,1fr)}}.feat-badge-3d{padding:1.75rem 1.5rem;border-radius:1.5rem;background:var(--bg-card);border:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;cursor:default;animation:floatBadge 4s ease-in-out infinite;animation-delay:var(--badge-delay, 0ms);position:relative;overflow:hidden}.feat-icon{font-size:2rem;line-height:1;margin-bottom:.25rem}.feat-badge-3d strong{font-size:.95rem;font-weight:700;color:var(--text-main)}.feat-sub{font-size:.78rem;color:var(--text-dim)}@keyframes floatBadge{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hero-section{min-height:100vh;display:flex;flex-direction:column;justify-content:center}@media (max-width: 768px){.hero-3d-row{gap:2.5rem}.cube-scene,.cube-face{width:100px;height:100px}.feature-strip-3d{gap:.75rem}.feat-badge-3d{padding:1.25rem 1rem}.tilt-card{transform:none!important;transition:transform .4s var(--ease),box-shadow .4s var(--ease)!important}}@media (prefers-reduced-motion: reduce){.cube-3d,.ring--1,.ring--2,.ring--3,.feat-badge-3d{animation:none}.tilt-card{transform:none!important}}@keyframes toastSlideIn{0%{opacity:0;transform:translate(120%) scale(.92)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toastProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(32px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}:root{--ubernatural-bg-mesh: radial-gradient(circle at 50% 0%, rgba(59, 130, 246, .15), transparent 70%), radial-gradient(circle at 80% 60%, rgba(139, 92, 246, .12), transparent 60%), radial-gradient(circle at 10% 90%, rgba(6, 182, 212, .1), transparent 50%);--ubernatural-border: rgba(255, 255, 255, .12);--ubernatural-glass-scrolled: rgba(13, 20, 38, .88);--ubernatural-shadow-scrolled: 0 20px 50px rgba(0, 0, 0, .6), 0 0 30px rgba(250, 204, 21, .1);--ubernatural-glow: rgba(250, 204, 21, .4)}body.light-theme{--ubernatural-bg-mesh: radial-gradient(circle at 50% 0%, rgba(59, 130, 246, .08), transparent 70%), radial-gradient(circle at 80% 60%, rgba(139, 92, 246, .06), transparent 60%), radial-gradient(circle at 10% 90%, rgba(6, 182, 212, .08), transparent 50%);--ubernatural-border: rgba(59, 90, 160, .16);--ubernatural-glass-scrolled: rgba(255, 255, 255, .94);--ubernatural-shadow-scrolled: 0 20px 50px rgba(59, 90, 160, .12), 0 0 20px rgba(250, 204, 21, .15)}.ubernatural-bg{position:relative;min-height:100vh;overflow-x:hidden}.ubernatural-mesh-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.ubernatural-blob{position:absolute;border-radius:50%;filter:blur(130px);opacity:.45;will-change:transform}.ubernatural-blob-1{top:-10%;left:20%;width:550px;height:550px;background:radial-gradient(circle,var(--accent-blue) 0%,var(--primary) 100%);animation:floatBlob1 18s ease-in-out infinite alternate}.ubernatural-blob-2{top:40%;right:-5%;width:600px;height:600px;background:radial-gradient(circle,var(--accent-purple) 0%,var(--accent-teal) 100%);animation:floatBlob2 22s ease-in-out infinite alternate}.ubernatural-blob-3{bottom:-10%;left:-5%;width:500px;height:500px;background:radial-gradient(circle,var(--primary) 0%,var(--accent-orange) 100%);animation:floatBlob3 15s ease-in-out infinite alternate}.ubernatural-grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:32px 32px;opacity:.4}@keyframes floatBlob1{0%{transform:translate(0) scale(1)}50%{transform:translate(60px,80px) scale(1.15)}to{transform:translate(-40px,40px) scale(.9)}}@keyframes floatBlob2{0%{transform:translate(0) scale(1)}50%{transform:translate(-80px,-60px) scale(1.1)}to{transform:translate(30px,70px) scale(.95)}}@keyframes floatBlob3{0%{transform:translate(0) scale(1)}50%{transform:translate(70px,-50px) scale(1.2)}to{transform:translate(-50px,-30px) scale(.85)}}.ubernatural-glass-pill{transition:all .4s cubic-bezier(.25,1,.5,1)}.ubernatural-glass-pill:hover{border-color:#facc1559!important;box-shadow:0 12px 40px #0009,0 0 25px var(--primary-glow)!important}.ubernatural-shine-bar{position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transform:skew(-25deg);animation:shinePass 8s ease-in-out infinite;pointer-events:none}@keyframes shinePass{0%,70%{left:-100%}to{left:200%}}.ubernatural-nav-link:hover{color:var(--text-main)!important;background:#ffffff0f!important;transform:translateY(-1px)}.ubernatural-btn{position:relative;overflow:hidden;transition:all .35s cubic-bezier(.25,1,.5,1)!important}.ubernatural-btn:hover{transform:translateY(-2px) scale(1.03)!important;box-shadow:0 8px 30px var(--primary-glow),0 0 15px #f9731666!important}.ubernatural-btn:active{transform:translateY(1px) scale(.98)!important}.ubernatural-icon-btn:hover{background:var(--bg-hover)!important;border-color:var(--primary)!important;color:var(--primary)!important;box-shadow:0 0 16px var(--primary-glow);transform:rotate(15deg)}.ubernatural-logo:hover .ubernatural-logo-box{transform:rotate(180deg) scale(1.1)}@media (max-width: 900px){.desktop-only{display:none!important}.mobile-toggle{display:flex!important;align-items:center;justify-content:center}.nav-links{display:none!important}}.badge-neutral{color:var(--text-dim);background:var(--bg-surface);border-color:var(--border-md)}.dot-neutral{background:var(--text-muted);animation:none}.dot-paid,.dot-active{background:var(--success);animation:none}.dot-partial{background:var(--warning)}.dot-unpaid{background:var(--danger);animation:none}.skeleton{display:block;height:.9rem;border-radius:var(--radius-xs);background:linear-gradient(90deg,var(--bg-surface) 25%,var(--bg-hover) 37%,var(--bg-surface) 63%);background-size:400% 100%;animation:skeleton-shimmer 1.4s ease infinite}@keyframes skeleton-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}input[type=checkbox],input[type=radio]{-moz-appearance:auto;appearance:auto;-webkit-appearance:auto;width:auto;padding:0;margin:0;border:none;background:none;accent-color:var(--primary);cursor:pointer;flex-shrink:0}input[type=checkbox]:focus,input[type=radio]:focus{box-shadow:none;background:none}input[type=checkbox]:disabled,input[type=radio]:disabled{cursor:not-allowed}input[type=checkbox].perm-checkbox{width:18px;height:18px}input[type=checkbox].perm-checkbox-group{width:15px;height:15px;opacity:.75}button:disabled{cursor:not-allowed}input:disabled,select:disabled,textarea:disabled{opacity:.6;cursor:not-allowed}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (max-width: 768px){.hide-on-mobile{display:none!important}.filters-bar{flex-direction:column;align-items:stretch}.page-header{flex-direction:column;align-items:flex-start;gap:.9rem}.header-actions{width:100%;flex-wrap:wrap}}td,th{overflow-wrap:anywhere}@media (prefers-reduced-motion: reduce){.skeleton,.spin{animation:none}}