:root{--primary:#1e3a8a;--secondary:#06b6d4;--bg:#f8fafc;--white:#fff;--dark:#0f172a;--gray:#64748b;--light-gray:#e2e8f0;--extra-light:#f1f5f9;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000f;--shadow:0 2px 8px #00000014;--shadow-lg:0 8px 24px #0000001f;--font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--sidebar-w:260px;--topbar-h:64px;--mobile-header-h:56px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#f8fafc;background:var(--bg);color:#0f172a;color:var(--dark);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);line-height:1.6}a{color:#06b6d4;color:var(--secondary);text-decoration:none}a:hover{text-decoration:underline}img{display:block;max-width:100%}.page-loader{align-items:center;color:#64748b;color:var(--gray);display:flex;flex-direction:column;gap:16px;height:100vh;justify-content:center}.loader-spinner{animation:spin .7s linear infinite;border:3px solid #e2e8f0;border-top-color:#06b6d4;border:3px solid var(--light-gray);border-radius:50%;border-top-color:var(--secondary);height:36px;width:36px}.loader-spinner-sm{border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.loader-spinner-sm,.loader-spinner-xs{animation:spin .7s linear infinite;display:inline-block}.loader-spinner-xs{border:2px solid #e2e8f0;border-top-color:#06b6d4;border:2px solid var(--light-gray);border-radius:50%;border-top-color:var(--secondary);height:14px;width:14px}@keyframes spin{to{transform:rotate(1turn)}}.welcome-page{align-items:center;background:linear-gradient(160deg,#1e3a8a,#0f2557 45%,#0f172a);background:linear-gradient(160deg,var(--primary) 0,#0f2557 45%,#0f172a 100%);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.welcome-bg-nodes{inset:0;opacity:.12;pointer-events:none;position:absolute}.node{border:2px solid #06b6d4;border:2px solid var(--secondary);border-radius:50%;position:absolute}.node-1{animation:nodeFloat1 8s ease-in-out infinite,nodeFadeIn 1s ease-out .2s both;height:140px;left:8%;top:12%;width:140px}.node-2{animation:nodeFloat2 7s ease-in-out infinite,nodeFadeIn 1s ease-out .4s both;height:90px;right:12%;top:22%;width:90px}.node-3{animation:nodeFloat3 9s ease-in-out infinite,nodeFadeIn 1s ease-out .6s both;height:110px;left:22%;top:42%;width:110px}.node-4{animation:nodeFloat1 6s ease-in-out infinite reverse,nodeFadeIn 1s ease-out .8s both;bottom:25%;height:60px;right:18%;width:60px}.node-5{animation:nodeFloat2 10s ease-in-out infinite,nodeFadeIn 1s ease-out 1s both;bottom:15%;height:75px;left:15%;width:75px}.node-line{background:linear-gradient(90deg,#0000,#06b6d4,#0000);background:linear-gradient(90deg,#0000,var(--secondary),#0000);height:1px;position:absolute;transform-origin:left center}.line-1{animation:linePulse 4s ease-in-out infinite,nodeFadeIn 1.2s ease-out .5s both;left:16%;top:20%;transform:rotate(25deg);width:200px}.line-2{animation:linePulse 5s ease-in-out 1s infinite,nodeFadeIn 1.2s ease-out .7s both;left:30%;top:38%;transform:rotate(-15deg);width:180px}.line-3{animation:linePulse 4.5s ease-in-out .5s infinite,nodeFadeIn 1.2s ease-out .9s both;bottom:30%;right:20%;transform:rotate(40deg);width:160px}.glow-orb{border-radius:50%;filter:blur(60px);position:absolute}.orb-1{animation:orbDrift 12s ease-in-out infinite;background:#06b6d414;height:300px;right:-5%;top:5%;width:300px}.orb-2{animation:orbDrift 15s ease-in-out infinite reverse;background:#1e3a8a1f;bottom:0;height:250px;left:-5%;width:250px}@keyframes nodeFloat1{0%,to{transform:translate(0)}50%{transform:translate(12px,-18px)}}@keyframes nodeFloat2{0%,to{transform:translate(0)}50%{transform:translate(-10px,14px)}}@keyframes nodeFloat3{0%,to{transform:translate(0)}50%{transform:translate(8px,12px)}}@keyframes nodeFadeIn{0%{opacity:0;transform:translateY(-20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes linePulse{0%,to{opacity:.3}50%{opacity:.8}}@keyframes orbDrift{0%,to{transform:translate(0)}50%{transform:translate(30px,-20px)}}.welcome-inner{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;max-width:700px;min-height:100vh;padding:60px 48px 80px;position:relative;width:100%;z-index:2}.anim-fade-down{animation:fadeDown .8s ease-out both}.anim-d1{animation-delay:.2s}.anim-d2{animation-delay:.45s}@keyframes fadeDown{0%{opacity:0;transform:translateY(-28px)}to{opacity:1;transform:translateY(0)}}.wl-logo{line-height:1;margin-bottom:0}.wl-logo-i{color:#06b6d4;color:var(--secondary)}.wl-logo-i,.wl-logo-net{font-size:72px;font-weight:700}.wl-logo-net{color:#fff}.wl-text{margin-top:36px}.wl-text h1{font-size:40px;line-height:1.15;margin-bottom:10px}.wl-text h1,.wl-text h2{color:#fff;font-weight:700}.wl-text h2{font-size:30px;line-height:1.25;margin-bottom:20px}.wl-text p{color:#ffffff80;font-size:17px;line-height:1.7}.wl-cta{align-items:center;display:flex;gap:14px;margin-top:48px}.wl-btn-primary{align-items:center;background:linear-gradient(135deg,#06b6d4,#0891b2);background:linear-gradient(135deg,var(--secondary),#0891b2);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 4px 20px #06b6d440;color:#fff;display:inline-flex;font-size:17px;font-weight:700;gap:10px;padding:16px 40px;text-decoration:none;transition:transform .25s,box-shadow .25s}.wl-btn-primary:hover{box-shadow:0 8px 32px #06b6d473;text-decoration:none;transform:translateY(-3px)}.wl-btn-primary:active{transform:translateY(-1px)}.wl-btn-secondary{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff12;border:1px solid #ffffff26;border-radius:9999px;border-radius:var(--radius-full);color:#ffffffd9;display:inline-flex;font-size:17px;font-weight:600;gap:8px;padding:16px 36px;text-decoration:none;transition:background .25s,border-color .25s}.wl-btn-secondary:hover{background:#ffffff1f;border-color:#ffffff4d;text-decoration:none}.auth-page{display:flex;min-height:100vh}.auth-left{background:linear-gradient(135deg,#1e3a8a,#0f172a);background:linear-gradient(135deg,var(--primary),#0f172a);color:#fff;display:flex;flex:0 0 420px;flex-direction:column;justify-content:center;padding:48px}.auth-brand{align-items:center;color:#06b6d4;color:var(--secondary);display:flex;font-size:24px;font-weight:800;gap:10px;margin-bottom:32px}.auth-brand span{color:#fff}.auth-left h2{font-size:28px;margin-bottom:8px}.auth-left p{color:#fff9;font-size:15px}.auth-right{align-items:center;display:flex;flex:1 1;justify-content:center;padding:40px}.auth-card{max-width:440px;width:100%}.auth-card h1{font-size:28px;font-weight:700;margin-bottom:6px}.auth-subtitle{color:#64748b;color:var(--gray);margin-bottom:28px}.input-group{margin-bottom:16px;position:relative}.input-group input{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--light-gray);border-radius:12px;border-radius:var(--radius);font-size:15px;outline:none;padding:14px 14px 14px 44px;transition:border-color .2s,box-shadow .2s;width:100%}.input-group input:focus{border-color:#06b6d4;border-color:var(--secondary);box-shadow:0 0 0 3px #06b6d41a}.input-icon{left:14px}.input-eye,.input-icon{color:#64748b;color:var(--gray);font-size:18px;position:absolute;top:50%;transform:translateY(-50%)}.input-eye{background:none;padding:4px;right:12px}.btn-submit,.input-eye{border:none;cursor:pointer}.btn-submit{align-items:center;background:linear-gradient(135deg,#06b6d4,#0891b2);background:linear-gradient(135deg,var(--secondary),#0891b2);border-radius:12px;border-radius:var(--radius);color:#fff;display:flex;font-size:16px;font-weight:600;justify-content:center;margin-top:8px;padding:14px;transition:transform .2s,box-shadow .2s;width:100%}.btn-submit:hover:not(:disabled){box-shadow:0 4px 16px #06b6d44d;transform:translateY(-1px)}.btn-submit:disabled{cursor:not-allowed;opacity:.6}.auth-footer{color:#64748b;color:var(--gray);font-size:14px;margin-top:24px;text-align:center}.auth-footer a{font-weight:600}.otp-card{text-align:center}.otp-icon{align-items:center;background:linear-gradient(135deg,#06b6d4,#0891b2);background:linear-gradient(135deg,var(--secondary),#0891b2);border-radius:50%;color:#fff;height:72px;margin:0 auto 20px;width:72px}.otp-icon,.otp-inputs{display:flex;justify-content:center}.otp-inputs{gap:10px;margin:24px 0}.otp-input{border:2px solid #e2e8f0;border:2px solid var(--light-gray);border-radius:12px;border-radius:var(--radius);font-size:24px;font-weight:700;height:56px;outline:none;text-align:center;transition:all .2s;width:52px}.otp-input:focus{box-shadow:0 0 0 3px #06b6d426}.otp-input.filled,.otp-input:focus{border-color:#06b6d4;border-color:var(--secondary)}.otp-input.filled{background:#06b6d40d}.otp-verifying{align-items:center;color:#06b6d4;color:var(--secondary);display:flex;font-weight:600;gap:8px;justify-content:center;margin:16px 0}.otp-resend{color:#64748b;color:var(--gray);font-size:14px;margin-top:16px}.link-btn{background:none;border:none;color:#06b6d4;color:var(--secondary);cursor:pointer;font-size:14px;font-weight:600}.link-btn:hover{text-decoration:underline}.app-layout{display:flex;min-height:100vh}.sidebar{background:#fff;background:var(--white);border-right:1px solid #e2e8f0;border-right:1px solid var(--light-gray);bottom:0;display:flex;flex-direction:column;left:0;position:fixed;top:0;transition:transform .3s;width:260px;width:var(--sidebar-w);z-index:100}.sidebar-header{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--extra-light);justify-content:space-between;padding:20px}.sidebar-brand,.sidebar-header{align-items:center;display:flex}.sidebar-brand{color:#1e3a8a;color:var(--primary);font-size:22px;font-weight:800;gap:10px}.sidebar-brand svg{color:#06b6d4;color:var(--secondary)}.sidebar-close{background:none;border:none;color:#64748b;color:var(--gray);cursor:pointer;display:none;padding:4px}.sidebar-user{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--extra-light);cursor:pointer;display:flex;gap:12px;padding:16px 20px;transition:background .2s}.sidebar-user:hover{background:#f1f5f9;background:var(--extra-light)}.sidebar-avatar{align-items:center;background:linear-gradient(135deg,#06b6d4,#1e3a8a);background:linear-gradient(135deg,var(--secondary),var(--primary));border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:44px;justify-content:center;overflow:hidden;width:44px}.sidebar-avatar img{height:100%;object-fit:cover;width:100%}.sidebar-user-info{overflow:hidden}.sidebar-user-info strong{font-size:14px}.sidebar-user-info span,.sidebar-user-info strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-info span{color:#64748b;color:var(--gray);font-size:12px}.sidebar-nav{flex:1 1;overflow-y:auto;padding:12px 10px}.nav-item{align-items:center;border-radius:12px;border-radius:var(--radius);color:#64748b;color:var(--gray);display:flex;font-size:14px;font-weight:500;gap:12px;margin-bottom:2px;padding:11px 14px;text-decoration:none;transition:all .2s}.nav-item:hover{background:#f1f5f9;background:var(--extra-light);color:#0f172a;color:var(--dark);text-decoration:none}.nav-item.active{background:linear-gradient(135deg,#06b6d41a,#1e3a8a0d);color:#06b6d4;color:var(--secondary);font-weight:600}.nav-icon-wrap{display:flex;position:relative}.nav-badge{align-items:center;background:#ef4444;background:var(--error);border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;line-height:1;min-width:18px;position:absolute;right:-10px;top:-6px}.sidebar-footer{border-top:1px solid #f1f5f9;border-top:1px solid var(--extra-light);padding:12px 10px}.logout-btn{color:#ef4444!important;color:var(--error)!important}.logout-btn:hover{background:#ef444414!important}.mobile-header{align-items:center;background:#fff;background:var(--white);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--light-gray);display:none;height:56px;height:var(--mobile-header-h);justify-content:space-between;left:0;padding:0 16px;position:fixed;right:0;top:0;z-index:90}.hamburger-btn{background:none;border:none;color:#0f172a;color:var(--dark);cursor:pointer;padding:8px}.header-brand{align-items:center;color:#1e3a8a;color:var(--primary);display:flex;font-size:20px;font-weight:800;gap:8px}.header-brand svg{color:#06b6d4;color:var(--secondary)}.header-actions{align-items:center;display:flex;gap:4px}.header-icon-btn{background:none;border:none;border-radius:50%;color:#0f172a;color:var(--dark);cursor:pointer;padding:8px;position:relative}.header-icon-btn:hover{background:#f1f5f9;background:var(--extra-light)}.badge{align-items:center;background:#ef4444;background:var(--error);border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;line-height:1;min-width:16px;position:absolute;right:2px;top:2px}.sidebar-overlay{background:#0006;display:none;inset:0;position:fixed;z-index:99}.main-content{flex:1 1;margin-left:260px;margin-left:var(--sidebar-w);min-height:100vh}.topbar{align-items:center;background:#fff;background:var(--white);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--light-gray);display:flex;height:64px;height:var(--topbar-h);justify-content:space-between;padding:0 32px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.topbar-greeting{color:#64748b;color:var(--gray);font-size:18px;font-weight:500}.topbar-greeting span{color:#0f172a;color:var(--dark);font-weight:700}.topbar-right{align-items:center;display:flex;gap:12px}.topbar-icon-btn{background:#f1f5f9;background:var(--extra-light);border:none;border-radius:50%;color:#0f172a;color:var(--dark);cursor:pointer;padding:10px;position:relative;transition:background .2s}.topbar-icon-btn:hover{background:#e2e8f0;background:var(--light-gray)}.topbar-user{align-items:center;background:#f1f5f9;background:var(--extra-light);border-radius:9999px;border-radius:var(--radius-full);cursor:pointer;display:flex;gap:8px;padding:6px 12px 6px 6px;position:relative;transition:background .2s}.topbar-user:hover{background:#e2e8f0;background:var(--light-gray)}.topbar-user span{font-size:14px;font-weight:600}.topbar-avatar{align-items:center;background:linear-gradient(135deg,#06b6d4,#1e3a8a);background:linear-gradient(135deg,var(--secondary),var(--primary));border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:32px;justify-content:center;overflow:hidden;width:32px}.topbar-avatar img{height:100%;object-fit:cover;width:100%}.user-dropdown{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--light-gray);border-radius:12px;border-radius:var(--radius);box-shadow:0 8px 24px #0000001f;box-shadow:var(--shadow-lg);min-width:200px;padding:6px;position:absolute;right:0;top:calc(100% + 8px);z-index:999}.user-dropdown button{align-items:center;background:none;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#0f172a;color:var(--dark);cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 14px;transition:background .15s;width:100%}.user-dropdown button:hover{background:#f1f5f9;background:var(--extra-light)}.user-dropdown hr{border:none;border-top:1px solid #e2e8f0;border-top:1px solid var(--light-gray);margin:4px 0}.user-dropdown .logout-item{color:#ef4444;color:var(--error)}.user-dropdown .logout-item:hover{background:#ef44440f}.dropdown-badge{background:#ef4444;background:var(--error);border-radius:9999px;border-radius:var(--radius-full);color:#fff;font-size:10px;font-weight:700;margin-left:auto;padding:2px 7px}.page-content{max-width:1200px;padding:28px 32px}.search-bar{align-items:center;background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--light-gray);border-radius:9999px;border-radius:var(--radius-full);display:flex;gap:10px;margin-bottom:20px;padding:12px 20px;transition:border-color .2s,box-shadow .2s}.search-bar:focus-within{border-color:#06b6d4;border-color:var(--secondary);box-shadow:0 0 0 3px #06b6d41a}.search-bar svg{color:#64748b;color:var(--gray);flex-shrink:0}.search-bar input{background:#0000;border:none;flex:1 1;font-size:15px;outline:none}.category-chips{-webkit-overflow-scrolling:touch;display:flex;gap:8px;margin-bottom:24px;overflow-x:auto;padding-bottom:4px}.category-chips::-webkit-scrollbar{height:0}.chip{align-items:center;background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--light-gray);border-radius:9999px;border-radius:var(--radius-full);color:#64748b;color:var(--gray);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 18px;transition:all .2s;white-space:nowrap}.chip:hover{border-color:#06b6d4;border-color:var(--secondary);color:#06b6d4;color:var(--secondary)}.chip.active{background:linear-gradient(135deg,#06b6d4,#0891b2);background:linear-gradient(135deg,var(--secondary),#0891b2);border-color:#0000;color:#fff}.services-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.service-card{background:#fff;background:var(--white);border:1px solid #f1f5f9;border:1px solid var(--extra-light);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000f;box-shadow:var(--shadow-sm);cursor:pointer;padding:20px;transition:transform .2s,box-shadow .2s}.service-card:hover{box-shadow:0 8px 24px #0000001f;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.sc-icon{align-items:center;border-radius:12px;border-radius:var(--radius);display:flex;height:48px;justify-content:center;margin-bottom:12px;width:48px}.sc-name{font-size:16px;font-weight:700;margin-bottom:4px}.sc-duration{display:block;font-size:12px;margin-bottom:4px}.sc-desc,.sc-duration{color:#64748b;color:var(--gray)}.sc-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:13px;line-height:1.5;margin-bottom:16px;min-height:40px;overflow:hidden}.sc-footer{align-items:center;display:flex;justify-content:space-between}.sc-price{color:#1e3a8a;color:var(--primary);font-size:14px;font-weight:700}.sc-buy-btn{background:linear-gradient(135deg,#06b6d4,#0891b2);background:linear-gradient(135deg,var(--secondary),#0891b2);border:none;border-radius:9999px;border-radius:var(--radius-full);color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 18px;transition:transform .15s}.sc-buy-btn:hover{transform:scale(1.05)}.services-loading{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.service-card-skeleton{background:#fff;background:var(--white);border:1px solid #f1f5f9;border:1px solid var(--extra-light);border-radius:16px;border-radius:var(--radius-lg);padding:20px}.skel-icon{border-radius:12px;border-radius:var(--radius);height:48px;margin-bottom:12px;width:48px}.skel-icon,.skel-text{animation:shimmer 1.5s infinite;background:#f1f5f9;background:var(--extra-light)}.skel-text{border-radius:6px;height:14px;margin-bottom:8px}.skel-title{height:18px;width:70%}.skel-sub{width:40%}.skel-desc{width:90%}.skel-row{display:flex;justify-content:space-between;margin-top:12px}.skel-price{width:35%}.skel-btn{border-radius:9999px;border-radius:var(--radius-full);height:32px;width:30%}@keyframes shimmer{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.empty-services{color:#64748b;color:var(--gray);padding:60px 20px;text-align:center}.empty-services svg{margin:0 auto 16px;opacity:.3}.empty-services h3{color:#0f172a;color:var(--dark);font-size:18px;margin-bottom:4px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;inset:0;padding:20px;position:fixed;z-index:1000}.modal-close-btn,.modal-overlay{align-items:center;display:flex;justify-content:center}.modal-close-btn{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--light-gray);border-radius:50%;color:#64748b;color:var(--gray);cursor:pointer;height:36px;position:absolute;right:16px;top:16px;transition:background .2s;width:36px;z-index:2}.modal-close-btn:hover{background:#f1f5f9;background:var(--extra-light)}.detail-modal{animation:modalIn .25s ease-out;background:#fff;background:var(--white);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 8px 24px #0000001f;box-shadow:var(--shadow-lg);max-height:90vh;max-width:480px;overflow-y:auto;position:relative;width:100%}@keyframes modalIn{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.detail-header{padding:32px 24px 24px;text-align:center}.detail-icon{align-items:center;border-radius:20px;display:flex;height:72px;justify-content:center;margin:0 auto 16px;width:72px}.detail-header h2{font-size:22px;margin-bottom:4px}.detail-header p{color:#64748b;color:var(--gray);font-size:14px}.detail-body{padding:0 24px 24px}.detail-info-row{display:flex;gap:12px;margin-bottom:20px}.detail-info-item{align-items:center;background:#f1f5f9;background:var(--extra-light);border-radius:12px;border-radius:var(--radius);display:flex;flex:1 1;gap:10px;padding:12px 14px}.detail-info-item svg{color:#06b6d4;color:var(--secondary);flex-shrink:0}.detail-info-item span{color:#64748b;color:var(--gray);display:block;font-size:12px}.detail-info-item strong{font-size:15px}.detail-features{margin-bottom:24px}.detail-features h3{font-size:15px;font-weight:600;margin-bottom:12px}.detail-features ul{list-style:none}.detail-features li{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--extra-light);color:#0f172a;color:var(--dark);display:flex;font-size:14px;gap:10px;padding:8px 0}.detail-features li:last-child{border-bottom:none}.order-btn{background:linear-gradient(135deg,#06b6d4,#0891b2);background:linear-gradient(135deg,var(--secondary),#0891b2);border:none;border-radius:12px;border-radius:var(--radius);color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:14px;transition:transform .2s,box-shadow .2s;width:100%}.order-btn:hover{box-shadow:0 4px 16px #06b6d44d;transform:translateY(-1px)}.payment-modal{animation:modalIn .25s ease-out;background:#fff;background:var(--white);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 8px 24px #0000001f;box-shadow:var(--shadow-lg);max-height:90vh;max-width:440px;overflow-y:auto;width:100%}.pm-header{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--extra-light);justify-content:space-between;padding:20px 20px 16px}.pm-header,.pm-service{align-items:center;display:flex}.pm-service{gap:12px}.pm-icon{align-items:center;border-radius:12px;border-radius:var(--radius);display:flex;height:44px;justify-content:center;width:44px}.pm-service h3{font-size:15px;margin-bottom:2px}.pm-service span{color:#06b6d4;color:var(--secondary);font-size:13px;font-weight:600}.modal-close-btn-sm{align-items:center;background:#f1f5f9;background:var(--extra-light);border:none;border-radius:50%;color:#64748b;color:var(--gray);cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.modal-close-btn-sm:hover{background:#e2e8f0;background:var(--light-gray)}.pm-body{padding:20px}.pm-loading{color:#64748b;color:var(--gray);padding:40px 0;text-align:center}.pm-loading .loader-spinner{margin:0 auto 12px}.pm-methods h3{font-size:16px;margin-bottom:16px;text-align:center}.method-card{align-items:center;background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--light-gray);border-radius:12px;border-radius:var(--radius);cursor:pointer;display:flex;gap:14px;margin-bottom:10px;padding:16px;text-align:left;transition:all .2s;width:100%}.method-card:hover{background:#06b6d408;border-color:#06b6d4;border-color:var(--secondary)}.method-icon{align-items:center;border-radius:12px;border-radius:var(--radius);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.method-icon.ussd{background:#3b82f61a;color:#3b82f6;color:var(--info)}.method-icon.manual{background:#f59e0b1a;color:#f59e0b;color:var(--warning)}.method-info{flex:1 1}.method-info strong{display:block;font-size:15px;margin-bottom:2px}.method-info span{color:#64748b;color:var(--gray);font-size:13px}.pm-form h3{font-size:16px;margin-bottom:6px;text-align:center}.pm-hint{color:#64748b;color:var(--gray);font-size:13px;margin-bottom:20px;text-align:center}.pm-input-group{margin-bottom:16px;position:relative}.pm-input-group input{border:1px solid #e2e8f0;border:1px solid var(--light-gray);border-radius:12px;border-radius:var(--radius);font-size:15px;outline:none;padding:14px 14px 14px 44px;width:100%}.pm-input-group input:focus{border-color:#06b6d4;border-color:var(--secondary);box-shadow:0 0 0 3px #06b6d41a}.pm-input-icon{color:#64748b;color:var(--gray);left:14px;position:absolute;top:50%;transform:translateY(-50%)}.pm-textarea-group{margin-bottom:16px}.pm-textarea-group label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.pm-textarea-group textarea{border:1px solid #e2e8f0;border:1px solid var(--light-gray);border-radius:12px;border-radius:var(--radius);font-family:inherit;font-size:14px;outline:none;padding:12px;resize:vertical;width:100%}.pm-textarea-group textarea:focus{border-color:#06b6d4;border-color:var(--secondary);box-shadow:0 0 0 3px #06b6d41a}.pm-submit-btn{align-items:center;background:linear-gradient(135deg,#06b6d4,#0891b2);background:linear-gradient(135deg,var(--secondary),#0891b2);border:none;border-radius:12px;border-radius:var(--radius);color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;justify-content:center;padding:14px;transition:transform .2s;width:100%}.pm-submit-btn:hover:not(:disabled){transform:translateY(-1px)}.pm-submit-btn:disabled{cursor:not-allowed;opacity:.6}.pm-cancel-btn{border:none;color:#64748b;color:var(--gray);cursor:pointer;font-size:15px;font-weight:600;margin-top:8px;padding:14px;width:100%}.pm-cancel-btn,.pm-payment-details{background:#f1f5f9;background:var(--extra-light);border-radius:12px;border-radius:var(--radius)}.pm-payment-details{margin-bottom:16px;padding:16px}.pm-detail-label{color:#64748b;color:var(--gray);font-size:13px;margin-bottom:8px}.pm-detail-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.pm-detail-row strong{display:block;font-size:15px}.pm-detail-row span{color:#06b6d4;color:var(--secondary);font-size:14px;font-weight:600}.pm-copy-btn{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--light-gray);border-radius:8px;border-radius:var(--radius-sm);color:#64748b;color:var(--gray);cursor:pointer;padding:8px}.pm-copy-btn:hover{background:#e2e8f0;background:var(--light-gray)}.pm-amount-box{background:#fff;background:var(--white);border-radius:8px;border-radius:var(--radius-sm);font-size:14px;margin-top:8px;padding:10px;text-align:center}.pm-amount-box strong{color:#1e3a8a;color:var(--primary);font-size:16px}.pm-instructions{color:#64748b;color:var(--gray);font-size:13px;margin-top:8px}.pm-waiting{padding:20px 0;text-align:center}.pm-phone-anim{align-items:center;animation:pulse 2s ease-in-out infinite;background:#06b6d41a;border-radius:50%;color:#06b6d4;color:var(--secondary);display:flex;height:80px;justify-content:center;margin:0 auto 16px;width:80px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.pm-waiting h3{margin-bottom:6px}.pm-waiting p{color:#64748b;color:var(--gray);font-size:14px;margin-bottom:20px}.pm-timer{align-items:center;display:flex;flex-direction:column;gap:8px}.pm-timer-bar{background:#f1f5f9;background:var(--extra-light);border-radius:3px;height:6px;overflow:hidden;width:100%}.pm-timer-fill{background:#06b6d4;background:var(--secondary);border-radius:3px;height:100%;transition:width 1s linear}.pm-timer span{font-feature-settings:"tnum";color:#0f172a;color:var(--dark);font-size:24px;font-variant-numeric:tabular-nums;font-weight:700}.pm-result{padding:20px 0;text-align:center}.pm-result-icon{align-items:center;border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 16px;width:80px}.pm-result-icon.success{background:#10b981;background:var(--success);color:#fff}.pm-result-icon.failed{background:#ef4444;background:var(--error);color:#fff}.pm-result h3{margin-bottom:6px}.pm-result p{color:#64748b;color:var(--gray);font-size:14px;margin-bottom:20px}.pm-result-actions{display:flex;flex-direction:column;gap:8px}.page-title-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.page-title-row h1{align-items:center;display:flex;font-size:24px;gap:10px}.refresh-btn{align-items:center;background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--light-gray);border-radius:9999px;border-radius:var(--radius-full);color:#64748b;color:var(--gray);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.refresh-btn:hover{border-color:#06b6d4;border-color:var(--secondary);color:#06b6d4;color:var(--secondary)}.empty-state-box{background:#fff;background:var(--white);border:1px solid #f1f5f9;border:1px solid var(--extra-light);border-radius:16px;border-radius:var(--radius-lg);color:#64748b;color:var(--gray);padding:60px 20px;text-align:center}.empty-state-box svg{margin:0 auto 16px;opacity:.3}.empty-state-box h3{color:#0f172a;color:var(--dark);margin-bottom:4px}.orders-loading{display:flex;flex-direction:column;gap:12px}.order-skeleton{animation:shimmer 1.5s infinite;background:#fff;background:var(--white);border:1px solid #f1f5f9;border:1px solid var(--extra-light);border-radius:12px;border-radius:var(--radius);height:72px}.orders-list{display:flex;flex-direction:column;gap:10px}.order-card{background:#fff;background:var(--white);border:1px solid #f1f5f9;border:1px solid var(--extra-light);border-radius:12px;border-radius:var(--radius);overflow:hidden;transition:box-shadow .2s}.order-card.expanded,.order-card:hover{box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow)}.order-top{cursor:pointer;gap:14px;padding:16px 18px}.order-icon,.order-top{align-items:center;display:flex}.order-icon{border-radius:12px;border-radius:var(--radius);flex-shrink:0;height:44px;justify-content:center;width:44px}.order-info{flex:1 1;min-width:0}.order-info h3{font-size:15px;font-weight:600}.order-date{color:#64748b;color:var(--gray);font-size:12px}.order-right{align-items:flex-end;display:flex;flex-direction:column;gap:4px;text-align:right}.order-status-badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:4px 10px}.status-pending{background:#fef3c7;color:#92400e}.status-processing{background:#dbeafe;color:#1e40af}.status-active{background:#d1fae5;color:#065f46}.status-failed{background:#fee2e2;color:#991b1b}.order-price{color:#1e3a8a;color:var(--primary);font-size:14px;font-weight:700}.expand-btn{background:none;border:none;color:#64748b;color:var(--gray);cursor:pointer;flex-shrink:0;padding:4px}.order-details{border-top:1px solid #f1f5f9;border-top:1px solid var(--extra-light);padding:16px 18px 18px}.order-detail-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:16px}.od-item span{color:#64748b;color:var(--gray);display:block;font-size:12px;margin-bottom:2px}.od-item strong{font-size:14px}.mono{font-family:monospace;font-size:12px!important}.pay-badge{border-radius:9999px;border-radius:var(--radius-full);display:inline-block;font-size:11px;font-weight:600;padding:3px 10px}.pay-completed{background:#d1fae5;color:#065f46}.pay-pending{background:#fef3c7;color:#92400e}.pay-failed{background:#fee2e2;color:#991b1b}.pay-awaiting{background:#dbeafe;color:#1e40af}.order-credentials{background:#f1f5f9;background:var(--extra-light);border-radius:12px;border-radius:var(--radius);margin-bottom:12px;padding:14px}.order-credentials h4{align-items:center;color:#1e3a8a;color:var(--primary);display:flex;font-size:14px;gap:6px;margin-bottom:10px}.cred-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.cred-row span{color:#64748b;color:var(--gray);font-size:13px}.cred-row code{background:#fff;background:var(--white);font-weight:600;padding:4px 10px}.cred-row code,.order-admin-note{border-radius:8px;border-radius:var(--radius-sm);font-size:13px}.order-admin-note{background:#3b82f60f;color:#0f172a;color:var(--dark);padding:10px 14px}.tx-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:24px}.tx-summary-card{align-items:center;background:#fff;background:var(--white);border:1px solid #f1f5f9;border:1px solid var(--extra-light);border-radius:12px;border-radius:var(--radius);display:flex;gap:14px;padding:18px 20px}.tx-summary-card svg{color:#06b6d4;color:var(--secondary)}.tx-summary-card span{color:#64748b;color:var(--gray);display:block;font-size:13px}.tx-summary-card strong{font-size:22px}.tx-summary-card.accent{background:linear-gradient(135deg,#1e3a8a,#0f172a);background:linear-gradient(135deg,var(--primary),#0f172a);color:#fff}.tx-summary-card.accent svg{color:#06b6d4;color:var(--secondary)}.tx-summary-card.accent span{color:#ffffffb3}.tx-tabs{background:#fff;background:var(--white);border:1px solid #f1f5f9;border:1px solid var(--extra-light);border-radius:12px;border-radius:var(--radius);display:flex;gap:4px;margin-bottom:24px;padding:4px}.tx-tab{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#64748b;color:var(--gray);cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px;transition:all .2s}.tx-tab:hover{background:#f1f5f9;background:var(--extra-light)}.tx-tab.active{background:#06b6d4;background:var(--secondary);color:#fff}.tab-count{background:#0000001a;border-radius:9999px;border-radius:var(--radius-full);font-size:11px;padding:1px 7px}.tx-tab.active .tab-count{background:#fff3}.tx-group{margin-bottom:24px}.tx-group-title{color:#64748b;color:var(--gray);font-size:13px;font-weight:600;margin-bottom:8px;padding-left:4px}.tx-card{background:#fff;background:var(--white);border:1px solid #f1f5f9;border:1px solid var(--extra-light);border-radius:12px;border-radius:var(--radius);margin-bottom:8px;overflow:hidden;transition:box-shadow .2s}.tx-card:hover{box-shadow:0 1px 3px #0000000f;box-shadow:var(--shadow-sm)}.tx-card-top{cursor:pointer;gap:12px;padding:14px 16px}.tx-card-top,.tx-icon{align-items:center;display:flex}.tx-icon{border-radius:8px;border-radius:var(--radius-sm);flex-shrink:0;height:40px;justify-content:center;width:40px}.tx-info{flex:1 1;min-width:0}.tx-info h4{font-size:14px;font-weight:600}.tx-info span{color:#64748b;color:var(--gray);font-size:12px}.tx-right{text-align:right}.tx-amount{color:#0f172a;color:var(--dark);display:block;font-size:14px;font-weight:700;margin-bottom:2px}.tx-badge{border-radius:9999px;border-radius:var(--radius-full);display:inline-block;font-size:10px;font-weight:600;padding:2px 8px}.badge-success{background:#d1fae5;color:#065f46}.badge-warning{background:#fef3c7;color:#92400e}.badge-danger{background:#fee2e2;color:#991b1b}.badge-info{background:#dbeafe;color:#1e40af}.expand-icon{color:#64748b;color:var(--gray);flex-shrink:0}.tx-expanded{border-top:1px solid #f1f5f9;border-top:1px solid var(--extra-light);padding:12px 16px 16px}.tx-detail-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.tx-detail-grid div span{color:#64748b;color:var(--gray);display:block;font-size:11px}.tx-detail-grid div strong{font-size:13px}.tx-admin-note{background:#3b82f60f;border-radius:8px;border-radius:var(--radius-sm);font-size:13px;margin-top:10px;padding:8px 12px}.notif-actions{display:flex;gap:8px}.mark-all-btn{align-items:center;background:#06b6d4;background:var(--secondary);border:none;border-radius:9999px;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:opacity .2s}.mark-all-btn:hover{opacity:.9}.unread-banner{background:linear-gradient(135deg,#06b6d41a,#1e3a8a0d);border:1px solid #06b6d433;border-radius:12px;border-radius:var(--radius);color:#06b6d4;color:var(--secondary);font-size:14px;margin-bottom:16px;padding:12px 16px}.notif-list{display:flex;flex-direction:column;gap:6px}.notif-card{align-items:flex-start;background:#fff;background:var(--white);border:1px solid #f1f5f9;border:1px solid var(--extra-light);border-radius:12px;border-radius:var(--radius);cursor:pointer;display:flex;gap:12px;padding:14px 16px;transition:all .2s}.notif-card:hover{box-shadow:0 1px 3px #0000000f;box-shadow:var(--shadow-sm)}.notif-card.unread{background:#06b6d408;border-color:#06b6d426}.notif-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.notif-success{background:#10b9811a;color:#10b981;color:var(--success)}.notif-danger{background:#ef44441a;color:#ef4444;color:var(--error)}.notif-warning{background:#f59e0b1a;color:#f59e0b;color:var(--warning)}.notif-info{background:#3b82f61a;color:#3b82f6;color:var(--info)}.notif-default{background:#f1f5f9;background:var(--extra-light);color:#64748b;color:var(--gray)}.notif-body{flex:1 1;min-width:0}.notif-body h4{font-size:14px;font-weight:600;margin-bottom:2px}.notif-body p{font-size:13px;line-height:1.5;margin-bottom:4px}.notif-body p,.notif-time{color:#64748b;color:var(--gray)}.notif-time{font-size:12px;opacity:.7}.notif-dot{background:#06b6d4;background:var(--secondary);border-radius:50%;flex-shrink:0;height:8px;margin-top:6px;width:8px}.profile-page h1{font-size:24px;gap:10px}.profile-avatar-section,.profile-page h1{align-items:center;display:flex;margin-bottom:24px}.profile-avatar-section{background:#fff;background:var(--white);border:1px solid #f1f5f9;border:1px solid var(--extra-light);border-radius:16px;border-radius:var(--radius-lg);gap:20px;padding:24px}.profile-avatar-wrap{position:relative}.profile-avatar-img{border:3px solid #06b6d4;border:3px solid var(--secondary);border-radius:50%;height:80px;object-fit:cover;width:80px}.profile-avatar-placeholder{background:linear-gradient(135deg,#06b6d4,#1e3a8a);background:linear-gradient(135deg,var(--secondary),var(--primary));height:80px;width:80px}.profile-avatar-btn,.profile-avatar-placeholder{align-items:center;border-radius:50%;color:#fff;display:flex;justify-content:center}.profile-avatar-btn{background:#06b6d4;background:var(--secondary);border:2px solid #fff;bottom:0;cursor:pointer;height:28px;position:absolute;right:0;width:28px}.profile-avatar-section h2{font-size:20px;margin-bottom:2px}.profile-avatar-section p{color:#64748b;color:var(--gray);font-size:14px}.profile-form{background:#fff;background:var(--white);border:1px solid #f1f5f9;border:1px solid var(--extra-light);border-radius:16px;border-radius:var(--radius-lg);margin-bottom:16px;padding:24px}.profile-form h3{font-size:16px;margin-bottom:20px}.pf-group{margin-bottom:16px}.pf-group label{align-items:center;color:#64748b;color:var(--gray);display:flex;font-size:13px;font-weight:600;gap:8px;margin-bottom:6px}.verified-badge{align-items:center;color:#10b981;color:var(--success);display:inline-flex;font-size:12px;gap:3px}.pf-input-wrap{align-items:center;display:flex;position:relative}.pf-input-wrap input{border:1px solid #e2e8f0;border:1px solid var(--light-gray);border-radius:12px;border-radius:var(--radius);font-size:15px;outline:none;padding:12px 12px 12px 40px;transition:border-color .2s;width:100%}.pf-input-wrap input:focus{border-color:#06b6d4;border-color:var(--secondary);box-shadow:0 0 0 3px #06b6d41a}.pf-input-wrap.disabled{opacity:.6}.pf-input-wrap.disabled input{background:#f1f5f9;background:var(--extra-light);cursor:not-allowed}.pf-icon{font-size:18px;left:12px}.pf-eye,.pf-icon{color:#64748b;color:var(--gray);position:absolute}.pf-eye{background:none;padding:4px;right:12px}.pf-eye,.pf-save-btn{border:none;cursor:pointer}.pf-save-btn{align-items:center;background:linear-gradient(135deg,#06b6d4,#0891b2);background:linear-gradient(135deg,var(--secondary),#0891b2);border-radius:12px;border-radius:var(--radius);color:#fff;display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:transform .2s}.pf-save-btn:hover:not(:disabled){transform:translateY(-1px)}.pf-save-btn:disabled{cursor:not-allowed;opacity:.6}.pass-toggle-btn{align-items:center;background:#f1f5f9;background:var(--extra-light);border:1px solid #e2e8f0;border:1px solid var(--light-gray);border-radius:12px;border-radius:var(--radius);color:#0f172a;color:var(--dark);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s;width:100%}.pass-toggle-btn:hover{border-color:#06b6d4;border-color:var(--secondary);color:#06b6d4;color:var(--secondary)}.pass-form{margin-top:20px}.chat-page h1{align-items:center;display:flex;font-size:24px;gap:10px;margin-bottom:16px}.chat-container{background:#fff;background:var(--white);border:1px solid #f1f5f9;border:1px solid var(--extra-light);border-radius:16px;border-radius:var(--radius-lg);display:flex;flex-direction:column;height:calc(100vh - 200px);min-height:400px}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:20px}.chat-bubble{display:flex;gap:10px;max-width:85%}.chat-bubble.user{align-self:flex-end;flex-direction:row-reverse}.chat-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.chat-bubble.ai .chat-avatar{background:#06b6d41a;color:#06b6d4;color:var(--secondary)}.chat-bubble.user .chat-avatar{background:#1e3a8a;background:var(--primary);color:#fff}.chat-content{border-radius:16px;border-radius:var(--radius-lg);font-size:14px;line-height:1.6;padding:12px 16px}.chat-bubble.ai .chat-content{background:#f1f5f9;background:var(--extra-light);border-bottom-left-radius:4px}.chat-bubble.user .chat-content{background:linear-gradient(135deg,#06b6d4,#0891b2);background:linear-gradient(135deg,var(--secondary),#0891b2);border-bottom-right-radius:4px;color:#fff}.chat-time{display:block;font-size:11px;margin-top:4px;opacity:.6}.typing-indicator{align-items:center;display:flex;gap:4px;padding:14px 20px!important}.typing-indicator span{animation:typing 1.4s infinite;background:#64748b;background:var(--gray);border-radius:50%;height:8px;width:8px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.3;transform:scale(.8)}30%{opacity:1;transform:scale(1)}}.quick-replies{display:flex;flex-wrap:wrap;gap:8px;padding:0 20px 12px}.quick-reply-btn{background:#f1f5f9;background:var(--extra-light);border:1px solid #e2e8f0;border:1px solid var(--light-gray);border-radius:9999px;border-radius:var(--radius-full);color:#0f172a;color:var(--dark);cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s}.quick-reply-btn:hover{background:#06b6d40d;border-color:#06b6d4;border-color:var(--secondary);color:#06b6d4;color:var(--secondary)}.chat-input-form{border-top:1px solid #f1f5f9;border-top:1px solid var(--extra-light);display:flex;gap:8px;padding:16px 20px}.chat-input-form input{border:1px solid #e2e8f0;border:1px solid var(--light-gray);border-radius:9999px;border-radius:var(--radius-full);flex:1 1;font-size:14px;outline:none;padding:12px 16px}.chat-input-form input:focus{border-color:#06b6d4;border-color:var(--secondary)}.chat-input-form button{align-items:center;background:linear-gradient(135deg,#06b6d4,#0891b2);background:linear-gradient(135deg,var(--secondary),#0891b2);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;transition:transform .2s;width:44px}.chat-input-form button:hover:not(:disabled){transform:scale(1.05)}.chat-input-form button:disabled{cursor:not-allowed;opacity:.4}@media (max-width:1024px){.page-content{padding:24px 20px}.topbar{padding:0 20px}}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.sidebar-close{display:flex}.sidebar-overlay{display:block}.mobile-header{display:flex}.topbar{display:none}.main-content{margin-left:0;padding-top:56px;padding-top:var(--mobile-header-h)}.page-content{padding:16px}.auth-page{flex-direction:column}.auth-left{flex:none;padding:32px 24px 24px;text-align:center}.auth-left h2{font-size:22px}.auth-right{padding:24px}.services-grid{gap:12px}.services-grid,.services-loading{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.order-detail-grid,.tx-detail-grid,.tx-summary{grid-template-columns:1fr}.detail-modal,.payment-modal{border-radius:16px;border-radius:var(--radius-lg);max-width:100%}.profile-avatar-section{flex-direction:column;text-align:center}.page-title-row{align-items:flex-start;flex-direction:column;gap:12px}.welcome-inner{padding:40px 24px 60px}.wl-logo-i,.wl-logo-net{font-size:56px}.wl-text h1{font-size:32px}.wl-text h2{font-size:24px}.wl-text p br{display:none}.wl-cta{flex-direction:column;width:100%}.wl-btn-primary,.wl-btn-secondary{justify-content:center;text-align:center;width:100%}}@media (max-width:480px){.services-grid,.services-loading{grid-template-columns:1fr}.otp-inputs{gap:6px}.otp-input{font-size:20px;height:48px;width:44px}.auth-left{display:none}.auth-right{align-items:flex-start;padding-top:40px}.chat-container{height:calc(100vh - 160px)}}
/*# sourceMappingURL=main.c88af24f.css.map*/