@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700;800;900&family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--bg-main:#031711;--bg-secondary:#06241b;--bg-card:#08261dbf;--bg-card-hover:#0c3227e6;--bg-glass:#062018a6;--bg-surface:#0a3326;--bg-surface-elevated:#0f4433;--gold-primary:#d4af37;--gold-light:#fef0cd;--gold-vibrant:gold;--gold-amber:#e6be48;--gold-dark:#aa7c11;--gold-deep:#785404;--gold-gradient:linear-gradient(135deg, #fff0c8 0%, #e4be52 45%, #b38515 80%, #6e4f0a 100%);--gold-gradient-soft:linear-gradient(135deg, #f7e1a0 0%, #d4af37 50%, #aa7c11 100%);--gold-border:#d4af374d;--gold-border-glow:#ffd70099;--emerald-gradient:linear-gradient(135deg, #0d4b38 0%, #06281e 50%, #031711 100%);--emerald-card-gradient:linear-gradient(145deg, #0c3025d9 0%, #041610f2 100%);--emerald-border:#22c55e33;--status-success:#10b981;--status-success-bg:#10b98126;--status-pending:#f59e0b;--status-pending-bg:#f59e0b26;--status-info:#0ea5e9;--status-info-bg:#0ea5e926;--status-error:#ef4444;--status-error-bg:#ef444426;--font-heading:"Cinzel", serif;--font-body:"Outfit", "Plus Jakarta Sans", sans-serif;--font-sans:"Plus Jakarta Sans", sans-serif;--shadow-gold:0 4px 20px -2px #d4af3740;--shadow-gold-lg:0 10px 30px -5px #d4af3766;--shadow-card:0 8px 32px 0 #00000073;--glow-gold:0 0 15px #d4af3773;--glow-emerald:0 0 20px #10b98140;--shadow-xl:0 20px 60px #0009;--shadow-inner-gold:inset 0 1px 0 #ffd7001a}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-main);color:#fdfbf7;background-image:radial-gradient(circle at 15% 15%,#10b9810f 0%,#0000 45%),radial-gradient(circle at 85% 20%,#d4af370f 0%,#0000 40%),radial-gradient(circle at 50% 85%,#0a3d2e1f 0%,#0000 60%);background-attachment:fixed;min-height:100vh;line-height:1.5;overflow-x:hidden}body:before{content:"";opacity:.025;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:fixed;inset:0}#root{z-index:1;position:relative}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#02100b}::-webkit-scrollbar-thumb{background:linear-gradient(#0f4433,#0a3326);border:1px solid #d4af3726;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#d4af37,#aa7c11)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #d4af374d}50%{box-shadow:0 0 30px #d4af378c}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes borderGlow{0%,to{border-color:#d4af374d}50%{border-color:#ffd700b3}}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.6)}}@keyframes barGrow{0%{height:0}to{height:var(--bar-height)}}@keyframes ringProgress{0%{stroke-dashoffset:var(--ring-circumference)}to{stroke-dashoffset:var(--ring-offset)}}@keyframes holographic{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideIndicator{0%{opacity:0;transform:scaleX(.8)}to{opacity:1;transform:scaleX(1)}}@keyframes revealText{0%{opacity:0;filter:blur(4px);transform:translateY(8px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes growWidth{0%{width:0}to{width:var(--target-width,100%)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.animate-fade-in-up{animation:.5s cubic-bezier(.16,1,.3,1) both fadeInUp}.animate-fade-in-down{animation:.4s ease-out both fadeInDown}.animate-slide-in-right{animation:.5s cubic-bezier(.16,1,.3,1) both slideInRight}.animate-scale-in{animation:.4s cubic-bezier(.16,1,.3,1) both scaleIn}.animate-pulse-glow{animation:2.5s infinite pulseGlow}.animate-float{animation:3s ease-in-out infinite float}.animate-shimmer{background-size:200%;animation:3s linear infinite shimmer}.animate-border-glow{animation:2s ease-in-out infinite borderGlow}.animate-dot-pulse{animation:1.5s ease-in-out infinite dotPulse}.animate-bounce-in{animation:.5s cubic-bezier(.34,1.56,.64,1) both bounceIn}.animate-reveal{animation:.5s cubic-bezier(.16,1,.3,1) both revealText}.delay-1{animation-delay:50ms}.delay-2{animation-delay:.1s}.delay-3{animation-delay:.15s}.delay-4{animation-delay:.2s}.delay-5{animation-delay:.25s}.delay-6{animation-delay:.3s}.delay-7{animation-delay:.35s}.delay-8{animation-delay:.4s}.gold-text-gradient{background:var(--gold-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.gold-gradient-bg{background:var(--gold-gradient-soft);color:#041a13;font-weight:700}.card-luxury{background:var(--emerald-card-gradient);border:1px solid var(--gold-border);box-shadow:var(--shadow-card), var(--shadow-inner-gold);-webkit-backdrop-filter:blur(20px);border-radius:18px;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card-luxury:before{content:"";pointer-events:none;opacity:0;background:linear-gradient(135deg,#d4af370a 0%,#0000 50%,#10b98108 100%);border-radius:18px;transition:opacity .35s;position:absolute;inset:0}.card-luxury:hover{box-shadow:var(--shadow-gold), var(--shadow-card), var(--shadow-inner-gold);border-color:#d4af3780;transform:translateY(-3px)}.card-luxury:hover:before{opacity:1}.card-luxury-static{background:var(--emerald-card-gradient);border:1px solid var(--gold-border);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:18px}.gold-btn{background:var(--gold-gradient-soft);color:#041912;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.85rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #d4af374d,inset 0 1px #fff3}.gold-btn:after{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(105deg,#0000 40%,#fff3 45%,#ffffff4d 50%,#fff3 55%,#0000 60%) 0 0/200% 100%;animation:4s ease-in-out infinite shimmer;position:absolute;inset:0}.gold-btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px)scale(1.02);box-shadow:0 8px 25px #d4af3780,inset 0 1px #fff3}.gold-btn:active:not(:disabled){transform:translateY(0)scale(.98)}.gold-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.5)}.gold-btn:disabled:after{animation:none}.emerald-btn{color:#fcf8ec;cursor:pointer;background:#0d4b38cc;border:1px solid #d4af3766;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.85rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.emerald-btn:hover:not(:disabled){border-color:var(--gold-primary);color:#fff;background:#145f48f2;transform:translateY(-2px);box-shadow:0 4px 15px #10b98133}.danger-btn{color:#fca5a5;cursor:pointer;background:#ef444426;border:1px solid #ef444466;border-radius:12px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .25s}.danger-btn:hover{color:#fee2e2;background:#ef44444d;border-color:#ef4444;transform:translateY(-1px)}.badge-gold{color:#f7e1a0;letter-spacing:.04em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#d4af3726;border:1px solid #d4af3766;border-radius:9999px;align-items:center;gap:4px;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.badge-emerald{color:#6ee7b7;background:#10b98126;border:1px solid #10b98159;border-radius:9999px;align-items:center;gap:4px;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.badge-amber{color:#fcd34d;background:#f59e0b26;border:1px solid #f59e0b59;border-radius:9999px;align-items:center;gap:4px;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.badge-rose{color:#fda4af;background:#f43f5e26;border:1px solid #f43f5e59;border-radius:9999px;align-items:center;gap:4px;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.badge-sky{color:#7dd3fc;background:#0ea5e926;border:1px solid #0ea5e959;border-radius:9999px;align-items:center;gap:4px;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.luxury-input{color:#fff;width:100%;font-family:var(--font-body);background:#041912d9;border:1px solid #d4af3740;border-radius:12px;outline:none;padding:11px 14px;font-size:.95rem;transition:all .25s}.luxury-input:focus{border-color:var(--gold-primary);background:#062118f2;box-shadow:0 0 0 3px #d4af3726,0 0 12px #d4af3740}.luxury-input::placeholder{color:#5c7a6e}.luxury-select{color:#fff;width:100%;font-family:var(--font-body);cursor:pointer;background:#041912f2;border:1px solid #d4af3740;border-radius:12px;outline:none;padding:11px 14px;font-size:.95rem}.luxury-select:focus{border-color:var(--gold-primary);box-shadow:0 0 0 3px #d4af3726,0 0 12px #d4af3740}.modal-backdrop{-webkit-backdrop-filter:blur(12px);z-index:999;background:#020f0bd9;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--emerald-card-gradient);box-shadow:0 25px 80px #000000d9, var(--glow-gold);border:1px solid #d4af3780;border-radius:22px;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;position:relative;overflow-y:auto}.card-holographic{position:relative;overflow:hidden}.card-holographic:after{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(105deg,#0000 20%,#d4af370f 30%,#ffd7001a 40%,#10b9810f 50%,#d4af3714 60%,#0000 80%) 0 0/300% 300%;animation:6s ease-in-out infinite holographic;position:absolute;inset:0}.chart-bars{align-items:flex-end;gap:6px;height:120px;padding-top:8px;display:flex}.chart-bar{min-width:0;height:var(--bar-height,10%);cursor:default;background:linear-gradient(#d4af37 0%,#aa7c11 100%);border-radius:6px 6px 2px 2px;flex:1;transition:filter .2s,transform .2s;animation:.8s cubic-bezier(.16,1,.3,1) both barGrow;position:relative}.chart-bar:hover{filter:brightness(1.3);transform-origin:bottom;transform:scaleY(1.05)}.chart-bar:after{content:attr(data-label);color:#8cb1a0;white-space:nowrap;font-size:9px;font-weight:600;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.donut-chart{justify-content:center;align-items:center;display:inline-flex;position:relative}.donut-chart svg{transform:rotate(-90deg)}.donut-chart .donut-segment{fill:none;stroke-width:6px;stroke-linecap:round;transition:stroke-dashoffset 1s cubic-bezier(.16,1,.3,1)}.donut-chart .donut-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.timeline{padding-left:24px;position:relative}.timeline:before{content:"";background:linear-gradient(#d4af37 0%,#d4af3726 100%);border-radius:4px;width:2px;position:absolute;top:4px;bottom:4px;left:8px}.timeline-item{padding-bottom:16px;animation:.4s cubic-bezier(.16,1,.3,1) both fadeInUp;position:relative}.timeline-item:before{content:"";background:#d4af37;border:2px solid #041a13;border-radius:50%;width:10px;height:10px;position:absolute;top:6px;left:-20px;box-shadow:0 0 8px #d4af3780}.timeline-item.status-completed:before{background:#10b981;box-shadow:0 0 8px #10b98180}.timeline-item.status-pending:before{background:#f59e0b;box-shadow:0 0 8px #f59e0b80}.timeline-item.status-processing:before{background:#0ea5e9;box-shadow:0 0 8px #0ea5e980}.timeline-item.status-rejected:before{background:#ef4444;box-shadow:0 0 8px #ef444480}.progress-bar{background:#d4af371a;border-radius:4px;width:100%;height:4px;margin-top:8px;overflow:hidden}.progress-bar-fill{height:100%;width:var(--target-width,0%);background:linear-gradient(90deg,#d4af37,gold);border-radius:4px;animation:1s cubic-bezier(.16,1,.3,1) .3s both growWidth}.progress-bar-fill.green{background:linear-gradient(90deg,#059669,#10b981)}.progress-bar-fill.blue{background:linear-gradient(90deg,#0284c7,#0ea5e9)}.progress-bar-fill.amber{background:linear-gradient(90deg,#d97706,#f59e0b)}.section-divider{align-items:center;gap:12px;margin:8px 0;display:flex}.section-divider:before,.section-divider:after{content:"";background:linear-gradient(90deg,#0000,#d4af374d,#0000);flex:1;height:1px}.section-divider span{text-transform:uppercase;letter-spacing:.15em;color:#8cb1a0;white-space:nowrap;font-size:10px;font-weight:700}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.status-dot.online{background:#10b981;animation:2s ease-in-out infinite dotPulse;box-shadow:0 0 8px #10b98199}.status-dot.offline{background:#ef4444;box-shadow:0 0 8px #ef444499}.status-dot.pending{background:#f59e0b;animation:1.5s ease-in-out infinite dotPulse;box-shadow:0 0 8px #f59e0b99}.kpi-icon-box{border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-weight:700;transition:transform .3s;display:flex;position:relative}.kpi-icon-box:hover{animation:2s ease-in-out infinite float}.container-saas{max-width:1360px;margin:0 auto;padding:0 20px}.nav-tab{cursor:pointer;color:#9eb5aa;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:.88rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.nav-tab:hover{color:#f7e1a0;background:#0d4b3866}.nav-tab.active{color:#031711;background:var(--gold-gradient-soft);font-weight:700;box-shadow:0 2px 12px #d4af3759}.luxury-table{border-collapse:collapse;text-align:left;width:100%}.luxury-table th{text-transform:uppercase;letter-spacing:.1em;color:#d4af37;background:#041812e6;border-bottom:2px solid #d4af3733;padding:14px 16px;font-size:.75rem;font-weight:700}.luxury-table td{color:#e5eae7;border-bottom:1px solid #ffffff0a;padding:14px 16px;font-size:.88rem}.luxury-table tr{transition:background .2s}.luxury-table tr:hover td{background:#0f443340}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.w-full{width:100%}.text-center{text-align:center}.text-right{text-align:right}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.glass{-webkit-backdrop-filter:blur(16px);background:#06241b99;border:1px solid #d4af3733}.text-shimmer{background:linear-gradient(90deg,#d4af37 0%,gold 25%,#fff0c8 50%,gold 75%,#d4af37 100%) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;animation:3s linear infinite shimmer}@media (width>=640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}}@media (width>=1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}