@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Poppins:wght@400;500;600;700;800&display=swap";:root{--emerald-50:#ecfdf5;--emerald-100:#d1fae5;--emerald-200:#a7f3d0;--emerald-300:#6ee7b7;--emerald-400:#34d399;--emerald-500:#10b981;--emerald-600:#059669;--emerald-700:#047857;--emerald-800:#065f46;--emerald-900:#064e3b;--gold-300:#fde68a;--gold-400:#fbbf24;--gold-500:#f59e0b;--gold-600:#d97706;--dark-950:#030712;--dark-900:#0a0f1a;--dark-800:#111827;--dark-700:#1f2937;--dark-600:#374151;--dark-500:#4b5563;--dark-400:#6b7280;--surface-glass:#ffffff0a;--surface-card:#ffffff0f;--border-glass:#ffffff14;--border-emerald:#10b9814d;--text-primary:#f9fafb;--text-secondary:#9ca3af;--text-muted:#6b7280;--gradient-brand:linear-gradient(135deg, #059669 0%, #047857 50%, #d97706 100%);--gradient-hero:linear-gradient(135deg, #030712 0%, #0a1f14 50%, #0f2d1a 100%);--gradient-card:linear-gradient(135deg, #10b98114 0%, #f59e0b0a 100%);--gradient-gold:linear-gradient(90deg, #fbbf24, #f59e0b, #d97706);--shadow-glow-emerald:0 0 30px #10b98140;--shadow-glow-gold:0 0 30px #f59e0b33;--shadow-card:0 4px 24px #0006;--shadow-lg:0 20px 60px #00000080;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--sidebar-width:260px;--header-height:68px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--dark-900);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}img{max-width:100%}ul{list-style:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--dark-900)}::-webkit-scrollbar-thumb{background:var(--emerald-800);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--emerald-600)}.font-poppins{font-family:Poppins,sans-serif}h1,h2,h3{font-family:Poppins,sans-serif;line-height:1.2}h4,h5,h6{line-height:1.3}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-black{font-weight:900}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-emerald{color:var(--emerald-400)}.text-gold{color:var(--gold-400)}.gradient-text{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{inset:0}.z-10{z-index:10}.z-50{z-index:50}.z-100{z-index:100}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-4{padding-inline:1rem}.px-6{padding-inline:1.5rem}.px-8{padding-inline:2rem}.py-2{padding-block:.5rem}.py-3{padding-block:.75rem}.py-4{padding-block:1rem}.py-6{padding-block:1.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mx-auto{margin-inline:auto}.card{background:var(--surface-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);transition:var(--transition-base);padding:1.5rem}.card:hover{border-color:var(--border-emerald);box-shadow:var(--shadow-glow-emerald);transform:translateY(-2px)}.glass{background:var(--surface-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass)}.glass-emerald{border-radius:var(--radius-lg);background:#10b98114;border:1px solid #10b98133}.btn{border-radius:var(--radius-md);transition:all var(--transition-base);white-space:nowrap;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--gradient-brand);color:#fff;box-shadow:0 4px 16px #10b9814d}.btn-primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 8px 24px #10b98166}.btn-outline{color:var(--emerald-400);border:1px solid var(--border-emerald);background:0 0}.btn-outline:hover{border-color:var(--emerald-400);background:#10b98114}.btn-gold{background:var(--gradient-gold);color:var(--dark-900);font-weight:700}.btn-gold:hover{opacity:.9;box-shadow:var(--shadow-glow-gold);transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border-glass);background:0 0}.btn-ghost:hover{background:var(--surface-card);color:var(--text-primary)}.btn-sm{padding:.375rem .875rem;font-size:.8125rem}.btn-lg{border-radius:var(--radius-lg);padding:.875rem 2rem;font-size:1rem}.btn-icon{border-radius:var(--radius-md);width:40px;height:40px;padding:0}.btn-icon-sm{border-radius:var(--radius-sm);width:32px;height:32px;padding:0}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.input-group{flex-direction:column;gap:.375rem;display:flex}.input-label{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.input{border:1px solid var(--border-glass);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:var(--transition-base);background:#ffffff0d;outline:none;padding:.625rem 1rem;font-size:.875rem}.input:focus{border-color:var(--emerald-500);background:#ffffff12;box-shadow:0 0 0 3px #10b9811f}.input::placeholder{color:var(--dark-400)}.input-icon-wrap{position:relative}.input-icon-wrap .input{padding-left:2.75rem}.input-icon{color:var(--dark-400);pointer-events:none;position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:100px;align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.6875rem;font-weight:600;display:inline-flex}.badge-emerald{color:var(--emerald-400);background:#10b98126;border:1px solid #10b98133}.badge-gold{color:var(--gold-400);background:#f59e0b26;border:1px solid #f59e0b33}.badge-red{color:#f87171;background:#ef444426;border:1px solid #ef444433}.badge-blue{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f633}.badge-dot:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;display:inline-block}.progress-track{background:#ffffff14;border-radius:100px;height:6px;overflow:hidden}.progress-fill{background:var(--gradient-brand);border-radius:100px;height:100%;transition:width .6s cubic-bezier(.34,1.56,.64,1)}.divider{background:var(--border-glass);height:1px;margin:1.5rem 0}.divider-label{color:var(--text-muted);align-items:center;gap:1rem;font-size:.8125rem;display:flex}.divider-label:before,.divider-label:after{content:"";background:var(--border-glass);flex:1;height:1px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #10b98133}50%{box-shadow:0 0 40px #10b98180}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:.5s forwards fadeIn}.animate-fadeInScale{animation:.35s forwards fadeInScale}.animate-slideInLeft{animation:.4s forwards slideInLeft}.animate-slideInRight{animation:.4s forwards slideInRight}.animate-slideInUp{animation:.45s forwards slideInUp}.animate-float{animation:3s ease-in-out infinite float}.animate-spin{animation:1s linear infinite spin}.animate-pulse-glow{animation:2s ease-in-out infinite pulse-glow}.animate-ping{animation:1.5s ease-in-out infinite ping}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}.app-layout{min-height:100vh;display:flex}.main-content{margin-left:var(--sidebar-width);padding-top:var(--header-height);min-height:100vh;transition:margin-left var(--transition-slow);flex:1}.main-content.full-width{margin-left:0}.page-container{max-width:1400px;margin:0 auto;padding:2rem}.sidebar{width:var(--sidebar-width);background:var(--dark-950);border-right:1px solid var(--border-glass);z-index:200;height:100vh;transition:transform var(--transition-slow), width var(--transition-slow);flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:hidden}.sidebar.collapsed{width:68px}.sidebar-header{border-bottom:1px solid var(--border-glass);min-height:var(--header-height);align-items:center;gap:.75rem;padding:1.25rem 1rem;display:flex}.sidebar-logo{background:var(--gradient-brand);border-radius:var(--radius-md);width:36px;height:36px;box-shadow:var(--shadow-glow-emerald);flex-shrink:0;justify-content:center;align-items:center;font-size:1.125rem;display:flex}.sidebar-brand{transition:opacity var(--transition-base), width var(--transition-slow);overflow:hidden}.sidebar-brand h1{white-space:nowrap;font-family:Poppins,sans-serif;font-size:1rem;font-weight:700}.sidebar-brand span{color:var(--text-muted);white-space:nowrap;font-size:.6875rem}.sidebar.collapsed .sidebar-brand{opacity:0;width:0}.sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:0}.nav-group{margin-bottom:.25rem}.nav-group-label{text-transform:uppercase;letter-spacing:.1em;color:var(--dark-400);white-space:nowrap;transition:opacity var(--transition-base);padding:.75rem 1.25rem .375rem;font-size:.625rem;font-weight:700;overflow:hidden}.sidebar.collapsed .nav-group-label{opacity:0}.nav-item{border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-base);cursor:pointer;white-space:nowrap;align-items:center;gap:.75rem;margin:0 .5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;display:flex;position:relative;overflow:hidden}.nav-item:hover{color:var(--text-primary);background:#ffffff0d}.nav-item.active{color:var(--emerald-400);background:#10b9811f;border:1px solid #10b98133}.nav-item.active .nav-icon{color:var(--emerald-400)}.nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.nav-text{transition:opacity var(--transition-base);overflow:hidden}.sidebar.collapsed .nav-text{opacity:0;width:0}.sidebar-footer{border-top:1px solid var(--border-glass);padding:1rem}.sidebar-user{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-base);align-items:center;gap:.75rem;padding:.625rem .5rem;display:flex}.sidebar-user:hover{background:#ffffff0d}.user-avatar{background:var(--gradient-brand);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.875rem;font-weight:700;display:flex}.user-info{transition:opacity var(--transition-base);overflow:hidden}.sidebar.collapsed .user-info{opacity:0;width:0}.user-name{white-space:nowrap;font-size:.8125rem;font-weight:600}.user-role{color:var(--text-muted);white-space:nowrap;font-size:.6875rem}.header{height:var(--header-height);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-glass);top:0;right:0;left:var(--sidebar-width);z-index:100;transition:left var(--transition-slow);background:#0a0f1ae6;justify-content:space-between;align-items:center;padding:0 2rem;display:flex;position:fixed}.header.full-width{left:0}.header-left{align-items:center;gap:1rem;display:flex}.header-right{align-items:center;gap:.75rem;display:flex}.header-title{font-family:Poppins,sans-serif;font-size:1.125rem;font-weight:600}.header-subtitle{color:var(--text-muted);margin-top:1px;font-size:.75rem}.notif-btn{background:var(--surface-card);border:1px solid var(--border-glass);border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-base);justify-content:center;align-items:center;display:flex;position:relative}.notif-btn:hover{border-color:var(--border-emerald);color:var(--emerald-400)}.notif-badge{color:#fff;border:2px solid var(--dark-950);background:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.625rem;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.stat-card{background:var(--gradient-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);transition:all var(--transition-base);padding:1.25rem 1.5rem;position:relative;overflow:hidden}.stat-card:hover{border-color:var(--border-emerald);box-shadow:var(--shadow-glow-emerald);transform:translateY(-2px)}.stat-card:before{content:"";background:radial-gradient(circle,#10b98114 0%,#0000 70%);border-radius:50%;width:120px;height:120px;position:absolute;top:0;right:0;transform:translate(30%,-30%)}.stat-icon{border-radius:var(--radius-md);width:44px;height:44px;color:var(--emerald-400);background:#10b9811f;border:1px solid #10b98133;justify-content:center;align-items:center;margin-bottom:.875rem;font-size:1.25rem;display:flex}.stat-value{margin-bottom:.25rem;font-family:Poppins,sans-serif;font-size:1.75rem;font-weight:800;line-height:1}.stat-label{color:var(--text-muted);font-size:.8125rem}.stat-change{align-items:center;gap:.25rem;margin-top:.5rem;font-size:.75rem;font-weight:600;display:inline-flex}.stat-change.up{color:var(--emerald-400)}.stat-change.down{color:#f87171}.services-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;display:grid}.service-card{background:var(--surface-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:all var(--transition-base);padding:1.25rem 1rem;position:relative;overflow:hidden}.service-card:hover{border-color:var(--border-emerald);box-shadow:var(--shadow-glow-emerald);background:#10b9810f;transform:translateY(-4px)}.service-card.active{border-color:var(--emerald-500);background:#10b9811a;box-shadow:0 0 0 1px #10b9814d}.service-icon{margin-bottom:.75rem;font-size:2.5rem;animation:3s ease-in-out infinite float;display:block}.service-name{font-size:.8125rem;font-weight:600;line-height:1.3}.service-label{color:var(--text-muted);margin-top:.25rem;font-size:.6875rem}.map-placeholder{border:1px solid var(--border-emerald);border-radius:var(--radius-xl);background:linear-gradient(135deg,#0a1f14 0%,#0d2918 50%,#0a2020 100%);justify-content:center;align-items:center;height:320px;display:flex;position:relative;overflow:hidden}.map-grid{background-image:linear-gradient(#10b9810d 1px,#0000 1px),linear-gradient(90deg,#10b9810d 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.map-pin{background:var(--emerald-400);border:3px solid var(--dark-900);border-radius:50%;width:16px;height:16px;position:absolute;box-shadow:0 0 0 6px #10b98133}.map-pin.pulsing:after{content:"";background:#10b98133;border-radius:50%;animation:1.5s ease-in-out infinite ping;position:absolute;inset:-8px}.map-partner{background:var(--gold-400);border:2px solid var(--dark-900);border-radius:50%;width:12px;height:12px;position:absolute}.map-route{background:linear-gradient(90deg, var(--emerald-500), var(--gold-400));opacity:.6;border-radius:2px;height:2px;position:absolute}.wallet-card{border-radius:var(--radius-xl);background:linear-gradient(135deg,#10b9811f 0%,#05966914 100%);border:1px solid #10b98140;padding:1.5rem;position:relative;overflow:hidden}.wallet-card.gold{background:linear-gradient(135deg,#f59e0b1f 0%,#d9770614 100%);border-color:#f59e0b40}.wallet-card.escrow{background:linear-gradient(135deg,#3b82f61a 0%,#2563eb0f 100%);border-color:#3b82f633}.wallet-balance{margin-bottom:.25rem;font-family:Poppins,sans-serif;font-size:2rem;font-weight:800}.wallet-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}.wallet-icon{opacity:.3;font-size:2rem;position:absolute;top:1.5rem;right:1.5rem}.timeline{flex-direction:column;gap:0;display:flex}.timeline-item{gap:1rem;display:flex;position:relative}.timeline-item:not(:last-child):before{content:"";background:var(--border-glass);width:2px;position:absolute;top:36px;bottom:0;left:19px}.timeline-dot{border:2px solid var(--border-emerald);z-index:1;background:#10b9811a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.875rem;display:flex;position:relative}.timeline-dot.active{border-color:var(--emerald-400);background:#10b98133;box-shadow:0 0 0 4px #10b9811a}.timeline-dot.done{background:var(--emerald-800);border-color:var(--emerald-500)}.timeline-body{flex:1;padding-bottom:1.5rem}.timeline-title{margin-bottom:.25rem;font-size:.875rem;font-weight:600}.timeline-desc{color:var(--text-muted);font-size:.8125rem}.timeline-time{color:var(--text-muted);margin-top:.25rem;font-size:.6875rem}.tabs{border-radius:var(--radius-lg);border:1px solid var(--border-glass);background:#ffffff0a;gap:.25rem;padding:.25rem;display:flex}.tab-btn{border-radius:var(--radius-md);color:var(--text-muted);transition:all var(--transition-base);text-align:center;cursor:pointer;flex:1;padding:.5rem 1rem;font-size:.8125rem;font-weight:500}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{background:var(--gradient-brand);color:#fff;box-shadow:0 2px 8px #10b9814d}.table-wrap{border-radius:var(--radius-lg);border:1px solid var(--border-glass);overflow-x:auto}table{border-collapse:collapse;width:100%}thead{background:#ffffff08}th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-glass);white-space:nowrap;padding:.875rem 1rem;font-size:.75rem;font-weight:600}td{vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:.875rem 1rem;font-size:.875rem}tr:last-child td{border-bottom:none}tr:hover td{background:#ffffff05}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:900;background:#030712cc;justify-content:center;align-items:center;padding:1.5rem 1rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--dark-800);border:1px solid var(--border-glass);border-radius:var(--radius-2xl);width:100%;max-width:500px;max-height:85vh;box-shadow:var(--shadow-lg);padding:1.5rem;animation:.25s fadeInScale;overflow-y:auto}.modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.modal-title{font-family:Poppins,sans-serif;font-size:1.25rem;font-weight:700}.modal-close{border-radius:var(--radius-sm);border:1px solid var(--border-glass);width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:var(--transition-base);background:#ffffff0f;flex-shrink:0;justify-content:center;align-items:center;display:flex}.modal-close:hover{color:#f87171;background:#ef44441a;border-color:#ef444433}.otp-container{justify-content:center;gap:.75rem;display:flex}.otp-input{text-align:center;border:2px solid var(--border-glass);border-radius:var(--radius-md);width:52px;height:56px;color:var(--text-primary);transition:var(--transition-base);caret-color:var(--emerald-400);background:#ffffff0d;outline:none;font-size:1.5rem;font-weight:700}.otp-input:focus{border-color:var(--emerald-500);background:#10b9810d;box-shadow:0 0 0 3px #10b9811f}.otp-input.filled{border-color:var(--emerald-600);background:#10b98114}.illustration{aspect-ratio:1;justify-content:center;align-items:center;width:100%;max-width:300px;margin:0 auto;font-size:5rem;display:flex}.toast-container{z-index:9999;flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.toast{background:var(--dark-700);border:1px solid var(--border-glass);border-radius:var(--radius-lg);min-width:280px;max-width:400px;box-shadow:var(--shadow-card);align-items:center;gap:.75rem;padding:.875rem 1.25rem;animation:.3s slideInRight;display:flex}.toast.success{border-left:3px solid var(--emerald-500)}.toast.error{border-left:3px solid #ef4444}.toast.info{border-left:3px solid #3b82f6}.steps{align-items:center;gap:0;margin-bottom:2rem;display:flex}.step-item{flex:1;align-items:center;display:flex;position:relative}.step-circle{border:2px solid var(--border-glass);width:36px;height:36px;transition:all var(--transition-base);z-index:1;background:#ffffff0d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8125rem;font-weight:700;display:flex}.step-item.done .step-circle{background:var(--emerald-800);border-color:var(--emerald-500);color:var(--emerald-300)}.step-item.active .step-circle{background:var(--gradient-brand);border-color:var(--emerald-500);color:#fff;box-shadow:0 0 0 4px #10b98126}.step-line{background:var(--border-glass);flex:1;height:2px;margin:0;position:relative}.step-line.done{background:var(--emerald-600)}.step-label{color:var(--text-muted);text-align:center;white-space:nowrap;margin-top:.375rem;font-size:.6875rem}.step-label-wrap{flex-direction:column;align-items:center;display:flex}.star-rating{cursor:pointer;gap:.25rem;display:flex}.star{transition:transform var(--transition-fast);font-size:1.25rem}.star:hover{transform:scale(1.2)}@media (width>=1025px){.sidebar{transform:none!important}.main-content{margin-left:var(--sidebar-width)}.main-content.sidebar-collapsed{margin-left:68px}.header{left:var(--sidebar-width)}.header.sidebar-collapsed{left:68px}#header-menu-toggle,.mobile-bottom-nav,.sidebar-overlay{display:none!important}}@media (width<=1024px){.main-content{margin-left:0!important}.header{left:0!important}.sidebar{z-index:300;transform:translate(-100%);width:var(--sidebar-width)!important}.sidebar.open{box-shadow:var(--shadow-lg);transform:translate(0)}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:299;background:#030712b3;display:block;position:fixed;inset:0}.page-container{padding:1.5rem 1.25rem}#header-menu-toggle{display:flex!important}#sidebar-collapse-toggle{display:none!important}}@media (width<=900px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)!important}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){:root{--header-height:58px;--mobile-nav-height:64px}body{padding-bottom:var(--mobile-nav-height)}.page-container{padding:1rem}.header{padding:0 1rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr!important}.stats-grid{grid-template-columns:repeat(2,1fr)}.services-grid{grid-template-columns:repeat(3,1fr)}.card{padding:1rem}.wallet-card{padding:1.125rem}.wallet-balance{font-size:1.5rem}.stat-value{font-size:1.375rem}.tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;border-radius:var(--radius-md);flex-wrap:nowrap;justify-content:flex-start;gap:.125rem;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab-btn{white-space:nowrap;flex-shrink:0}.filter-row{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;padding-bottom:.25rem;overflow-x:auto}.filter-row::-webkit-scrollbar{display:none}.filter-row .btn{flex-shrink:0}.modal-backdrop{align-items:flex-start;padding:2rem .75rem;overflow-y:auto}.modal{border-radius:var(--radius-xl);width:100%;max-height:none;padding:1.25rem 1rem;overflow-y:visible;max-width:100%!important}.table-wrap{border-radius:var(--radius-md)}table{min-width:540px}.timeline-item:not(:last-child):before{left:15px}.timeline-dot{width:32px;height:32px;font-size:.75rem}.timeline-title{font-size:.8125rem}.timeline-desc{font-size:.75rem}.steps{scrollbar-width:none;padding-bottom:.5rem;overflow-x:auto}.steps::-webkit-scrollbar{display:none}.step-circle{width:28px;height:28px;font-size:.7rem}.step-label{font-size:.5625rem}.otp-input{width:42px;height:48px;font-size:1.25rem}.map-placeholder{height:240px}.welcome-hero{padding:1.25rem!important}.mobile-bottom-nav{height:var(--mobile-nav-height);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-glass);z-index:250;padding:0 .5rem;padding-bottom:env(safe-area-inset-bottom,0);background:#0a0f1af2;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav-item{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;flex-direction:column;flex:1;align-items:center;gap:.2rem;min-width:0;padding:.375rem .625rem;font-size:.5625rem;font-weight:600;display:flex}.mobile-nav-item.active{color:var(--emerald-400)}.mobile-nav-item.active svg{filter:drop-shadow(0 0 6px #10b98199)}.mobile-nav-icon{font-size:1.25rem}.page-container{padding-bottom:calc(1rem + var(--mobile-nav-height,0px))}.dash-hero-title{font-size:1.125rem!important}.profile-grid{grid-template-columns:1fr!important}.chat-messages{max-height:160px!important}.referral-code-box{flex-direction:column!important;gap:.75rem!important}}@media (width<=480px){.stats-grid,.services-grid{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:1.25rem}.wallet-balance{font-size:1.375rem}.service-icon{font-size:2rem}.service-name{font-size:.75rem}.service-label{font-size:.625rem}.service-card{padding:.875rem .625rem}.otp-container{gap:.5rem}.otp-input{width:38px;height:44px;font-size:1.125rem}.header-title{font-size:1rem}.header-subtitle{display:none}.feature-grid{grid-template-columns:repeat(2,1fr)!important}.btn-lg{padding:.75rem 1.25rem;font-size:.9375rem}.modal{padding:1.25rem 1rem}}@media (width<=360px){.stats-grid{grid-template-columns:1fr}.services-grid{grid-template-columns:repeat(2,1fr)}.otp-input{width:34px;height:40px;font-size:1rem}.page-container{padding:.75rem}}