@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--bg:#050505;--bg-deep:#020617;--surface:#0f172ac7;--surface-solid:#0f172a;--surface-soft:#ffffff0b;--text:#fff;--text-muted:#94a3b8;--text-subtle:#64748b;--line:#ffffff14;--line-strong:#00d4ff57;--accent:#00d4ff;--accent-strong:#2563eb;--accent-violet:#6366f1;--success:#22c55e;--danger:#ef4444;--shadow-sm:0 8px 22px #0000002e;--shadow-md:0 18px 54px #00000047;--shadow-lg:0 34px 100px #0000006b;--radius-sm:10px;--radius-md:18px;--radius-lg:28px;--content-max:1240px;--page-gutter:clamp(20px, 5vw, 80px);--nav-height:84px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;font-family:DM Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}body.light-theme{--bg:#f6f9fc;--bg-deep:#e9f0f7;--surface:#ffffffd1;--surface-solid:#fff;--surface-soft:#0f2b480b;--text:#102238;--text-muted:#50647b;--text-subtle:#75879b;--line:#1b456b24;--line-strong:#127bb057;--accent:#087da9;--accent-strong:#2262d8;--accent-violet:#6459d8;--shadow-sm:0 8px 22px #102b4614;--shadow-md:0 18px 54px #102b461f;--shadow-lg:0 34px 100px #102b4629;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px;scroll-padding-top:calc(var(--nav-height) + 18px);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{background:radial-gradient(circle at 90% -10%, #36d8ff14, transparent 32rem), radial-gradient(circle at 5% 25%, #7467ff0f, transparent 28rem), var(--bg);min-width:320px;min-height:100vh;color:var(--text);margin:0;transition:background-color .35s,color .35s;overflow-x:hidden}#root{isolation:isolate;min-height:100vh}.container{width:min(100% - (var(--page-gutter) * 2), var(--content-max));margin-inline-start:auto;margin-inline-end:auto}.surface-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(16px)}.button-primary,.button-secondary{border-radius:11px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 17px;font-weight:700;transition:transform .25s,border-color .25s,background .25s,box-shadow .25s;display:inline-flex}.button-primary{color:#031019;background:linear-gradient(135deg, var(--accent), var(--accent-strong));border:1px solid #0000;box-shadow:0 10px 24px #2563eb3d}.button-secondary{color:var(--text);border:1px solid var(--line);background:var(--surface-soft)}.button-primary:hover,.button-secondary:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm);transform:translateY(-2px)}h1,h2,h3,h4,h5,h6{color:var(--text);letter-spacing:-.035em;margin:0;font-family:Space Grotesk,DM Sans,sans-serif}p{color:var(--text-muted);margin:0;line-height:1.7}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}img,svg,video,canvas{max-width:100%;display:block}input,select,textarea{color:var(--text)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;box-shadow:0 0 0 4px #36d8ff29}::selection{background:var(--accent);color:#031019}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:linear-gradient(var(--accent), var(--accent-strong));border-radius:999px}html{scrollbar-color:var(--accent-strong) var(--bg-deep);scrollbar-width:thin}.page-transition{min-height:1px}.not-found{min-height:70vh;padding:40px var(--page-gutter);text-align:center;place-content:center;justify-items:center;display:grid}.not-found h1{max-width:650px;margin:14px 0 10px;font-size:clamp(2.5rem,6vw,5rem);line-height:1}.not-found p{margin-bottom:24px}.navbar-placeholder{height:var(--nav-height)}.route-fallback{z-index:2000;background:#36d8ff1f;height:3px;position:fixed;top:0;bottom:auto;left:0;right:0;overflow:hidden}.route-fallback:after{content:"";background:linear-gradient(90deg, transparent, var(--accent), var(--accent-violet), transparent);width:32%;height:100%;animation:1s ease-in-out infinite route-progress;display:block}@keyframes route-progress{0%{transform:translate(-130%)}to{transform:translate(420%)}}.section-skeleton{min-height:280px;padding:56px var(--page-gutter);grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.section-skeleton span{border:1px solid var(--line);border-radius:var(--radius-md);background:linear-gradient(100deg, var(--surface-soft) 30%, #ffffff1a 50%, var(--surface-soft) 70%);background-size:220% 100%;min-height:180px;animation:1.4s linear infinite skeleton-shimmer}@keyframes skeleton-shimmer{to{background-position:-220% 0}}.swal2-popup{border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface-solid);width:min(420px,100vw - 28px);color:var(--text);box-shadow:var(--shadow-lg);padding:28px}.swal2-title{font-family:Space Grotesk,sans-serif;color:var(--text)!important}.swal2-html-container{color:var(--text-muted)!important}.swal2-confirm{background:linear-gradient(135deg, var(--accent), var(--accent-strong))!important;border-radius:999px!important}.swal2-cancel{background:#334155!important;border-radius:999px!important}@media (max-width:700px){:root{--page-gutter:clamp(16px, 5vw, 24px);--nav-height:72px}html{-webkit-text-size-adjust:100%;scroll-padding-top:88px}input,select,textarea{font-size:16px}img,video,iframe,canvas{height:auto}table{max-width:100%;display:block;overflow-x:auto}.section-skeleton{grid-template-columns:1fr;min-height:340px}.section-skeleton span:not(:first-child){display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.page-transition{will-change:transform, opacity, filter;-webkit-backface-visibility:hidden;backface-visibility:hidden;isolation:isolate;width:100%;min-height:100vh;overflow:hidden;transform:translateZ(0)}.page-transition>*{width:100%;min-height:100%}.route-fallback{z-index:99999;pointer-events:none;background:#00d4ff14;width:100%;height:3px;position:fixed;top:0;left:0;overflow:hidden}.route-fallback:after{content:"";background:linear-gradient(90deg, transparent, var(--accent), #5f7dff, transparent);width:35%;animation:.9s linear infinite route-progress;position:absolute;top:0;bottom:0;left:0;right:0}.page-transition,.hero,section,main{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}@media (max-width:700px){:root{--mobile-gutter:clamp(16px, 5vw, 24px)}html{-webkit-text-size-adjust:100%;scroll-padding-top:76px}html,body{min-width:320px;min-height:100%;height:auto!important;overflow:hidden auto!important}#root{min-height:100dvh;overflow:clip visible}input,select,textarea{font-size:16px!important}button,[role=button],a{-webkit-tap-highlight-color:transparent}button:not(.message-menu):not(.notification-btn):not(.profile-btn):not(.menu-btn):not(.talk-btn):not(.mobile-talk),.nav-links a,.mobile-menu a{min-height:44px}button:focus-visible{outline-offset:3px;outline:2px solid #36d8ff}a:focus-visible{outline-offset:3px;outline:2px solid #36d8ff}input:focus-visible{outline-offset:3px;outline:2px solid #36d8ff}textarea:focus-visible{outline-offset:3px;outline:2px solid #36d8ff}select:focus-visible{outline-offset:3px;outline:2px solid #36d8ff}img,video,iframe,canvas{max-width:100%;height:auto}pre,code,p,h1,h2,h3,h4,a,td{overflow-wrap:anywhere}table{-webkit-overflow-scrolling:touch;max-width:100%;display:block;overflow-x:auto}.about,.contact-page,.portfolio-page,.services-page,.orders-page,.payment-page,.profile-page,.my-orders-page,.review-page,.notifications-page,.settings-page,.login-page,.signup-page{padding-left:var(--mobile-gutter)!important;padding-right:var(--mobile-gutter)!important}.about-container,.contact-container,.portfolio-page-grid,.services-grid,.orders-card,.payment-card,.profile-container,.my-orders-container,.review-container,.settings-container,.login-box,.signup-box{width:100%!important;min-width:0!important}.about-buttons,.profile-actions,.notification-actions,.order-actions,.payment-actions,.contact-form-actions{gap:10px}.about-buttons>*,.profile-actions>*,.notification-actions>*,.order-actions>*,.payment-actions>*{flex:140px}.page-card,.my-order-card,.profile-main-card,.account-card,.payment-card,.orders-card,.review-card,.notification-card,.info-card,.contact-form{border-radius:18px!important;box-shadow:0 14px 38px #0000003d!important}.logout-overlay,.success-overlay,.modal-overlay,.notification-popup,.notification-panel,.swal2-popup{padding:max(14px, env(safe-area-inset-top)) var(--mobile-gutter) max(14px, env(safe-area-inset-bottom))!important}.logout-modal,.success-box,.view-order-modal,.notification-popup,.notification-panel,.swal2-popup{border-radius:20px!important;width:min(100%,430px)!important;max-height:calc(100dvh - 28px)!important;overflow-y:auto!important}.support-chat{border-left:0;width:100%;height:100dvh}.support-header{padding-top:max(12px, env(safe-area-inset-top))}.support-input{padding-bottom:max(11px, env(safe-area-inset-bottom))}.support-input .plain-action,.support-input .send-button{flex:0 0 42px}.support-messages{-webkit-overflow-scrolling:touch}.admin-support{height:100dvh;min-height:100dvh}.support-sidebar{min-height:230px;height:38dvh!important}.support-content{min-height:0;height:auto!important}.admin-chat-header{padding-top:max(10px, env(safe-area-inset-top));flex-wrap:wrap;align-items:flex-start}.conversation-actions{width:100%;margin-left:0;padding-bottom:2px;overflow-x:auto}.conversation-actions button{white-space:nowrap;min-height:36px}.admin-chat-input{padding-bottom:max(11px, env(safe-area-inset-bottom))}}@media (max-width:420px){:root{--mobile-gutter:15px}h1{line-height:1.08;font-size:clamp(1.85rem,9vw,2.4rem)!important}h2{line-height:1.16;font-size:clamp(1.5rem,7vw,2rem)!important}.admin-chat-avatar{width:38px;height:38px}.admin-chat-user{max-width:calc(100vw - 78px)}.admin-message,.user-message{max-width:92%}}@media (hover:none) and (pointer:coarse){.page-card:hover,.my-order-card:hover,.feature-card:hover{transform:none}::-webkit-scrollbar{width:0;height:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.footer{padding:72px var(--page-gutter) 24px;background:radial-gradient(circle at 85% 10%,#00d4ff1a,#0000 30rem),radial-gradient(circle at 10% 90%,#0078ff14,#0000 25rem),linear-gradient(#050505,#080b14);border-top:1px solid #00d4ff1f;position:relative;overflow:hidden}.footer:before{content:"";filter:blur(120px);background:#00d4ff14;width:400px;height:400px;position:absolute;bottom:-150px;right:-150px}.footer-container{z-index:2;max-width:var(--content-max);grid-template-columns:1.3fr .7fr .7fr;gap:42px;margin:auto;padding-bottom:58px;display:grid;position:relative}.footer-brand{max-width:330px}.footer-logo{color:#fff;letter-spacing:-.06em;align-items:center;gap:11px;font:700 1.65rem Space Grotesk,sans-serif;display:inline-flex}.footer-logo:before{color:#f8fdff;content:"★";text-shadow:0 2px 7px #52aeff52;background:radial-gradient(circle at 28% 20%,#94f5fff2,#0000 25%),linear-gradient(145deg,#08c9ed 0%,#087eea 42%,#1c39e9 100%);border:1px solid #7aefffcc;border-radius:28%;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:20px;display:grid;box-shadow:0 0 22px #00aeff52,inset 0 2px 6px #ffffff6b}.footer-logo span{color:#00d4ff;letter-spacing:.22em;text-transform:uppercase;margin-top:3px;font:700 9px DM Sans,sans-serif}.footer-brand p{color:#9fb1c3;margin-top:18px;font-size:.9rem;line-height:1.8}.footer h3{color:#8fa3b8;letter-spacing:.18em;text-transform:uppercase;margin-bottom:12px;font-size:11px}.footer-links,.footer-social{align-content:start;gap:12px;display:grid}.footer-links a,.footer-social a{color:#b8c7d8;align-items:center;gap:8px;width:-moz-fit-content;width:fit-content;font-size:.9rem;transition:all .3s;display:inline-flex}.footer-links a:hover,.footer-social a:hover{color:#00d4ff;transform:translate(4px)}.footer-social a svg{color:#00d4ff;font-size:15px}.footer-bottom{z-index:2;max-width:var(--content-max);border-top:1px solid #00d4ff1f;justify-content:space-between;gap:20px;margin:auto;padding-top:20px;display:flex;position:relative}.footer-bottom p{color:#718096;font-size:.75rem}.footer-bottom strong{color:#b8c7d8}.footer-links a,.footer-social a{padding:5px 0}@media (max-width:650px){.footer{padding-top:56px}.footer-container{grid-template-columns:1fr 1fr;gap:34px 18px}.footer-brand{grid-column:1/-1}.footer-bottom{gap:8px;display:grid}}body.light-theme .footer{background:radial-gradient(circle at 85% 10%,#00d4ff2e,#0000 32rem),radial-gradient(circle at 10% 90%,#6366f11f,#0000 28rem),linear-gradient(#fff,#eef4ff);border-top:1px solid #0ea5e92e}body.light-theme .footer:before{background:#00d4ff1f}body.light-theme .footer-logo{color:#020617}body.light-theme .footer-logo span{color:#0284c7}body.light-theme .footer-brand p{color:#475569}body.light-theme .footer h3{color:#0284c7}body.light-theme .footer-links a,body.light-theme .footer-social a{color:#475569}body.light-theme .footer-links a:hover,body.light-theme .footer-social a:hover,body.light-theme .footer-social a svg{color:#0284c7}body.light-theme .footer-bottom{border-top:1px solid #0ea5e92e}body.light-theme .footer-bottom p{color:#64748b}body.light-theme .footer-bottom strong{color:#334155}.loader{z-index:3000;color:#f7fbff;background:radial-gradient(circle at 50% 42%,#36d8ff1f,#0000 22rem),#05070b;place-content:center;justify-items:center;gap:18px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.loader:before{content:"";border:1px solid #36d8ff14;border-radius:50%;width:34rem;height:34rem;position:absolute;box-shadow:0 0 0 5rem #36d8ff06,0 0 0 10rem #7467ff05}.loader-mark{background:linear-gradient(145deg,#35dbff,#1477ff 68%,#7467ff);border:1px solid #ffffff61;border-radius:22px;place-items:center;width:72px;height:72px;font:700 38px Space Grotesk,sans-serif;display:grid;position:relative;box-shadow:0 18px 45px #1477ff59,inset 0 1px #ffffff80}.loader-mark:after{content:"";border:1px solid #ffffff42;border-radius:16px;position:absolute;top:8px;bottom:8px;left:8px;right:8px}.loader-copy{text-align:center;gap:2px;display:grid}.loader-copy strong{color:#f7fbff;letter-spacing:-.04em;font:700 25px Space Grotesk,sans-serif}.loader-copy span{color:#7edfff;letter-spacing:.22em;text-transform:uppercase;font-size:10px;font-weight:700}.loading-bar{background:#ffffff1f;border-radius:999px;width:156px;height:3px;overflow:hidden}.loading-bar span{border-radius:inherit;background:linear-gradient(90deg,#36d8ff,#7467ff);width:42%;height:100%;animation:1.1s ease-in-out infinite loading;display:block}@keyframes loading{0%{transform:translate(-140%)}to{transform:translate(340%)}}@media (prefers-reduced-motion:reduce){.loading-bar span{width:100%;animation:none}}.hero{min-height:calc(100vh - var(--nav-height));padding:110px var(--page-gutter) 100px;isolation:isolate;background:radial-gradient(circle at 80% 45%,#00d4ff1a,#0000 30%),radial-gradient(circle at 15% 90%,#5d5cff14,#0000 35%),linear-gradient(#050505 0%,#080b14 100%);justify-content:space-between;align-items:center;gap:80px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";filter:blur(130px);z-index:-2;background:#00d4ff14;border-radius:50%;width:600px;height:600px;position:absolute;top:-220px;right:-150px}.hero:after{content:"";filter:blur(150px);z-index:-2;background:#5850ff14;border-radius:50%;width:650px;height:650px;position:absolute;bottom:-250px;left:-180px}.hero-content{z-index:5;width:min(620px,100%);position:relative}.hero-badge{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;background:#ffffff0a;border:1px solid #00d4ff38;border-radius:999px;align-items:center;gap:10px;padding:10px 18px;font-size:12px;font-weight:700;transition:all .35s;display:inline-flex}.hero-badge svg{color:var(--accent);font-size:15px}.hero-badge span{color:var(--accent);font-size:16px}.hero-badge:hover{background:#00d4ff14;border-color:#00d4ff8c;transform:translateY(-2px)}.hero h1{letter-spacing:-.07em;color:#fff;margin:28px 0 24px;font-size:clamp(3.6rem,6vw,6.4rem);line-height:.96}.hero h1 span{background:linear-gradient(120deg, #fff, #8cecff, var(--accent), #6b7cff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-content p{color:#9fb1c3;max-width:560px;font-size:1.08rem;line-height:1.9}.hero-buttons{flex-wrap:wrap;gap:16px;margin-top:42px;display:flex}.hero-btn{border-radius:14px;justify-content:center;align-items:center;gap:10px;min-height:54px;padding:0 26px;font-weight:700;transition:all .35s;display:inline-flex}.hero-btn.primary{color:#04101a;background:linear-gradient(135deg,#53e7ff,#0b8df2);box-shadow:0 18px 40px #008cff33}.hero-btn.primary:hover{transform:translateY(-4px);box-shadow:0 24px 48px #008cff52}.hero-btn.secondary{color:#fff;background:#ffffff0a;border:1px solid #ffffff1a}.hero-btn.secondary:hover{background:#ffffff14;border-color:#00d4ff59;transform:translateY(-4px)}.hero-stats{flex-wrap:wrap;gap:14px;margin-top:65px;display:flex}.stat-box{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;gap:6px;min-width:130px;padding:15px 18px;transition:all .35s;display:grid}.stat-box strong{color:#fff;font-size:1.7rem}.stat-box strong span{color:var(--accent)}.stat-box span{color:#9ca8b8;font-size:12px;font-weight:600}.stat-box:hover{background:#ffffff12;border-color:#00d4ff59;transform:translateY(-4px)}.hero-image{flex:1;justify-content:center;align-items:center;max-width:650px;min-height:620px;margin:auto;display:flex;position:relative}.hero-logo{z-index:3;background:radial-gradient(circle at 28% 20%,#b8f7ff 0%,#13bde9 22%,#0000 42%),linear-gradient(145deg,#08c9ed 0%,#087eea 42%,#1c39e9 100%);border:2px solid #67efffb8;border-radius:28%;justify-content:center;align-items:center;width:240px;height:240px;display:flex;position:absolute;box-shadow:0 0 34px #00d4ff80,0 22px 65px #004dff59,inset 0 2px 8px #ffffff8c,inset 0 -18px 28px #082ad247}.hero-logo span{color:#f8fdff;letter-spacing:-8px;text-shadow:0 4px 12px #5ccaff61;font-size:7rem;font-weight:800}.hero-rings{border:1px solid #00d4ff1f;border-radius:50%;width:420px;height:420px;position:absolute}.hero-rings:before,.hero-rings:after{content:"";border:1px solid #00d4ff14;border-radius:50%;position:absolute;top:-35px;bottom:-35px;left:-35px;right:-35px}.hero-rings:after{top:-70px;bottom:-70px;left:-70px;right:-70px}.hero-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:5;background:#0f172ab8;border:1px solid #ffffff14;border-radius:18px;width:220px;padding:18px;transition:all .35s;position:absolute}.hero-card:hover{border-color:#00d4ff;transform:translateY(-8px);box-shadow:0 18px 35px #0096ff2e}.hero-card-kicker{color:#00d4ff;letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:700;display:block}.hero-card h2{color:#fff;margin:10px 0;font-size:22px}.hero-card p{color:#aeb7c5;font-size:14px;line-height:1.6}.card-one{top:60px;left:-10px}.card-two{top:120px;right:-10px}.card-three{bottom:40px;left:50%;transform:translate(-50%)}.card-three:hover{transform:translate(-50%)translateY(-8px)}@media (max-width:1000px){.hero-image{min-height:520px;margin-top:70px}.hero-logo{width:200px;height:200px}.hero-logo span{font-size:5.5rem}.hero-card{width:190px}}@media (max-width:768px){.hero-image{min-height:430px}.hero-logo{width:170px;height:170px}.hero-card{width:160px;padding:14px}.hero-card h2{font-size:17px}.card-one{top:20px;left:0}.card-two{top:90px;right:0}.card-three{bottom:10px}}@media (max-width:500px){.hero-image{min-height:360px}.hero-logo{width:140px;height:140px}.hero-logo span{font-size:4rem}.hero-card{width:145px;padding:12px}.hero-card h2{font-size:15px}.hero-card p{font-size:11px}}.scroll-down{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#b8c7d8;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;z-index:30;background:#0a1223a6;border:none;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:11px;font-weight:700;transition:all .35s;display:flex;position:absolute;bottom:25px;left:50%;transform:translate(-50%)}.scroll-down:hover{color:#fff;background:#121e34d9;border-color:#00d4ff59;transform:translate(-50%)translateY(-3px)}.scroll-down svg{color:var(--accent);font-size:18px;animation:2s infinite scrollBounce}@keyframes scrollBounce{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@media (max-width:900px){.scroll-down{display:none}}body.light-theme .hero{color:#020617;background:radial-gradient(circle at 80% 45%,#0ea5e926,#0000 30%),radial-gradient(circle at 15% 90%,#6366f11f,#0000 35%),linear-gradient(#fff,#f1f5f9)}body.light-theme .hero:before{background:#0ea5e926}body.light-theme .hero:after{background:#6366f11f}body.light-theme .hero h1{color:#020617}body.light-theme .hero h1 span{background:linear-gradient(120deg,#020617,#0284c7,#6366f1);-webkit-text-fill-color:transparent;-webkit-background-clip:text}body.light-theme .hero-badge{color:#475569;background:#0ea5e914;border-color:#0ea5e940}body.light-theme .hero-content p{color:#475569}body.light-theme .hero-btn.secondary{color:#020617;background:#ffffffa6;border:1px solid #0f172a26}body.light-theme .hero-btn.secondary:hover{background:#fff}body.light-theme .stat-box{background:#ffffffb3;border:1px solid #0f172a1f}body.light-theme .stat-box strong{color:#020617}body.light-theme .stat-box span{color:#64748b}body.light-theme .hero-logo{box-shadow:0 0 60px #0ea5e940,inset 0 2px 5px #fff9}body.light-theme .hero-rings{border-color:#0ea5e933}body.light-theme .hero-card{background:#ffffffbf;border:1px solid #0f172a1f;box-shadow:0 20px 50px #00000014}body.light-theme .hero-card h2{color:#020617}body.light-theme .hero-card p{color:#475569}body.light-theme .hero-card:hover{border-color:#0284c7}body.light-theme .scroll-down{color:#475569;background:#ffffffbf;border:1px solid #0f172a1f}body.light-theme .scroll-down:hover{color:#020617}@media (max-width:992px){.hero{text-align:center;flex-direction:column;justify-content:center;gap:60px;min-height:auto;padding:120px 24px 80px}.hero-content{width:100%;max-width:700px;margin:0 auto}.hero-content p{margin:0 auto}.hero-buttons,.hero-stats{justify-content:center}.hero-image{width:100%;max-width:520px;min-height:520px}}@media (max-width:768px){.hero{gap:45px;padding:105px 18px 60px}.hero h1{font-size:clamp(2.4rem,10vw,3.8rem);line-height:1.05}.hero-content p{font-size:.96rem;line-height:1.8}.hero-buttons{flex-direction:column;width:100%}.hero-btn{width:100%}.hero-stats{justify-content:center;gap:12px;width:100%}.stat-box{flex:1;min-width:140px}.hero-image{max-width:100%;min-height:430px}.hero-rings{width:300px;height:300px}.hero-rings:before{top:-24px;bottom:-24px;left:-24px;right:-24px}.hero-rings:after{top:-48px;bottom:-48px;left:-48px;right:-48px}.hero-logo{width:150px;height:150px}.hero-logo span{font-size:4rem}.hero-card{width:150px;padding:12px}.card-one{top:20px;left:0}.card-two{top:40px;right:0}.card-three{bottom:0;left:50%;transform:translate(-50%)}}@media (max-width:480px){.hero{padding:95px 15px 50px}.hero-image{min-height:340px}.hero-logo{width:120px;height:120px}.hero-logo span{font-size:3.2rem}.hero-rings{width:240px;height:240px}.hero-rings:before{top:-18px;bottom:-18px;left:-18px;right:-18px}.hero-rings:after{top:-36px;bottom:-36px;left:-36px;right:-36px}.hero-card{width:100%;max-width:280px;margin:12px auto;position:relative;top:auto;bottom:auto;left:auto;right:auto;transform:none!important}.hero-card:hover{transform:translateY(-6px)!important}.hero-image{flex-direction:column;gap:15px;display:flex}}.app-install-banner{width:min(100% - (var(--page-gutter) * 2),var(--content-max));border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);isolation:isolate;background:linear-gradient(135deg,#0f172aeb,#041424b8);border:1px solid #36d8ff47;grid-template-columns:1.2fr .8fr;align-items:center;gap:40px;min-height:330px;margin:70px auto;padding:48px clamp(24px,5vw,70px);display:grid;position:relative;overflow:hidden;box-shadow:0 25px 80px #0000004d,inset 0 1px #ffffff21}.app-install-banner:before{z-index:-1;content:"";background:radial-gradient(circle at 25%,#00d4ff33,#0000 24%),radial-gradient(circle at 80% 20%,#6366f129,#0000 28%);animation:9s ease-in-out infinite alternate app-install-glow;position:absolute;top:-50%;bottom:-50%;left:-50%;right:-50%}.app-install-dismiss{border:1px solid var(--line);width:30px;height:30px;color:var(--text-muted);background:var(--surface-soft);border-radius:50%;place-items:center;display:grid;position:absolute;top:16px;right:17px}.app-install-copy{z-index:1;position:relative}.app-install-eyebrow{color:var(--accent);letter-spacing:.17em;text-transform:uppercase;align-items:center;gap:8px;font-size:10px;font-weight:800;display:inline-flex}.app-install-copy h2{max-width:540px;margin:18px 0 13px;font-size:clamp(2rem,4vw,3.8rem);line-height:.98}.app-install-copy p{max-width:410px;font-size:15px}.app-install-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:25px;display:flex}.app-install-primary,.app-install-secondary{border-radius:11px;align-items:center;gap:9px;min-height:45px;padding:0 17px;font-size:12px;font-weight:750;display:inline-flex}.app-install-primary{color:#031019;background:linear-gradient(135deg,var(--accent),var(--accent-strong));border:0;box-shadow:0 10px 26px #00aaff40}.app-install-secondary{border:1px solid var(--line-strong);color:var(--text);background:var(--surface-soft)}.app-install-help{max-width:420px;color:var(--text-muted);font-size:11px;line-height:1.6}.app-install-device{place-items:center;min-height:270px;display:grid;position:relative}.app-install-phone{background:#091826;border:4px solid #bfedff;border-radius:25px;width:145px;height:260px;padding:7px;animation:5s ease-in-out infinite app-install-float;position:relative;transform:rotate(8deg);box-shadow:0 20px 55px #0000006b,0 0 45px #00d4ff38}.app-install-phone-top{z-index:2;background:#091826;border-radius:20px;width:42px;height:8px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.app-install-phone-screen{color:#e9faff;background:linear-gradient(155deg,#10415c,#101b3d 60%,#352c72);border-radius:18px;flex-direction:column;height:100%;padding:15px 11px;font-size:7px;display:flex}.app-install-phone-screen>i{color:#031019;background:var(--accent);border:1px solid #ffffff40;border-radius:12px;place-items:center;width:35px;height:35px;margin:37px auto 18px;font-style:normal;display:grid;box-shadow:0 0 25px #00d4ff59}.app-install-phone-screen strong{letter-spacing:-.07em;font:17px/1.02 Space Grotesk,sans-serif}.app-install-phone-screen small{color:#a8c6d5;margin-top:auto;font-size:7px}.app-install-phone-screen b{color:var(--accent);align-items:center;gap:4px;margin-top:10px;font-size:8px;display:flex}.app-install-orbit{border:1px solid #00d4ff52;border-radius:50%;position:absolute;transform:rotate(-25deg)}.orbit-one{width:230px;height:90px}.orbit-two{border-color:#6366f14d;width:170px;height:235px;transform:rotate(35deg)}@keyframes app-install-float{50%{transform:rotate(4deg)translateY(-12px)}}@keyframes app-install-glow{to{transform:translate(8%,4%)scale(1.08)}}@media (max-width:700px){.app-install-banner{grid-template-columns:1fr;gap:10px;margin-top:45px;margin-bottom:45px;padding:36px 24px 20px}.app-install-copy h2{font-size:clamp(2rem,11vw,3.2rem)}.app-install-copy p{font-size:14px}.app-install-device{min-height:250px;margin-top:10px}.app-install-phone{width:130px;height:235px}.app-install-help{width:100%}}@media (prefers-reduced-motion:reduce){.app-install-phone,.app-install-banner:before{animation:none}}.app-install-banner{display:none}@media (max-width:700px){.app-install-banner{display:grid}}.logout-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:99999;background:#000000a6;justify-content:center;align-items:center;animation:.25s fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.logout-modal{text-align:center;background:#111;border:1px solid #ffffff14;border-radius:24px;width:420px;max-width:92%;padding:35px;animation:.28s popup;box-shadow:0 25px 60px #00000073}.logout-icon{background:linear-gradient(135deg,#00d4ff,#06f);border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin:0 auto 20px;font-size:42px;display:flex;box-shadow:0 0 35px #00d4ff59}.logout-modal h2{color:#fff;margin-bottom:12px;font-size:30px}.logout-modal p{color:#aaa;margin-bottom:30px;font-size:15px;line-height:1.8}.logout-actions{gap:15px;display:flex}.cancel-btn{color:#fff;cursor:pointer;background:#222;border:1px solid #333;border-radius:14px;flex:1;padding:14px;font-weight:600;transition:all .3s}.confirm-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff4040,#d10000);border:none;border-radius:14px;flex:1;padding:14px;font-weight:700;transition:all .3s}.confirm-btn:hover{transform:translateY(-3px);box-shadow:0 10px 25px #ff000059}.cancel-btn:disabled,.confirm-btn:disabled{opacity:.6;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes popup{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:600px){.logout-modal{border-radius:18px;padding:25px}.logout-icon{width:75px;height:75px;font-size:34px}.logout-modal h2{font-size:24px}.logout-actions{flex-direction:column}}.notification-wrapper{flex:0 0 42px;align-items:center;display:flex;position:relative}.notification-btn{color:#d4af37;background:0 0;border:0;border-radius:50%;place-items:center;width:42px;height:42px;padding:0;display:grid;position:relative}.bell-icon{width:24px;height:24px}.notification-badge{color:#fff;background:#ef334f;border:2px solid #050505;border-radius:999px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10px;font-weight:800;line-height:1;display:grid;position:absolute;top:3px;right:3px}.notification-btn.has-unread:after{content:"";background:#00d4ff;border-radius:50%;width:5px;height:5px;position:absolute;bottom:5px;right:6px}.notification-dropdown{overscroll-behavior:contain;color:#fff;-webkit-overflow-scrolling:touch;background:#0a0a0a;border:1px solid #ffffff1a;border-radius:16px;width:min(360px,100vw - 24px);max-height:min(450px,100dvh - 110px);animation:.16s ease-out both notification-pop;position:absolute;top:calc(100% + 10px);right:0;overflow-y:auto;box-shadow:0 16px 38px #00000061}.notification-title{border-bottom:1px solid #ffffff14;padding:16px;font-size:16px;font-weight:750}.notification-empty{color:#a1a1aa;text-align:center;padding:32px 16px}.notification-item{color:#f4f4f5;border-bottom:1px solid #ffffff0f;gap:12px;padding:13px 14px;display:flex}.notification-item:hover{background:#ffffff0e}.notification-item.unread{background:#00d4ff11;border-left:3px solid #00d4ff}.notification-icon{color:#fff;background:linear-gradient(135deg,#00d4ff,#0665ef);border-radius:50%;flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid}.notification-content{flex:1;min-width:0}.notification-top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.notification-top strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.notification-time{color:#a1a1aa;white-space:nowrap;flex:none;font-size:10px}.notification-message{color:#c4c9d4;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.notification-view-all{color:#00d4ff;text-align:center;padding:14px;font-size:13px;font-weight:750;display:block}.notification-view-all:hover{background:#00d4ff14}@keyframes notification-pop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.light-theme .notification-btn{color:#a56d00}.light-theme .notification-badge{border-color:#fff}.light-theme .notification-dropdown{color:#0f172a;background:#fff;border-color:#0206171a;box-shadow:0 16px 38px #0f172a29}.light-theme .notification-item{color:#0f172a;border-bottom-color:#02061712}.light-theme .notification-message,.light-theme .notification-time{color:#64748b}@media (max-width:700px){.notification-dropdown{top:calc(var(--nav-height,72px) + 8px);width:min(360px,100vw - 24px);max-height:calc(100dvh - var(--nav-height,72px) - 20px);animation:.16s ease-out both notification-pop-mobile;position:fixed;left:50%;right:auto;transform:translate(-50%)}}@keyframes notification-pop-mobile{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.notification-dropdown{animation:none}}.notification-btn:hover,.notification-btn[aria-expanded=true]{color:var(--text);background:#00d4ff1a}.notification-dropdown{color:var(--text);border-color:var(--line-strong);background:var(--surface-solid);box-shadow:var(--shadow-lg)}.notification-title{border-bottom-color:var(--line)}.notification-item{color:var(--text);border-bottom-color:var(--line)}.notification-item.unread{border-left-color:var(--accent);background:#00d4ff14}.notification-message,.notification-time{color:var(--text-muted)}.notification-view-all{color:var(--accent)}body.light-theme .notification-dropdown{background:#fffffff0}.notification-btn{color:#d4af37!important}.notification-btn:hover,.notification-btn[aria-expanded=true]{background:#d4af371f;color:#ffd86b!important}.bell-icon{color:inherit}.notification-btn.has-unread:after{background:gold;box-shadow:0 0 8px #ffd70099}body.light-theme .notification-btn{color:#b8860b!important}body.light-theme .notification-btn:hover,body.light-theme .notification-btn[aria-expanded=true]{background:#d4af3724;color:#d4a017!important}.support-chat{z-index:99999;width:min(400px,100vw);height:100dvh;color:var(--text);border-left:1px solid var(--line-strong);-webkit-backdrop-filter:blur(18px)saturate(135%);opacity:0;visibility:hidden;pointer-events:none;contain:layout paint;will-change:transform, opacity;background:#0f172af0;flex-direction:column;transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .35s cubic-bezier(.22,1,.36,1),visibility 0s linear .35s;display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-25px 0 60px #0000007a}.support-chat.show{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:translate(0,0)}.support-header{background:#101d30c7;border-bottom:1px solid #7dd4ff24;justify-content:space-between;align-items:center;min-height:76px;padding:12px 16px;display:flex}.support-user{align-items:center;gap:11px;min-width:0;display:flex}.support-avatar{background:linear-gradient(135deg,#00c6ff,#3565ec);border-radius:50%;flex:0 0 46px;place-items:center;width:46px;height:46px;font-size:19px;font-weight:700;display:grid;box-shadow:inset 0 1px #ffffff52,0 7px 18px #009dff38}.support-user h3{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;overflow:hidden}.support-user p{color:#8ddcff;margin:4px 0 0;font-size:12px}.icon-btn,.plain-action{color:#dce9ff;cursor:pointer;background:0 0;border:0;font-size:22px}.icon-btn{border-radius:12px;place-items:center;width:42px;height:42px;transition:background .2s,transform .2s;display:grid}.icon-btn:hover{background:#ffffff14;transform:scale(1.04)}.support-messages{background:#07101f75;flex-direction:column;flex:1;gap:12px;padding:18px;display:flex;overflow:auto}.admin-message,.user-message{flex-direction:column;max-width:84%;animation:.22s cubic-bezier(.22,1,.36,1) chat-in;display:flex;position:relative}.user-message{align-self:flex-end}.bubble{overflow-wrap:anywhere;border-radius:17px;padding:10px 13px;line-height:1.45;position:relative}.bubble p{white-space:pre-wrap;margin:0}.admin-message .bubble{background:#172840;border-radius:17px 17px 17px 4px}.user-message .bubble{background:linear-gradient(135deg,#087ee6,#315de5);border-radius:17px 17px 4px}.message-footer{color:#dce9ffb8;justify-content:flex-end;align-items:center;gap:5px;margin-top:5px;font-size:10px;display:flex}.seen-status{color:#bde9ff;font-size:13px}.message-menu{color:inherit;cursor:pointer;background:0 0;border:0;font-size:15px}.reply-preview{color:#d2edff;background:#0000001f;border-left:3px solid #7cddff;margin:-2px -3px 8px;padding:6px 8px;font-size:12px}.deleted-message{opacity:.7;font-style:italic}.reactions{align-self:flex-end;gap:4px;margin-top:3px;display:flex}.reactions span{background:#1e334f;border-radius:10px;padding:2px 6px;font-size:11px}.attachment img{border-radius:10px;max-width:100%;max-height:250px;display:block}.attachment a{color:#fff;text-decoration:underline}.attachment audio{max-width:245px;height:36px;display:block}.composer-context{color:#b9e6ff;background:#14263fc7;border-top:1px solid #7dd4ff24;padding:8px 16px;font-size:12px}.composer-context button{float:right;color:#fff;cursor:pointer;background:0 0;border:0;font-size:17px}.emoji-picker{background:#14263fc7;border-top:1px solid #7dd4ff24;flex-wrap:wrap;gap:4px;padding:7px 12px;display:flex}.emoji-picker button{cursor:pointer;background:0 0;border:0;font-size:20px}.blocked-banner{color:#ffd0d5;background:#ef334f24;padding:10px 16px;font-size:12px}.support-input{background:#101d30d1;border-top:1px solid #7dd4ff24;align-items:center;gap:7px;padding:11px;display:flex}.support-input input{color:#fff;background:#1d304c;border:1px solid #0000;border-radius:22px;outline:none;flex:1;min-width:0;height:42px;padding:0 13px;transition:border-color .2s,background .2s}.support-input input:focus{background:#203754;border-color:#5adeffa3}.send-button{color:#fff;cursor:pointer;background:#1684ec;border:0;border-radius:50%;place-items:center;width:42px;height:42px;transition:transform .2s cubic-bezier(.22,1,.36,1),filter .2s;display:grid}.send-button:not(:disabled):hover{filter:brightness(1.1);transform:scale(1.05)}.send-button:disabled{opacity:.45}.recording{animation:1s infinite pulse;color:#ff5d6d!important}.typing-wrapper .typing-bubble{justify-content:center;align-items:center;gap:5px;width:55px;height:31px;padding:0;display:flex}@keyframes chat-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translate(0,0)}}@keyframes dots{50%{opacity:.45;transform:translateY(-4px)}}@keyframes pulse{50%{transform:scale(1.12)}}@media (max-width:600px){.support-chat{border-left:0;width:100%}.support-messages{padding:13px}.admin-message,.user-message{max-width:90%}}@media (prefers-reduced-motion:reduce){.support-chat,.icon-btn,.send-button,.admin-message,.recording,.typing-bubble span{transition:none!important;animation:none!important}}.support-input{padding-bottom:max(11px, env(safe-area-inset-bottom))}.support-messages{overscroll-behavior:contain}.whatsapp-audio{background:#23384d;border-radius:18px;align-items:center;gap:12px;max-width:320px;padding:10px 14px;display:flex}.voice-wave{color:#fff;background:#25d366;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:14px;font-weight:700;display:flex}.whatsapp-audio audio{background:0 0;flex:1;width:100%;height:38px}.user-message .whatsapp-audio{background:#0b5c4b}.admin-message .whatsapp-audio{background:#24384d}.voice-message{color:#eef7ff;-webkit-backdrop-filter:blur(14px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:20px;align-items:center;gap:11px;width:min(100%,318px);min-width:0;padding:10px 12px 10px 10px;display:flex;box-shadow:inset 0 1px #ffffff24,0 8px 24px #00000029}.user-message .voice-message{background:linear-gradient(135deg,#0c7fe2db,#305be2db)}.admin-message .voice-message{background:#4b5b70b8}.admin-message.user .voice-message{background:linear-gradient(135deg,#0c7fe2db,#305be2db)}.voice-play-button{color:#fff;cursor:pointer;background:#25d366;border:0;border-radius:50%;flex:0 0 45px;place-items:center;width:45px;height:45px;padding:0;transition:transform .2s,filter .2s;display:grid;box-shadow:0 5px 14px #0d5c334d}.voice-play-button:hover{filter:brightness(1.08);transform:scale(1.06)}.voice-play-button:active{transform:scale(.96)}.voice-play-button svg{width:20px;height:20px}.voice-message-content{flex:1;min-width:0}.voice-progress{cursor:pointer;touch-action:none;height:34px;position:relative}.voice-progress-track,.voice-progress-fill{border-radius:99px;width:100%;height:3px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.voice-progress-track{background:#ffffff47}.voice-progress-fill{background:#ffffffeb;width:0;transition:width .12s linear}.voice-waveform{pointer-events:none;justify-content:space-between;align-items:center;gap:2px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.voice-wave-bar{transform-origin:50%;background:#ffffffa8;border-radius:99px;flex:1;min-width:2px;max-width:4px;transition:background .2s}.voice-progress:hover .voice-wave-bar,.voice-message.is-playing .voice-wave-bar{background:#fff}.voice-message.is-playing .voice-wave-bar{animation:.76s ease-in-out infinite alternate voice-wave}.voice-message-meta{color:#eef7ffcc;font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:8px;font-size:10px;display:flex}.voice-rate-button{color:inherit;font:inherit;cursor:pointer;background:#00000024;border:1px solid #ffffff3d;border-radius:8px;padding:2px 6px;transition:background .2s,color .2s}.voice-rate-button:hover{color:#fff;background:#ffffff2e}@keyframes voice-wave{0%{transform:scaleY(.66)}to{transform:scaleY(1.18)}}@media (max-width:420px){.voice-message{gap:8px;padding-right:9px}.voice-play-button{flex-basis:42px;width:42px;height:42px}.voice-wave-bar{max-width:3px}}@media (prefers-reduced-motion:reduce){.voice-message.is-playing .voice-wave-bar,.voice-play-button,.voice-rate-button{transition:none;animation:none}}.floating-message-menu.message-actions{box-sizing:border-box;-webkit-backdrop-filter:blur(22px)saturate(145%);z-index:100000!important;color:#eaf4ff!important;background:linear-gradient(145deg,#19314cfc,#09192dfc)!important;border:1px solid #94bee63d!important;border-radius:16px!important;width:228px!important;max-width:min(260px,100vw - 16px)!important;padding:7px!important;position:fixed!important;overflow:visible!important;box-shadow:0 22px 54px #00000085,inset 0 1px #ffffff1a!important}.floating-message-menu.message-actions>button,.floating-message-menu.message-actions>.message-action-items>button{box-sizing:border-box;text-align:left;border-radius:10px;align-items:center;min-height:35px;margin:0;line-height:1.2;transition:background .18s,color .18s,transform .18s;width:100%!important;color:inherit!important;white-space:nowrap!important;background:0 0!important;border:0!important;padding:8px 11px!important;font-size:12px!important;display:flex!important}.floating-message-menu.message-actions>.message-action-items{width:100%;display:block}.floating-message-menu.message-actions>button:hover,.floating-message-menu.message-actions>.message-action-items>button:hover{transform:translate(2px);color:#fff!important;background:#74c0ff24!important}.floating-message-menu.message-actions .reaction-box{border-top:1px solid #94bee629;border-bottom:1px solid #94bee629;justify-content:space-between;align-items:center;gap:3px;width:auto;margin:5px 2px!important;padding:6px 3px!important;display:flex!important}.floating-message-menu.message-actions .reaction-box button{text-align:center;flex:1 1 0;place-items:center;min-width:0;min-height:34px;transition:background .18s,transform .18s;width:auto!important;color:inherit!important;white-space:nowrap!important;background:0 0!important;border:0!important;padding:4px 2px!important;font-size:17px!important;display:grid!important}.floating-message-menu.message-actions .reaction-box button:hover{transform:translateY(-2px)scale(1.08);background:#ffffff1a!important}@media (max-width:420px){.floating-message-menu.message-actions{width:214px!important}}@media (prefers-reduced-motion:reduce){.floating-message-menu.message-actions,.floating-message-menu.message-actions button{transition:none!important}}:root{--nav-height:82px;--primary:#00d4ff;--primary-dark:#09f;--bg:#050505;--bg-soft:#0b0f14;--surface:#111827;--surface-2:#151d29;--border:#ffffff14;--text:#fff;--text-soft:#cbd5e1;--radius:16px;--transition:.3s cubic-bezier(.22,1,.36,1)}.navbar{height:var(--nav-height);z-index:9999;transition:var(--transition);background:#050505;border-bottom:1px solid #ffffff0f;align-items:center;padding:0 60px;display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{background:#050505;border-bottom:1px solid #ffffff14}.logo{color:#fff;align-items:center;gap:14px;text-decoration:none;display:flex}.logo-box{color:#fff;width:52px;height:52px;transition:var(--transition);background:linear-gradient(135deg,#00d4ff,#08f);border-radius:16px;justify-content:center;align-items:center;font-size:24px;display:flex;box-shadow:0 10px 25px #00b4ff40}.logo:hover .logo-box{transform:translateY(-2px)}.logo-text{flex-direction:column;display:flex}.logo-text strong{color:#fff;font-size:24px;font-weight:700;line-height:1}.logo-text small{color:var(--primary);letter-spacing:2px;text-transform:uppercase;margin-top:4px;font-size:11px}.nav-links{align-items:center;gap:34px;margin-left:70px;display:flex}.nav-links a{color:#d1d5db;transition:var(--transition);font-size:15px;font-weight:600;text-decoration:none;position:relative}.nav-links a:hover,.nav-links a.active{color:#fff}.nav-links a:after{content:"";background:var(--primary);width:0;height:2px;transition:var(--transition);position:absolute;bottom:-8px;left:0}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-buttons{align-items:center;gap:12px;margin-left:auto;display:flex}.login-btn{border:1px solid var(--primary);color:#fff;height:42px;transition:var(--transition);background:0 0;border-radius:999px;padding:0 22px;font-weight:600;text-decoration:none}.login-btn:hover{background:#00d4ff14}.talk-btn{color:#fff;cursor:pointer;height:44px;transition:var(--transition);background:linear-gradient(135deg,#00d4ff,#0b7cff);border:none;border-radius:999px;padding:0 26px;font-weight:700;box-shadow:0 10px 25px #00b4ff47}.talk-btn:hover{transform:translateY(-2px);box-shadow:0 15px 35px #00b4ff59}.menu-btn{color:#fff;cursor:pointer;background:0 0;border:none;width:42px;height:42px;font-size:28px;display:none}.profile-area{align-items:center;gap:10px;display:flex;position:relative}.profile-btn{color:#fff;cursor:pointer;background:#111827;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:10px;height:46px;padding:0 14px;transition:all .3s;display:flex}.profile-btn:hover{border-color:#00d4ff}.avatar{color:#fff;background:linear-gradient(135deg,#00d4ff,#08f);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.profile-trigger-name{font-size:14px;font-weight:600}.profile-chevron{transition:all .3s}.profile-btn[aria-expanded=true] .profile-chevron{transform:rotate(180deg)}.profile-menu{background:#111827;border:1px solid #ffffff14;border-radius:18px;width:310px;animation:.25s dropdown;position:absolute;top:60px;right:0;overflow:hidden;box-shadow:0 20px 45px #00000073}@keyframes dropdown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-header{border-bottom:1px solid #ffffff0f;align-items:center;gap:14px;padding:18px;display:flex}.big-avatar{color:#fff;background:linear-gradient(135deg,#00d4ff,#08f);border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;font-size:24px;display:flex}.profile-user-info{flex:1}.profile-name{color:#fff;margin:0;font-size:16px;font-weight:700}.profile-email{color:#94a3b8;word-break:break-word;margin-top:5px;font-size:13px}.profile-item{color:#d1d5db;align-items:center;gap:12px;padding:14px 18px;text-decoration:none;transition:all .25s;display:flex}.profile-item:hover{color:#fff;background:#1f2937}.logout-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:12px;width:calc(100% - 28px);height:46px;margin:14px;font-weight:700;transition:all .3s}.logout-btn:hover{background:#dc2626}.mobile-menu{display:none}.mobile-user{border-bottom:1px solid #ffffff0f;align-items:center;gap:14px;padding:20px;display:flex}@media (max-width:992px){.nav-links{display:none}.menu-btn{justify-content:center;align-items:center;display:flex}.mobile-menu{z-index:999;background:#050505;border-left:1px solid #ffffff0f;flex-direction:column;width:320px;max-width:100%;height:calc(100vh - 82px);transition:all .35s;display:flex;position:fixed;top:82px;right:-100%}.mobile-menu.active{right:0}.mobile-menu a{color:#fff;border-bottom:1px solid #ffffff0d;padding:18px 24px;font-weight:600;text-decoration:none}.mobile-menu a:hover{background:#111827}.mobile-talk{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00d4ff,#08f);border:none;border-radius:12px;height:46px;margin:20px;font-weight:700}.mobile-login{color:#000;background:#00d4ff;border-radius:12px;justify-content:center;align-items:center;height:46px;margin:20px;font-weight:700;text-decoration:none;display:flex}.mobile-logout{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:12px;height:46px;margin:20px;font-weight:700}}@media (max-width:768px){.navbar{padding:0 18px}.logo-text strong{font-size:19px}.logo-text small{font-size:9px}.talk-btn,.profile-trigger-name{display:none}.profile-btn{padding:0 10px}}@media (max-width:480px){.logo-text{display:none}.login-btn{padding:0 14px;font-size:13px}}body.light-theme .navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffbf;border-bottom:1px solid #0f172a1f}body.light-theme .logo,body.light-theme .logo-text strong{color:#020617}body.light-theme .logo-text small{color:#0284c7}.logo-box{text-shadow:0 2px 8px #52aeff52;background:radial-gradient(circle at 28% 20%,#94f5fff2,#0000 25%),linear-gradient(145deg,#08c9ed 0%,#087eea 42%,#1c39e9 100%);border:1px solid #7aefffe6;border-radius:28%;position:relative;overflow:hidden;box-shadow:0 0 0 1px #00d4ff38,0 10px 28px #007bff4d,inset 0 2px 7px #ffffff6b,inset 0 -8px 16px #082ad247}.logo-box:after{content:"";background:linear-gradient(135deg,#ffffff75,#0000 70%);border-radius:50%;position:absolute;top:7%;bottom:47%;left:12%;right:12%;transform:rotate(-18deg)}.logo-box{isolation:isolate}.logo-box:after{z-index:-1}.logo-box{z-index:0}body.light-theme .nav-links a{color:#475569}body.light-theme .nav-links a:hover,body.light-theme .nav-links a.active{color:#020617}body.light-theme .login-btn{color:#020617;border-color:#0284c7}body.light-theme .login-btn:hover{background:#0ea5e91f}body.light-theme .talk-btn{color:#fff}body.light-theme .profile-btn{color:#020617;background:#fff;border-color:#0f172a1f}body.light-theme .profile-trigger-name{color:#020617}body.light-theme .profile-menu{background:#fff;border-color:#0f172a1f;box-shadow:0 25px 60px #00000026}body.light-theme .profile-header{border-bottom:1px solid #0f172a1a}body.light-theme .profile-name{color:#020617}body.light-theme .profile-email{color:#64748b}body.light-theme .profile-item{color:#334155}body.light-theme .profile-item:hover{color:#020617;background:#f1f5f9}body.light-theme .mobile-menu{background:#fff;border-left:1px solid #0f172a1a}body.light-theme .mobile-menu a{color:#020617;border-bottom:1px solid #0f172a14}body.light-theme .mobile-menu a:hover{background:#f1f5f9}body.light-theme .menu-btn{color:#020617}body.light-theme .mobile-user{border-bottom:1px solid #0f172a1a}body.light-theme .profile-user-info .profile-name{color:#020617}.navbar,.navbar *,.profile-menu,.mobile-menu{transition:background .4s,color .4s,border-color .4s,box-shadow .4s}.login-btn{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#ffffff0d;border:1px solid #00d4ff47;border-radius:999px;justify-content:center;align-items:center;height:46px;padding:0 24px;font-size:14px;font-weight:700;text-decoration:none;transition:all .35s;display:flex}.login-btn:hover{color:#fff;background:linear-gradient(135deg,#00d4ff,#0b8df2);border-color:#00d4ff;transform:translateY(-2px);box-shadow:0 12px 30px #00d4ff47}.login-btn:active{transform:translateY(0)}body.light-theme .login-btn{color:#0f172a;background:#ffffffeb;border:1px solid #0ea5e938;box-shadow:0 8px 22px #0f172a14}body.light-theme .login-btn:hover{color:#fff;background:linear-gradient(135deg,#38bdf8,#0284c7);border-color:#0284c7;box-shadow:0 12px 28px #0ea5e947}.services-page{min-height:100vh;padding:clamp(90px,10vw,140px) var(--page-gutter);background:radial-gradient(circle at 15% 10%,#00d4ff24,#0000 32rem),radial-gradient(circle at 85% 80%,#008cff1a,#0000 30rem),linear-gradient(#030303,#070b14);position:relative;overflow:hidden}.services-page:before{content:"";filter:blur(140px);pointer-events:none;background:#00d4ff1f;border-radius:50%;width:600px;height:600px;position:absolute;top:-220px;right:-250px}.services-page:after{content:"";filter:blur(130px);background:#0096ff14;border-radius:50%;width:500px;height:500px;position:absolute;bottom:-200px;left:-250px}.services-header{z-index:2;text-align:center;max-width:760px;margin:0 auto 80px;position:relative}.section-eyebrow{color:#00d4ff;letter-spacing:.18em;background:#00d4ff0f;border:1px solid #00d4ff40;border-radius:999px;align-items:center;padding:8px 18px;font-size:11px;font-weight:800;display:inline-flex}.services-header h1{letter-spacing:-.06em;color:#fff;margin:25px 0 20px;font-size:clamp(3rem,6vw,5.5rem);line-height:.95}.services-header h1 strong{color:#0000;background:linear-gradient(120deg,#fff,#8cecff,#00d4ff);-webkit-background-clip:text;background-clip:text}.services-text{color:#9fb1c3;max-width:600px;margin:auto;font-size:1.08rem;line-height:1.9}.services-grid{z-index:2;grid-template-columns:repeat(3,1fr);gap:26px;max-width:1250px;margin:auto;display:grid;position:relative}.service-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#ffffff14,#ffffff06);border:1px solid #ffffff14;border-radius:28px;flex-direction:column;min-height:390px;padding:30px;transition:all .45s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 30px 80px #00000073}.service-card:before{content:"";background:linear-gradient(120deg,#0000,#00d4ff1f,#0000);transition:all .7s;position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(-120%)}.service-card:hover:before{transform:translate(120%)}.service-card:hover{border-color:#00d4ff73;transform:translateY(-12px);box-shadow:0 40px 100px #00d4ff26}.service-card-top{justify-content:space-between;align-items:center;margin-bottom:45px;display:flex}.service-index{color:#64748b;font-size:13px;font-weight:700}.service-icon{color:#00d4ff;background:#00d4ff14;border:1px solid #00d4ff4d;border-radius:18px;place-items:center;width:58px;height:58px;font-size:26px;display:grid;box-shadow:0 0 30px #00d4ff26}.service-eyebrow{color:#8fa3b8;letter-spacing:.12em;font-size:11px;font-weight:800}.service-card h2{color:#fff;letter-spacing:-.03em;margin:12px 0 15px;font-size:1.7rem}.service-card p{color:#b8c7d8;font-size:.96rem;line-height:1.8}.service-price{margin-top:auto;padding-top:35px}.service-price span,.service-price small{color:#64748b}.service-price strong{color:#fff;margin-top:5px;font-size:1.25rem;display:block}.service-card button{color:#fff;cursor:pointer;background:#00d4ff0f;border:1px solid #00d4ff40;border-radius:14px;height:48px;margin-top:22px;font-weight:800;transition:all .35s}.service-card button:hover{color:#021018;background:#00d4ff;box-shadow:0 0 30px #00d4ff59}@media (max-width:1050px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:650px){.services-page{padding-top:70px}.services-grid{grid-template-columns:1fr}.service-card{min-height:340px}}body.light-theme .services-page{background:radial-gradient(circle at 15% 10%,#0ea5e92e,#0000 32rem),radial-gradient(circle at 85% 80%,#3b82f624,#0000 30rem),linear-gradient(#fff,#f1f5f9)}body.light-theme .services-page:before{background:#0ea5e924}body.light-theme .services-page:after{background:#3b82f61a}body.light-theme .section-eyebrow{color:#0284c7;background:#0ea5e91a;border-color:#0ea5e940}body.light-theme .services-header h1{color:#0f172a}body.light-theme .services-header h1 strong{background:linear-gradient(120deg,#0f172a,#0ea5e9,#2563eb);-webkit-background-clip:text;background-clip:text}body.light-theme .services-text{color:#475569}body.light-theme .service-card{background:linear-gradient(145deg,#fffffffa,#f8fafcf2);border:1px solid #0ea5e92e;box-shadow:0 20px 50px #0f172a14}body.light-theme .service-card:hover{border-color:#0ea5e973;box-shadow:0 30px 70px #0ea5e929}body.light-theme .service-card:before{background:linear-gradient(120deg,#0000,#0ea5e91a,#0000)}body.light-theme .service-index{color:#64748b}body.light-theme .service-icon{color:#0284c7;background:#0ea5e91a;border-color:#0ea5e947;box-shadow:0 0 24px #0ea5e91f}body.light-theme .service-eyebrow{color:#0284c7}body.light-theme .service-card h2{color:#0f172a}body.light-theme .service-card p{color:#475569}body.light-theme .service-price span,body.light-theme .service-price small{color:#64748b}body.light-theme .service-price strong{color:#0f172a}body.light-theme .service-card button{color:#0284c7;background:#0ea5e914;border-color:#0ea5e940}body.light-theme .service-card button:hover{color:#fff;background:linear-gradient(135deg,#0ea5e9,#2563eb);box-shadow:0 15px 35px #0ea5e94d}.services-page{will-change:transform, opacity}.services-grid{perspective:1200px}.service-card{transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform,box-shadow,border-color;transition:transform .55s cubic-bezier(.22,1,.36,1),box-shadow .55s cubic-bezier(.22,1,.36,1),border-color .35s,background .35s;transform:translateZ(0)}.service-card:hover{transform:translateY(-14px)scale(1.02)}.service-icon{transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s,background .35s}.service-card:hover .service-icon{transform:rotate(-8deg)scale(1.12);box-shadow:0 0 35px #00d4ff59}.service-card h2,.service-card p,.service-price,.service-card button,.service-eyebrow{transition:all .35s}.service-card:hover h2{color:#00d4ff}.service-card button{position:relative;overflow:hidden}.service-card button:before{content:"";background:linear-gradient(120deg,#0000,#ffffff59,#0000);transition:all .7s;position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(-120%)}.service-card:hover button:before{transform:translate(120%)}@media (prefers-reduced-motion:reduce){.service-card,.service-icon,.service-card button{transition:none}}.portfolio-page{color:#fff;background:radial-gradient(circle at 80% 0,#00bfff26,#0000 28rem),linear-gradient(135deg,#050505,#0b1020);min-height:100vh;padding:clamp(72px,10vw,128px) 6%}.portfolio-page-header{text-align:center;max-width:720px;margin:0 auto 58px}.portfolio-page-header h1{margin:16px 0;font-size:clamp(2.8rem,6vw,5.4rem);font-weight:900;line-height:.98}.portfolio-page-header h1 em{color:#0000;background:linear-gradient(120deg,#00d4ff,#6366f1);-webkit-background-clip:text;background-clip:text;font-style:normal}.portfolio-page-header p{color:#a5aec8;max-width:550px;margin:auto;font-size:1.04rem;line-height:1.7}.portfolio-page-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1300px;margin:auto;display:grid}.page-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:24px;transition:all .35s;overflow:hidden;box-shadow:0 20px 50px #00000059}.page-card:hover{border-color:#00bfff;transform:translateY(-8px);box-shadow:0 30px 80px #00bfff2e}.page-card-image{aspect-ratio:16/10;background:#080b14;position:relative;overflow:hidden}.page-card-image:after{content:"";background:linear-gradient(#0000 45%,#000000bf);position:absolute;top:0;bottom:0;left:0;right:0}.page-card-image img{object-fit:cover;width:100%;height:100%;transition:all .5s}.page-card:hover .page-card-image img{transform:scale(1.06)}.page-card-image span{z-index:2;color:#fff;letter-spacing:.1em;background:#00000059;border:1px solid #ffffff40;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:800;position:absolute;bottom:12px;left:14px}.page-card-body{padding:22px}.page-card-label{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px;font-size:10px;font-weight:800;display:block}.portfolio-card-actions{gap:9px;margin-top:24px;display:flex}.portfolio-action{border-radius:10px;flex:1;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 10px;font-size:11px;font-weight:750;transition:transform .2s,box-shadow .2s;display:inline-flex}.portfolio-action:hover{transform:translateY(-2px)}.portfolio-action.primary{color:#031019;background:linear-gradient(135deg,var(--accent),var(--accent-strong));box-shadow:0 9px 20px #0082ff33}.portfolio-action.secondary{border:1px solid var(--line);color:var(--text);background:var(--surface-soft)}.page-card-title{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.page-card-title h2{color:#fff;font-size:1.35rem}.page-card-title svg{color:#00bfff;font-size:20px;transition:all .25s}.page-card:hover .page-card-title svg{transform:translate(3px,-3px)}.page-card-body p{color:#a5aec8;margin:10px 0 18px;font-size:.92rem;line-height:1.6}.tags{flex-wrap:wrap;gap:8px;display:flex}.tags span{color:#cbd5e1;background:#ffffff0a;border:1px solid #ffffff26;border-radius:8px;padding:6px 10px;font-size:10px;font-weight:700}@media (max-width:980px){.portfolio-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.portfolio-page{padding-top:68px}.portfolio-page-header{margin-bottom:38px}.portfolio-page-grid{grid-template-columns:1fr}.page-card-body{padding:18px}}body.light-theme .portfolio-page{color:#0f172a;background:radial-gradient(circle at 80% 0,#0ea5e92e,#0000 28rem),linear-gradient(135deg,#fff,#f1f5f9)}body.light-theme .portfolio-page-header h1{color:#0f172a}body.light-theme .portfolio-page-header h1 em{background:linear-gradient(120deg,#0ea5e9,#2563eb);-webkit-background-clip:text;background-clip:text}body.light-theme .portfolio-page-header p{color:#475569}body.light-theme .page-card{background:linear-gradient(145deg,#fffffffa,#f8fafcf2);border:1px solid #0ea5e92e;box-shadow:0 18px 45px #0f172a14}body.light-theme .page-card:hover{border-color:#0ea5e9;box-shadow:0 28px 65px #0ea5e929}body.light-theme .page-card-image{background:#e2e8f0}body.light-theme .page-card-image:after{background:linear-gradient(#0000 45%,#0f172a47)}body.light-theme .page-card-image span{color:#0284c7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border:1px solid #0ea5e938}body.light-theme .page-card-title h2{color:#0f172a}body.light-theme .page-card-title svg{color:#0ea5e9}body.light-theme .page-card-body p{color:#475569}body.light-theme .tags span{color:#0369a1;background:#0ea5e914;border:1px solid #0ea5e92e}body.light-theme .tags span:hover{color:#fff;background:#0ea5e9;border-color:#0ea5e9}.about{color:#fff;background:radial-gradient(circle at 0 0,#1d4ed822,#0000 40%),radial-gradient(circle at 100% 100%,#06b6d422,#0000 40%),#050505;width:100%;padding:120px 8%;position:relative;overflow:hidden}.about:before{content:"";filter:blur(120px);background:#00bfff12;border-radius:50%;width:550px;height:550px;position:absolute;top:-220px;left:-220px}.about:after{content:"";filter:blur(120px);background:#3b82f622;border-radius:50%;width:450px;height:450px;position:absolute;bottom:-180px;right:-180px}.about-container{z-index:2;grid-template-columns:1fr 1fr;align-items:center;gap:70px;max-width:1400px;margin:auto;display:grid;position:relative}.about-left{flex-direction:column;display:flex}.about-tag{color:#38bdf8;letter-spacing:2px;text-transform:uppercase;background:#0ea5e91a;border:1px solid #38bdf840;border-radius:50px;align-items:center;width:max-content;margin-bottom:25px;padding:8px 18px;font-size:13px;font-weight:700;display:inline-flex}.about-left h2{margin-bottom:25px;font-size:55px;font-weight:800;line-height:1.15}.about-left h2 span{background:linear-gradient(90deg,#38bdf8,#2563eb,#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:block}.about-left p{color:#b8bcc8;max-width:620px;margin-bottom:40px;font-size:18px;line-height:1.9}.about-buttons{flex-wrap:wrap;gap:20px;display:flex}.about-btn{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:15px 35px;font-weight:700;text-decoration:none;transition:all .35s;display:inline-flex}.about-btn.primary{color:#fff;background:linear-gradient(135deg,#0ea5e9,#2563eb);box-shadow:0 15px 40px #2563eb59}.about-btn.primary:hover{transform:translateY(-5px);box-shadow:0 20px 45px #2563eb80}.about-btn.secondary{color:#fff;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff0a;border:1px solid #ffffff26}.about-btn.secondary:hover{background:#ffffff12;transform:translateY(-5px)}.about-right{grid-template-columns:repeat(2,1fr);gap:28px;display:grid}.feature-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:22px;padding:35px 30px;transition:all .4s;position:relative;overflow:hidden}.feature-card:before{content:"";background:linear-gradient(135deg,#0000,#ffffff0d,#0000);transition:all .6s;position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(-100%)}.feature-card:hover:before{transform:translate(100%)}.feature-card:hover{border-color:#38bdf8;transform:translateY(-10px);box-shadow:0 20px 45px #0ea5e940}.feature-card svg{color:#38bdf8;margin-bottom:20px;font-size:42px;transition:all .3s}.feature-card:hover svg{transform:scale(1.15)rotate(-5deg)}.feature-card h3{margin-bottom:14px;font-size:24px;font-weight:700}.feature-card p{color:#b8bcc8;font-size:16px;line-height:1.8}@media (max-width:1100px){.about-container{grid-template-columns:1fr;gap:60px}.about-left{text-align:center;align-items:center}.about-left p{max-width:100%}.about-right{width:100%}}@media (max-width:768px){.about{padding:90px 6%}.about-left h2{font-size:40px}.about-left p{font-size:16px}.about-buttons{justify-content:center}.about-right{grid-template-columns:1fr}.feature-card{padding:28px}.feature-card h3{font-size:21px}}@media (max-width:480px){.about{padding:80px 5%}.about-left h2{font-size:32px;line-height:1.3}.about-tag{padding:7px 16px;font-size:11px}.about-btn{width:100%;padding:14px}.feature-card{padding:24px}.feature-card svg{font-size:36px}}@keyframes floatCard{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.feature-card:first-child{animation:6s ease-in-out infinite floatCard}.feature-card:nth-child(2){animation:6s ease-in-out .5s infinite floatCard}.feature-card:nth-child(3){animation:6s ease-in-out 1s infinite floatCard}.feature-card:nth-child(4){animation:6s ease-in-out 1.5s infinite floatCard}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.about-left{animation:.8s fadeUp}.about-right{animation:1s fadeUp}body.light-theme .about{color:#020617;background:radial-gradient(circle at 0 0,#2563eb26,#0000 40%),radial-gradient(circle at 100% 100%,#06b6d426,#0000 40%),linear-gradient(135deg,#f8fafc,#e2e8f0)}body.light-theme .about:before{background:#0284c718}body.light-theme .about:after{background:#4f46e518}body.light-theme .about-tag{color:#0284c7;background:#0ea5e91f;border-color:#0ea5e959}body.light-theme .about-left h2{color:#020617}body.light-theme .about-left h2 span{background:linear-gradient(90deg,#0284c7,#2563eb,#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text}body.light-theme .about-left p{color:#475569}body.light-theme .about-btn.primary{color:#fff;background:linear-gradient(135deg,#0284c7,#4f46e5)}body.light-theme .about-btn.secondary{color:#020617;background:#ffffffa6;border:1px solid #0f172a26}body.light-theme .about-btn.secondary:hover{background:#ffffffe6}body.light-theme .feature-card{background:#ffffffbf;border:1px solid #0f172a1f;box-shadow:0 15px 40px #00000014}body.light-theme .feature-card:hover{border-color:#0284c7;box-shadow:0 20px 45px #0ea5e940}body.light-theme .feature-card svg{color:#0284c7}body.light-theme .feature-card h3{color:#020617}body.light-theme .feature-card p{color:#475569}body.light-theme .feature-card:before{background:linear-gradient(135deg,#0000,#0000000d,#0000)}.about,.about-left h2,.about-left p,.feature-card,.feature-card h3,.feature-card p,.about-btn.secondary{transition:background .4s,color .4s,border .4s,box-shadow .4s}.contact-page{color:#fff;background:radial-gradient(circle at 0 0,#00bfff26,#0000 30rem),radial-gradient(circle at 100% 100%,#6366f126,#0000 30rem),linear-gradient(135deg,#050505,#0b1020);min-height:100vh;padding:clamp(72px,10vw,128px) 6%}.contact-container{grid-template-columns:minmax(0,.92fr) minmax(360px,.8fr);align-items:center;gap:clamp(48px,9vw,130px);max-width:1120px;margin:auto;display:grid}.contact-info{max-width:560px}.contact-info h1{margin:16px 0 20px;font-size:clamp(2.8rem,5.5vw,5.2rem);font-weight:900;line-height:.98}.contact-info h1 em{color:#0000;background:linear-gradient(120deg,#00d4ff,#6366f1);-webkit-background-clip:text;background-clip:text;font-style:normal}.contact-info>p{color:#a5aec8;max-width:520px;font-size:1.05rem;line-height:1.7}.contact-info-list{gap:12px;margin-top:38px;display:grid}.info-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:15px;align-items:center;gap:13px;padding:15px;transition:all .3s;display:flex}.info-card:hover{border-color:#00bfff;transform:translateY(-4px);box-shadow:0 15px 40px #00bfff26}.info-icon{color:#00bfff;background:#00bfff1f;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.info-card>div>span{color:#94a3b8;letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:800}.info-card p{color:#fff;margin-top:3px;font-size:.92rem}body.light-theme .contact-page .info-card p{color:#0f172a}.contact-form{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:28px;gap:10px;padding:clamp(24px,4vw,38px);transition:all .3s;display:grid;box-shadow:0 30px 80px #00000073}.contact-form:hover{box-shadow:0 40px 100px #00bfff26}.form-heading{margin-bottom:10px}.form-heading span{color:#00bfff;letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:800}.form-heading h2{margin-top:7px;font-size:1.8rem}.contact-form label{color:#94a3b8;margin-top:8px;font-size:.78rem;font-weight:700}.contact-form input,.contact-form textarea{color:#fff;resize:vertical;background:#080b14;border:1px solid #ffffff26;border-radius:12px;outline:none;width:100%;padding:14px;transition:all .3s}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#71717a}.contact-form input:focus,.contact-form textarea:focus{background:#090d18;border-color:#00bfff;box-shadow:0 0 20px #00bfff33}.contact-form button{cursor:pointer;color:#fff;background:linear-gradient(135deg,#6366f1,#00bfff);border:none;border-radius:30px;justify-content:space-between;align-items:center;min-height:52px;margin-top:10px;padding:0 18px;font-weight:800;transition:all .3s;display:flex}.contact-form button:hover{transform:translateY(-3px);box-shadow:0 20px 45px #00bfff59}.contact-form button svg{font-size:18px;transition:all .25s}.contact-form button:hover svg{transform:translate(3px,-3px)}.contact-status{border-radius:10px;padding:10px;font-size:.82rem}.contact-status.error{color:#ff9ca8;background:#f15b6c1f}.contact-status.success{color:#81edbc;background:#35d3991f}@media (max-width:800px){.contact-page{padding-top:68px}.contact-container{grid-template-columns:1fr;gap:44px}.contact-info{max-width:none}.contact-info h1{font-size:clamp(2.8rem,11vw,4.5rem)}.contact-form{max-width:600px}}.my-orders-page{color:#fff;background:radial-gradient(circle at 100% 0,#00bfff2e,#0000 35%),radial-gradient(circle at 0 100%,#6366f12e,#0000 35%),linear-gradient(135deg,#050505,#0b1020);min-height:100vh;padding:120px 6%}.my-orders-container{max-width:1300px;margin:auto}.orders-title{text-align:center;margin-bottom:60px}.orders-title h1{background:linear-gradient(135deg,#fff,#00bfff,#6366f1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:48px;font-weight:900}.orders-title p{color:#94a3b8;margin-top:12px;font-size:18px}.orders-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:30px;display:grid}.my-order-card{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:28px;padding:32px;transition:all .35s;position:relative;overflow:hidden;box-shadow:0 20px 50px #0006}.my-order-card:before{content:"";background:linear-gradient(90deg,#00bfff,#6366f1);width:100%;height:3px;position:absolute;top:0;left:0}.my-order-card:hover{border-color:#00bfff;transform:translateY(-10px);box-shadow:0 25px 70px #00bfff40}.order-top{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.service-name h2{font-size:24px;font-weight:800}.status{text-transform:uppercase;border-radius:50px;padding:8px 18px;font-size:13px;font-weight:800}.status.pending{color:#facc15;background:#facc1526;border:1px solid #facc15}.status.completed{color:#22c55e;background:#22c55e26;border:1px solid #22c55e}.status.cancelled{color:#ef4444;background:#ef444426;border:1px solid #ef4444}.order-details{background:#00000040;border-radius:18px;margin-top:20px;padding:20px}.order-details p{color:#e2e8f0;margin:10px 0;font-weight:600}.project-details{color:#cbd5e1;background:#ffffff0a;border-radius:15px;margin-top:20px;padding:18px;font-size:15px;line-height:1.7}.payment-status{color:#93c5fd;background:#3b82f61f;border:1px solid #3b82f64d;border-radius:15px;margin-top:20px;padding:15px;font-weight:700}.download-project-btn{color:#fff;background:linear-gradient(135deg,#00bfff,#6366f1);border-radius:15px;justify-content:center;align-items:center;margin-top:25px;padding:15px;font-weight:800;text-decoration:none;transition:all .3s;display:flex}.download-project-btn:hover{transform:translateY(-4px);box-shadow:0 15px 40px #00bfff59}.review-order-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#ef4444);border:none;border-radius:15px;width:100%;margin-top:25px;padding:15px;font-size:16px;font-weight:800;transition:all .3s}.review-order-btn:hover{transform:translateY(-4px);box-shadow:0 15px 35px #ef444459}.review-done{text-align:center;color:#4ade80;background:#22c55e26;border:1px solid #22c55e;border-radius:15px;margin-top:20px;padding:15px;font-weight:800}.empty-orders,.loading-box{text-align:center;color:#94a3b8;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:25px;padding:70px 30px;font-size:18px}.empty-orders h2{color:#fff;margin-bottom:15px;font-size:30px}@media (max-width:700px){.my-orders-page{padding:100px 20px}.orders-title h1{font-size:34px}.orders-grid{grid-template-columns:1fr}.my-order-card{padding:22px}.order-top{flex-direction:column;align-items:flex-start}}.my-order-card{flex-direction:column;justify-content:flex-start;min-height:320px;display:flex}.order-details{grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px;display:grid}.order-details p{background:#ffffff0d;border-radius:12px;padding:12px;font-size:14px}.project-details{min-height:60px;margin-top:15px}.payment-status{color:#4ade80;background:#22c55e26;border:1px solid #22c55e66;border-radius:30px;width:max-content;margin-top:15px;padding:10px 18px;font-weight:800;display:inline-flex}.download-project-btn{width:220px;margin-top:20px}@media (max-width:800px){.order-details{grid-template-columns:1fr}}.pay-now-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:15px;width:100%;margin-top:20px;padding:15px;font-size:16px;font-weight:800;transition:all .3s}.pay-now-btn:hover{transform:translateY(-4px);box-shadow:0 15px 40px #22c55e59}.payment-status{color:#facc15;background:#facc1526;border:1px solid #facc15;border-radius:30px;margin-top:20px;padding:10px 18px;font-weight:800;display:inline-block}.my-order-card:first-child{animation:6s ease-in-out infinite floatCard}.my-order-card:nth-child(2){animation:6s ease-in-out .5s infinite floatCard}.my-order-card:nth-child(3){animation:6s ease-in-out 1s infinite floatCard}.my-order-card:nth-child(4){animation:6s ease-in-out 1.5s infinite floatCard}.my-order-card:nth-child(5){animation:6s ease-in-out 2s infinite floatCard}.my-order-card:nth-child(6){animation:6s ease-in-out 2.5s infinite floatCard}.orders-title{animation:.8s fadeUp}.orders-grid{animation:1s fadeUp}.my-orders-page *{transition:background .3s,color .3s,transform .35s,box-shadow .35s,border-color .35s}.my-orders-page ::selection{color:#000;background:#00bfff}.my-orders-page::-webkit-scrollbar{width:8px}.my-orders-page::-webkit-scrollbar-track{background:#050505}.my-orders-page::-webkit-scrollbar-thumb{background:#00bfff;border-radius:20px}.my-orders-page::-webkit-scrollbar-thumb:hover{background:#38bdf8}body.light-theme .my-orders-page{color:#020617;background:radial-gradient(circle at 100% 0,#00bfff26,#0000 35%),radial-gradient(circle at 0 100%,#6366f126,#0000 35%),linear-gradient(135deg,#f8fafc,#e2e8f0)}body.light-theme .orders-title h1{background:linear-gradient(135deg,#020617,#0284c7,#4f46e5);-webkit-text-fill-color:transparent;-webkit-background-clip:text}body.light-theme .orders-title p{color:#475569}body.light-theme .my-order-card{background:#ffffffbf;border:1px solid #0f172a1f;box-shadow:0 20px 50px #00000026}body.light-theme .my-order-card:hover{border-color:#0284c7;box-shadow:0 25px 70px #00bfff40}body.light-theme .service-name h2{color:#020617}body.light-theme .order-details{background:#0f172a0d}body.light-theme .order-details p{color:#334155;background:#fffc}body.light-theme .project-details{color:#475569;background:#0f172a0a}body.light-theme .payment-status{color:#16a34a;background:#22c55e1f;border-color:#22c55e66}body.light-theme .empty-orders,body.light-theme .loading-box{color:#64748b;background:#ffffffbf;border:1px solid #0f172a1f}body.light-theme .empty-orders h2{color:#020617}body.light-theme .status.pending{background:#facc152e}body.light-theme .status.completed{background:#22c55e26}body.light-theme .status.cancelled{background:#ef444426}body.light-theme .download-project-btn{background:linear-gradient(135deg,#0284c7,#4f46e5)}body.light-theme .review-order-btn{background:linear-gradient(135deg,#f59e0b,#dc2626)}body.light-theme .pay-now-btn{background:linear-gradient(135deg,#16a34a,#15803d)}body.light-theme .my-orders-page:before{background:radial-gradient(circle,#00bfff2e,#0000 70%)}body.light-theme .my-orders-page:after{background:radial-gradient(circle,#6366f12e,#0000 70%)}body.light-theme .my-orders-page::-webkit-scrollbar-track{background:#e2e8f0}body.light-theme .my-orders-page::-webkit-scrollbar-thumb{background:#0284c7}.my-orders-page,.my-order-card,.order-details,.project-details,.empty-orders,.loading-box,.order-details p{transition:background .4s,color .4s,border .4s,box-shadow .4s}.notify{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;visibility:hidden;z-index:99999999;background:linear-gradient(145deg,#0f172af5,#020617f5);border:1px solid #00d4ff2e;border-radius:20px;align-items:center;gap:15px;width:360px;max-width:calc(100vw - 40px);padding:18px 20px;transition:all .45s;display:flex;position:fixed;top:90px;right:30px;transform:translate(120%);box-shadow:0 25px 60px #0000008c,0 0 30px #00d4ff26}.notify.show{opacity:1;visibility:visible;transform:translate(0)}.notify-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:55px;height:55px;font-size:24px;font-weight:800;display:flex}.notify-content{flex:1}.notify-content h3{color:#fff;margin:0 0 5px;font-size:18px;font-weight:800}.notify-content p{color:#b8c4d8;margin:0;font-size:14px;line-height:1.5}.notify.success{border-left:5px solid #00d4ff}.notify.success .notify-icon{color:#fff;background:linear-gradient(135deg,#00d4ff,#2563eb);box-shadow:0 0 25px #00d4ff80}.notify.error{border-left:5px solid #ef4444}.notify.error .notify-icon{color:#fff;background:linear-gradient(135deg,#ff6b7a,#dc2626);box-shadow:0 0 25px #ef444473}.notify.warning{border-left:5px solid #facc15}.notify.warning .notify-icon{color:#111827;background:linear-gradient(135deg,#fde047,#f59e0b);box-shadow:0 0 25px #facc1566}body.light-theme .notify{background:#fffffff2;border-color:#0ea5e940}body.light-theme .notify-content h3{color:#0f172a}body.light-theme .notify-content p{color:#475569}@media (max-width:600px){.notify{border-radius:16px;width:auto;max-width:none;top:80px;left:20px;right:20px}.notify-icon{width:45px;height:45px;font-size:20px}.notify-content h3{font-size:16px}.notify-content p{font-size:13px}}.login-page,.login-page *{box-sizing:border-box;margin:0;padding:0}.login-page{background:radial-gradient(circle at 0 0,#6366f159,#0000 35%),radial-gradient(circle at 100% 100%,#00bfff40,#0000 40%),linear-gradient(135deg,#050816,#090b1c,#020617);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:120px 20px 60px;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";filter:blur(120px);background:#6366f12e;border-radius:50%;width:450px;height:450px;animation:8s infinite alternate loginGlow;position:absolute;top:-180px;left:-150px}.login-page:after{content:"";filter:blur(120px);background:#00bfff26;border-radius:50%;width:400px;height:400px;animation:10s infinite alternate loginGlow;position:absolute;bottom:-150px;right:-150px}@keyframes loginGlow{0%{transform:translateY(0)}to{transform:translateY(40px)}}.login-box{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);z-index:5;background:#ffffff12;border:1px solid #ffffff26;border-radius:30px;width:100%;max-width:460px;padding:45px;animation:.7s loginAppear;position:relative;box-shadow:0 30px 90px #0000008c,0 0 40px #6366f133}@keyframes loginAppear{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.login-top{text-align:center;margin-bottom:35px}.login-top h1{background:linear-gradient(135deg,#fff,#a78bfa,#6366f1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:12px;font-size:42px;font-weight:800}.login-top p{color:#a5accb;font-size:15px;line-height:1.6}.input-group{width:100%;height:60px;margin-bottom:22px;position:relative}.input-group input{color:#fff;background:#0f172abf;border:1px solid #ffffff26;border-radius:16px;outline:none;width:100%;height:100%;padding-left:60px;padding-right:55px;font-size:15px;transition:all .3s}.input-group input:hover{border-color:#6366f1}.input-icon{color:#38bdf8;z-index:10;justify-content:center;align-items:center;width:20px;height:20px;font-size:18px;display:flex;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.input-group input{padding-left:65px!important}.remember-box input{cursor:pointer;accent-color:#6366f1;width:17px;height:17px}.forgot-btn{color:#a78bfa;cursor:pointer;background:0 0;border:none;font-size:14px;font-weight:600;transition:all .3s}.forgot-btn:hover{color:#fff}.login-main-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:18px;width:100%;height:60px;font-size:16px;font-weight:700;transition:all .35s;position:relative;overflow:hidden}.login-main-btn:hover{transform:translateY(-4px);box-shadow:0 20px 45px #6366f173}.login-main-btn:active{transform:scale(.98)}.login-main-btn:disabled{opacity:.7;cursor:not-allowed}.login-main-btn:before{content:"";background:linear-gradient(120deg,#0000,#ffffff73,#0000);width:80%;height:100%;transition:all .7s;position:absolute;top:0;left:-120%}.login-main-btn:hover:before{left:140%}.divider span{color:#94a3b8;letter-spacing:2px;font-size:12px}.signup-btn{color:#fff;background:#ffffff0d;border:1px solid #8b5cf659;border-radius:18px;justify-content:center;align-items:center;width:100%;height:58px;font-weight:700;text-decoration:none;transition:all .35s;display:flex}.signup-btn:hover{background:linear-gradient(135deg,#6366f1,#8b5cf6);transform:translateY(-3px)}.login-footer{text-align:center;color:#9ca3af;margin-top:25px;font-size:14px}.login-footer a{color:#38bdf8;margin-left:5px;font-weight:600;text-decoration:none}.login-page input::-ms-reveal{display:none}.login-page input::-ms-clear{display:none}.login-page input[type=password]::-webkit-credentials-auto-fill-button{display:none!important}.login-page input[type=password]::-webkit-textfield-decoration-container{display:none!important}.login-toast{z-index:999999;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:20px;justify-content:center;align-items:center;min-width:320px;max-width:90%;padding:16px 24px;font-size:15px;font-weight:700;animation:.4s toastShow;display:flex;position:fixed;top:110px;left:50%;transform:translate(-50%)}.login-toast.success{color:#86efac;background:#22c55e2e;border:1px solid #22c55e73}.login-toast.error{color:#fca5a5;background:#ef44442e;border:1px solid #ef444473}.login-toast.warning{color:#fde68a;background:#f59e0b2e;border:1px solid #f59e0b73}@keyframes toastShow{0%{opacity:0;transform:translate(-50%,-30px)scale(.9)}to{opacity:1;transform:translate(-50%)scale(1)}}.light-theme .login-page{background:radial-gradient(circle at 0 0,#00bfff40,#0000 35%),linear-gradient(135deg,#fff,#eaf6ff)}.light-theme .login-box{background:#ffffffbf;border-color:#00000014;box-shadow:0 30px 80px #00000026}.light-theme .login-top p{color:#64748b}.light-theme .remember-box{color:#475569}.light-theme .signup-btn{color:#020617;background:#00000008}.light-theme .login-footer{color:#64748b}@media (max-width:768px){.login-page{padding:100px 18px 40px}.login-box{border-radius:22px;padding:32px 24px}.login-top h1{font-size:32px}.input-group input{height:56px}.login-main-btn,.signup-btn{height:54px}}@media (max-width:480px){.login-page{padding:90px 14px 30px}.login-box{padding:25px 18px}.login-top h1{font-size:28px}.login-top p{font-size:13px}.login-options{flex-direction:column;align-items:flex-start;gap:15px}.login-toast{min-width:280px;font-size:14px;top:90px}.login-page{padding-left:20px;padding-right:20px}.login-box{width:100%;max-width:420px}}.login-page{justify-content:center;align-items:center;height:auto;min-height:calc(100vh - 80px);padding:100px 20px 50px;display:flex}.login-box{margin-top:20px;margin-bottom:20px}@media (max-width:768px){.login-page{align-items:flex-start;min-height:calc(100vh - 70px);padding:90px 18px 40px}.login-box{margin-top:20px}}@media (max-width:480px){.login-page{padding:85px 16px 30px}.login-box{padding:28px 18px}}.login-options{justify-content:space-between;align-items:center;gap:20px;width:100%;display:flex}.remember-box{white-space:nowrap;color:#cbd5e1;align-items:center;gap:10px;font-size:14px;display:flex}.remember-box span{display:inline-block}.forgot-btn{white-space:nowrap}@media (max-width:480px){.login-options{flex-direction:column;align-items:flex-start;gap:15px}}.login-options{z-index:5;justify-content:space-between;align-items:center;width:100%;margin-top:20px;margin-bottom:30px;display:flex;position:relative}.remember-box{color:#cbd5e1;align-items:center;gap:10px;height:22px;font-size:14px;display:flex}.remember-box span{line-height:22px}.remember-box input{width:17px;height:17px}.forgot-btn{line-height:22px}.login-main-btn{z-index:2;position:relative;outline:none!important}.login-main-btn:focus{box-shadow:0 15px 35px #00bfff59;outline:none!important}.login-main-btn:focus-visible{box-shadow:0 15px 35px #00bfff59;outline:none!important}.login-box{overflow:hidden}.signup-page{background:radial-gradient(circle at 0 0,#312e81,#0000 35%),radial-gradient(circle at 100% 100%,#4f46e5,#0000 35%),#070816;justify-content:center;align-items:center;min-height:100vh;padding:100px 6%;display:flex}.signup-box{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:28px;width:100%;max-width:480px;padding:45px;animation:.8s signupShow;box-shadow:0 25px 80px #0000008c}.signup-top{text-align:center;margin-bottom:35px}.signup-top h1{background:linear-gradient(90deg,#8b5cf6,#6366f1,#fff);color:#0000;-webkit-background-clip:text;margin-bottom:12px;font-size:42px;font-weight:800}.signup-top p{color:#a5accb;font-size:15px;line-height:1.6}.input-group{margin-bottom:20px;position:relative}.input-group input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:16px;outline:none;width:100%;height:58px;padding:0 18px;font-size:15px;transition:all .35s}.input-group input::placeholder{color:#8d93ad}.input-group input:focus{background:#ffffff14;border-color:#8b5cf6;box-shadow:0 0 20px #8b5cf640}.eye-btn{color:#a5accb;cursor:pointer;border:none;justify-content:center;align-items:center;font-size:22px;display:flex;position:absolute;top:50%;right:15px;transform:translateY(-50%);background:0 0!important;width:auto!important;padding:0!important}.eye-btn:hover{color:#8b5cf6;transform:translateY(-50%)scale(1.1)}.password-strength{color:#a5accb;background:#ffffff0a;border-radius:12px;justify-content:space-between;align-items:center;margin-top:-10px;margin-bottom:20px;padding:12px 15px;font-size:14px;display:flex}.password-strength strong{font-weight:700}.password-strength .weak{color:#ef4444}.password-strength .medium{color:#facc15}.password-strength .strong{color:#22c55e}.terms-box{color:#a5accb;align-items:center;gap:10px;margin:20px 0 25px;font-size:14px;display:flex}.terms-box input{accent-color:#8b5cf6;cursor:pointer;width:18px;height:18px}.terms-box p{color:#a5accb;margin:0}.signup-main-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:18px;width:100%;height:58px;font-size:16px;font-weight:700;transition:all .35s;box-shadow:0 15px 35px #6366f159}.signup-main-btn:hover{transform:translateY(-4px);box-shadow:0 20px 45px #8b5cf673}.signup-main-btn:disabled{opacity:.6;cursor:not-allowed}.divider{align-items:center;gap:15px;margin:30px 0;display:flex}.divider:before,.divider:after{content:"";background:#ffffff26;flex:1;height:1px}.divider span{color:#777;font-size:13px}.signup-footer{text-align:center;color:#a5accb;font-size:14px}.signup-footer a{color:#8b5cf6;margin-left:8px;font-weight:700;text-decoration:none;transition:all .3s}.signup-footer a:hover{color:#fff;text-shadow:0 0 15px #8b5cf6cc}@keyframes signupShow{0%{opacity:0;transform:translateY(40px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.input-group:hover input{border-color:#8b5cf680}.input-group input:focus{transform:translateY(-2px)}@media (max-width:900px){.signup-page{padding:80px 25px}.signup-box{padding:40px 30px}.signup-top h1{font-size:36px}}@media (max-width:600px){.signup-page{padding:70px 15px}.signup-box{border-radius:22px;padding:30px 20px}.signup-top h1{font-size:30px}.signup-top p{font-size:14px}.input-group input{height:54px;font-size:14px}.signup-main-btn{height:54px;font-size:15px}.password-strength,.terms-box{font-size:13px}}.signup-page input:-webkit-autofill{-webkit-text-fill-color:white;transition:background-color 9999s;-webkit-box-shadow:inset 0 0 0 1000px #111426}.signup-page input:-webkit-autofill:hover{-webkit-text-fill-color:white;transition:background-color 9999s;-webkit-box-shadow:inset 0 0 0 1000px #111426}.signup-page input:-webkit-autofill:focus{-webkit-text-fill-color:white;transition:background-color 9999s;-webkit-box-shadow:inset 0 0 0 1000px #111426}.signup-page ::selection{color:#fff;background:#00d4ff}.signup-page button,.signup-page input,.signup-page a{transition:all .35s}.signup-page ::-webkit-scrollbar{width:8px}.signup-page ::-webkit-scrollbar-track{background:#020617}.signup-page ::-webkit-scrollbar-thumb{background:linear-gradient(#00d4ff,#2563eb);border-radius:30px}.signup-page ::-webkit-scrollbar-thumb:hover{background:#00d4ff}.signup-page:before{content:"";filter:blur(30px);background:radial-gradient(circle,#8b5cf659,#0000 70%);border-radius:50%;width:350px;height:350px;animation:8s infinite alternate glowMove;position:absolute;top:10%;left:10%}.signup-page:after{content:"";filter:blur(35px);background:radial-gradient(circle,#6366f159,#0000 70%);border-radius:50%;width:300px;height:300px;animation:10s infinite alternate glowMove;position:absolute;bottom:10%;right:10%}.signup-page{position:relative;overflow:hidden}.signup-box{z-index:2;position:relative}@keyframes glowMove{0%{transform:translateY(0)}to{transform:translateY(40px)}}.signup-main-btn{position:relative;overflow:hidden}.signup-main-btn:before{content:"";background:linear-gradient(120deg,#0000,#ffffff73,#0000);width:70%;height:100%;transition:all .6s;position:absolute;top:0;left:-100%}.signup-main-btn:hover:before{left:130%}.signup-main-btn:disabled:hover{transform:none;box-shadow:0 15px 35px #6366f159}@media (max-width:400px){.signup-box{padding:25px 15px}.signup-top h1{font-size:26px}.password-strength{flex-direction:column;gap:5px}.eye-btn{right:10px}}.light-theme .signup-page{background:radial-gradient(circle at 0 0,#00bfff40,#0000 35%),radial-gradient(circle at 100% 100%,#6366f133,#0000 35%),linear-gradient(135deg,#fff,#eaf6ff)}.light-theme .signup-box{background:#ffffffbf;border:1px solid #00000014;box-shadow:0 30px 80px #00000026}.light-theme .signup-top h1{background:linear-gradient(90deg,#020617,#06f);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.light-theme .signup-top p{color:#64748b}.light-theme .input-group input{color:#020617;background:#ffffffe6;border-color:#00000026}.light-theme .input-group input::placeholder{color:#64748b}.light-theme .input-group input:focus{background:#fff;border-color:#6366f1}.light-theme .eye-btn{color:#6366f1}.light-theme .password-strength{color:#475569;background:#0000000a}.light-theme .terms-box,.light-theme .terms-box p{color:#475569}.light-theme .divider:before,.light-theme .divider:after{background:#00000026}.light-theme .divider span,.light-theme .signup-footer{color:#64748b}.light-theme .signup-footer a{color:#06f}.light-theme .signup-footer a:hover{color:#6366f1}.light-theme input:-webkit-autofill{-webkit-text-fill-color:#020617;-webkit-box-shadow:inset 0 0 0 1000px #fff}.light-theme input:-webkit-autofill:hover{-webkit-text-fill-color:#020617;-webkit-box-shadow:inset 0 0 0 1000px #fff}.light-theme input:-webkit-autofill:focus{-webkit-text-fill-color:#020617;-webkit-box-shadow:inset 0 0 0 1000px #fff}.light-theme .signup-page ::-webkit-scrollbar-track{background:#eaf6ff}.light-theme .signup-page ::-webkit-scrollbar-thumb{background:linear-gradient(#00d4ff,#2563eb)}.google-auth-btn{margin-top:14px}.profile-page{color:#fff;background:radial-gradient(circle at 0 0,#00d4ff40,#0000 35%),linear-gradient(135deg,#050816,#020617);justify-content:center;min-height:100vh;padding:120px 6%;display:flex}.profile-container{width:100%;max-width:850px}.profile-main-card{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#ffffff12;border:1px solid #ffffff1f;border-radius:30px;padding:45px;animation:.7s show;box-shadow:0 30px 80px #00000080}.profile-top{border-bottom:1px solid #ffffff1f;align-items:center;gap:25px;padding-bottom:35px;display:flex}.profile-avatar{background:linear-gradient(135deg,#00d4ff,#06f);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;font-size:45px;font-weight:700;display:flex;box-shadow:0 0 35px #00d4ff80}.profile-title h1{margin-bottom:8px;font-size:38px}.profile-title p{color:#94a3b8;font-size:16px}.profile-details{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px;display:grid}.detail-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:15px;padding:25px;transition:all .3s;display:flex}.detail-card:hover{border-color:#00d4ff;transform:translateY(-5px)}.detail-card svg{color:#00d4ff;font-size:30px}.detail-card span{color:#94a3b8;font-size:13px}.detail-card h3{margin-top:5px;font-size:16px}.verified{color:#22c55e!important}.profile-actions{gap:20px;margin-top:35px;display:flex}.profile-actions button{cursor:pointer;border:none;border-radius:16px;flex:1;justify-content:center;align-items:center;gap:10px;height:55px;font-size:15px;font-weight:700;transition:all .3s;display:flex}.edit-profile-btn{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6)}.settings-btn{color:#fff;background:#ffffff14;border:1px solid #ffffff26!important}.profile-actions button:hover{transform:translateY(-4px);box-shadow:0 15px 35px #00d4ff40}.account-card{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:25px;margin-top:35px;padding:35px}.account-card h2{margin-bottom:25px;font-size:25px}.account-row{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:15px 0;display:flex}.account-row p{color:#fff}.success{color:#22c55e!important}.profile-loading{color:#fff;text-align:center;font-size:22px}@keyframes show{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.profile-details{grid-template-columns:1fr}}@media (max-width:600px){.profile-page{padding:100px 20px}.profile-main-card{padding:25px}.profile-top{text-align:center;flex-direction:column}.profile-title h1{font-size:30px}.profile-actions{flex-direction:column}.account-row{flex-direction:column;align-items:flex-start;gap:8px}}.profile-page:before{content:"";filter:blur(40px);background:radial-gradient(circle,#00d4ff2e,#0000 70%);width:450px;height:450px;animation:8s ease-in-out infinite floatGlow;position:absolute;top:-120px;left:-120px}.profile-page:after{content:"";filter:blur(50px);background:radial-gradient(circle,#6366f12e,#0000 70%);width:400px;height:400px;animation:10s ease-in-out infinite reverse floatGlow;position:absolute;bottom:-100px;right:-100px}.profile-container{z-index:2;position:relative}.profile-main-card,.account-card{transition:transform .45s,box-shadow .45s,border .45s}.profile-main-card:hover{border-color:#00d4ff59;transform:translateY(-8px);box-shadow:0 40px 100px #000000a6,0 0 50px #00d4ff1f}.profile-avatar{animation:5s ease-in-out infinite avatarMove;position:relative}.profile-avatar:before{content:"";z-index:-1;filter:blur(15px);opacity:.7;background:linear-gradient(135deg,#00d4ff,#6366f1);border-radius:50%;position:absolute;top:-8px;bottom:-8px;left:-8px;right:-8px}.detail-card{position:relative;overflow:hidden}.detail-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff2e,#0000);width:120%;height:100%;transition:all .7s;position:absolute;top:0;left:-120%}.detail-card:hover:before{left:120%}.profile-actions button{position:relative;overflow:hidden}.profile-actions button:before{content:"";background:linear-gradient(120deg,#0000,#ffffff40,#0000);width:100%;height:100%;transition:all .6s;position:absolute;top:0;left:-100%}.profile-actions button:hover:before{left:100%}.account-row{transition:all .3s}.profile-title h1{background:linear-gradient(90deg,#fff,#00d4ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.profile-main-card,.account-card{animation:.8s cubic-bezier(.16,1,.3,1) slideUp}@keyframes floatGlow{0%{transform:translate(0)}50%{transform:translate(30px,40px)}to{transform:translate(0)}}@keyframes avatarMove{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.profile-page *{-webkit-font-smoothing:antialiased}.profile-page,.profile-main-card,.account-card,.detail-card,.account-row{transition:background .45s,color .45s,border .45s,box-shadow .45s}.light-theme .profile-page{color:#020617;background:radial-gradient(circle at 0 0,#00bfff33,#0000 35%),linear-gradient(135deg,#fff,#eaf6ff)}.light-theme .profile-main-card{background:#ffffffbf;border:1px solid #00000014;box-shadow:0 30px 80px #0000001f}.light-theme .profile-main-card:hover{border-color:#00bfff59;box-shadow:0 40px 100px #00bfff33}.light-theme .profile-title h1{background:linear-gradient(90deg,#020617,#06f);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.light-theme .profile-title p{color:#64748b}.light-theme .detail-card{background:#ffffffa6;border:1px solid #00000014}.light-theme .detail-card h3{color:#020617}.light-theme .detail-card span{color:#64748b}.light-theme .account-card{background:#ffffffb3;border:1px solid #00000014}.light-theme .settings-btn{color:#020617;background:#0000000d;border-color:#00000026!important}.light-theme .settings-btn:hover{color:#fff;background:#00bfff}.light-theme .profile-loading{color:#020617}.profile-main-card,.account-card,.detail-card{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.light-theme .profile-avatar{box-shadow:0 0 40px #00bfff59}@media (max-width:600px){.light-theme .profile-page{padding-top:100px}}.account-row p,.profile-email{font-weight:400;color:#000!important}.account-row span{color:#64748b}.light-theme .account-row p,.light-theme .profile-email{color:#020617!important}.dark-theme .account-row p,.dark-theme .profile-email{color:#00bfff!important}.account-card{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:30px;margin-top:35px;padding:40px}.account-card h2{color:#fff;margin-bottom:30px;font-size:28px}.account-row{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:20px 0;transition:all .35s;display:flex}.account-row:last-child{border-bottom:none}.account-row:hover{background:#00d4ff0d;border-radius:12px;padding-left:12px}.account-row span{color:#94a3b8;font-size:15px}.account-row p{color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:300px;font-size:16px;font-weight:600;overflow:hidden}.account-row .success{font-weight:700;color:#22c55e!important}.light-theme .account-card{background:#ffffffbf;border:1px solid #00000014;box-shadow:0 25px 60px #00000014}.light-theme .account-card h2{color:#020617}.light-theme .account-row{border-color:#00000014}.light-theme .account-row span{color:#64748b}.light-theme .account-row p{color:#020617}.light-theme .account-row:hover{background:#00bfff14}@media (max-width:600px){.account-card{padding:25px}.account-row{flex-direction:column;align-items:flex-start;gap:8px}}.success,.account-row .success,.verified,.account-row span.success{font-weight:700;color:#22c55e!important}.success{background:#22c55e26;border:1px solid #22c55e59;border-radius:20px;padding:6px 18px;display:inline-block}.verified,.success,.account-row .verified,.light-theme .verified,.dark-theme .verified{color:#16a34a!important;background:#22c55e26!important;border:1px solid #22c55e59!important;font-weight:700!important}.verified:hover{transform:translateY(-2px);box-shadow:0 0 20px #22c55e59}.account-row .success,.account-row span.success,.account-row p.success{border-radius:20px;padding:6px 18px;display:inline-block;color:#16a34a!important;background:#22c55e26!important;border:1px solid #22c55e59!important;font-weight:700!important}.dark-theme .account-row .success,.dark-theme .account-row span.success,.dark-theme .account-row p.success,.light-theme .account-row .success,.light-theme .account-row span.success,.light-theme .account-row p.success{color:#16a34a!important}.orders-page{color:#fff;background:radial-gradient(circle at 0 0,#00bfff2e,#0000 35%),radial-gradient(circle at 100% 100%,#6366f12e,#0000 40%),linear-gradient(135deg,#050505,#0b1020);justify-content:center;align-items:center;min-height:100vh;padding:120px 6%;animation:.8s pageFade;display:flex;position:relative;overflow:hidden}.orders-card{z-index:2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:30px;width:100%;max-width:650px;padding:45px;transition:all .4s;animation:.9s cardShow;position:relative;box-shadow:0 25px 70px #00000073}.orders-header{text-align:center;margin-bottom:35px;animation:.8s fadeUp}.orders-header h1{background:linear-gradient(135deg,#fff,#00bfff,#6366f1);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 15px #00bfff66);-webkit-background-clip:text;margin-bottom:10px;font-size:42px;font-weight:800}.orders-header p{color:#a5aec8;font-size:16px}.selected-service{background:#00bfff14;border:1px solid #00bfff40;border-radius:20px;margin-bottom:30px;padding:25px;animation:.9s fadeUp;position:relative;overflow:hidden}.selected-service:before{content:"";opacity:.15;filter:blur(60px);background:#00bfff;width:150px;height:150px;position:absolute;top:-50px;right:-50px}.selected-service span{color:#94a3b8;font-size:13px}.selected-service h2{color:#fff;margin-top:10px;font-size:24px;font-weight:800}.selected-price{flex-wrap:wrap;gap:15px;margin-top:20px;display:flex}.pkr-price,.usdt-price{cursor:pointer;border-radius:30px;padding:12px 25px;font-weight:800;transition:all .3s}.pkr-price{background:#22c55e1f;border:1px solid #22c55e59;color:#22c55e!important}.usdt-price{background:#facc151f;border:1px solid #facc1559;color:#facc15!important}.pkr-price:hover,.usdt-price:hover{transform:translateY(-4px);box-shadow:0 15px 35px #00000059}.order-form{flex-direction:column;gap:18px;animation:1s fadeUp;display:flex}.order-form input,.order-form select,.order-form textarea{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080b14;border:1px solid #2b3045;border-radius:15px;outline:none;width:100%;padding:16px;font-size:15px;transition:all .3s}.order-form textarea{resize:none}.order-form input::placeholder,.order-form textarea::placeholder{color:#71717a}.order-form input:focus,.order-form select:focus,.order-form textarea:focus{border-color:#00bfff;transform:translateY(-3px);box-shadow:0 0 20px #00bfff40}.order-form input:hover,.order-form select:hover,.order-form textarea:hover{border-color:#6366f1}.order-form input[readonly]{opacity:.7;cursor:not-allowed}.orders-page{position:relative;overflow:hidden}.orders-page:before{content:"";filter:blur(60px);background:radial-gradient(circle,#00d4ff40,#0000 70%);width:450px;height:450px;animation:10s ease-in-out infinite floatingGlow;position:absolute;top:-120px;left:-120px}.orders-page:after{content:"";filter:blur(60px);background:radial-gradient(circle,#6366f140,#0000 70%);width:450px;height:450px;animation:12s ease-in-out infinite reverse floatingGlow;position:absolute;bottom:-150px;right:-150px}.orders-card{z-index:2;animation:.8s cardShow;position:relative}.orders-card:hover{transform:translateY(-6px);box-shadow:0 40px 90px #0009,0 0 40px #00bfff2e}.orders-header h1{animation:3s infinite textGlow}.selected-service{position:relative;overflow:hidden}.selected-service:after{content:"";background:linear-gradient(120deg,#0000,#fff3,#0000);width:100%;height:100%;transition:all .7s;position:absolute;top:0;left:-120%}.selected-service:hover:after{left:120%}.order-form input,.order-form select,.order-form textarea{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.order-form input:hover,.order-form select:hover,.order-form textarea:hover{transform:translateY(-2px)}.order-form input:focus,.order-form select:focus,.order-form textarea:focus{transform:translateY(-3px)}.order-form button{position:relative;overflow:hidden;box-shadow:0 15px 35px #00bfff40}.order-form button:after{content:"";background:linear-gradient(120deg,#0000,#ffffff59,#0000);width:100%;height:100%;transition:all .6s;position:absolute;top:0;left:-120%}.order-form button:hover:after{left:120%}.order-form button:hover{background:linear-gradient(135deg,#00d4ff,#6366f1)}.success-box{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);animation:.5s successAnimation}.success-icon{animation:.8s successIcon}@keyframes floatingGlow{0%{transform:translate(0)}50%{transform:translate(40px,50px)}to{transform:translate(0)}}@keyframes cardShow{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes textGlow{0%,to{filter:drop-shadow(0 0 #0000)}50%{filter:drop-shadow(0 0 18px #00bfff80)}}@keyframes successAnimation{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes successIcon{0%{transform:scale(0)}to{transform:scale(1)}}body.light-theme .orders-page{color:#020617;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}body.light-theme .orders-card{background:#ffffffbf;border-color:#0f172a26}body.light-theme .selected-service{background:#0ea5e91f}body.light-theme .selected-service h2{color:#020617}body.light-theme .order-form input,body.light-theme .order-form select,body.light-theme .order-form textarea{color:#020617;background:#fff;border-color:#cbd5e1}body.light-theme .success-box{background:#ffffffd9}@media (max-width:700px){.orders-page{padding:90px 15px}.orders-card{padding:25px 18px}.orders-header h1{font-size:30px}.selected-service h2{font-size:19px}.order-form button{height:55px}}.orders-page,.orders-card,.selected-service,.order-form input,.order-form select,.order-form textarea,.success-box,.order-form button{transition:background .4s,color .4s,border-color .4s,box-shadow .4s,transform .35s}.orders-page ::selection{color:#fff;background:#00bfff}.orders-page ::-webkit-scrollbar{width:10px}.orders-page ::-webkit-scrollbar-track{background:#050505}.orders-page ::-webkit-scrollbar-thumb{background:linear-gradient(#00bfff,#6366f1);border-radius:20px}@media (max-width:450px){.orders-page{padding:90px 15px}.orders-card{padding:25px 15px}.orders-header h1{font-size:28px}.selected-service h2{font-size:18px}.order-form input,.order-form select,.order-form textarea{padding:14px;font-size:14px}.pkr-price,.usdt-price{padding:10px 18px;font-size:13px}}@media (prefers-reduced-motion:reduce){.orders-page *,.orders-page :before,.orders-page :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.success-overlay{z-index:99999;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#000000a6;justify-content:center;align-items:center;animation:.4s overlayShow;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.success-box{text-align:center;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:linear-gradient(145deg,#ffffff1f,#ffffff0a);border:1px solid #fff3;border-radius:32px;width:90%;max-width:430px;padding:45px 35px;animation:.5s cubic-bezier(.17,.67,.3,1.3) popupShow;position:relative;overflow:hidden;box-shadow:0 30px 100px #000000b3,0 0 40px #00bfff40}.success-box:before{content:"";opacity:.2;filter:blur(60px);background:#00bfff;width:180px;height:180px;position:absolute;top:-80px;right:-80px}.success-icon{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin:auto;font-size:50px;font-weight:900;animation:.6s iconPop;display:flex;box-shadow:0 0 40px #22c55e99}.success-box h2{color:#fff;margin-top:25px;font-size:28px;font-weight:800}.success-box p{color:#cbd5e1;margin-top:15px;font-size:15px;line-height:1.7}body.light-theme .success-overlay{background:#0f172a59}body.light-theme .success-box{background:#ffffffe6;border:1px solid #0000001a;box-shadow:0 30px 80px #0003}body.light-theme .success-box h2{color:#020617}body.light-theme .success-box p{color:#475569}.order-form button{cursor:pointer;color:#fff;background:linear-gradient(135deg,#6366f1,#00bfff);border:none;border-radius:30px;height:58px;font-size:16px;font-weight:700;position:relative;overflow:hidden}.order-form button:hover{transform:translateY(-3px);box-shadow:0 20px 45px #00bfff59}.order-form input,.order-form select,.order-form textarea{height:auto;min-height:55px}.order-form textarea{min-height:140px}@keyframes popupShow{0%{opacity:0;transform:scale(.75)translateY(30px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes iconPop{0%{transform:scale(0)}70%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes overlayShow{0%{opacity:0}to{opacity:1}}.order-form select{color:#fff;cursor:pointer;background:#080b14}.order-form select option{color:#fff;background:#080b14}body.light-theme .order-form select,body.light-theme .order-form select option{color:#020617;background:#fff}.order-form select{-webkit-appearance:auto;appearance:auto}.review-page{background:radial-gradient(circle at 0 0,#2563eb15,#0000 40%),radial-gradient(circle at 100% 100%,#06b6d415,#0000 40%),#050505;justify-content:center;align-items:center;min-height:100vh;padding:120px 20px;display:flex}.review-box{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:25px;width:100%;max-width:700px;padding:50px;animation:.7s fadeReview;box-shadow:0 20px 50px #00000059}.review-box h1{color:#fff;text-align:center;margin-bottom:10px;font-size:38px;font-weight:800}.review-box p{text-align:center;color:#b8bcc8;margin-bottom:35px;font-size:17px}.rating-box{justify-content:center;gap:12px;margin-bottom:35px;display:flex}.star{cursor:pointer;color:#555;-webkit-user-select:none;user-select:none;font-size:48px;transition:all .3s}.star:hover{transform:scale(1.15)}.star.active{color:gold;text-shadow:0 0 15px #ffd70099}.review-box textarea{color:#fff;resize:none;background:#0d0d0d;border:1px solid #ffffff14;border-radius:15px;outline:none;width:100%;margin-bottom:30px;padding:18px;font-size:16px;transition:all .3s}.review-box textarea:focus{border-color:#38bdf8;box-shadow:0 0 20px #38bdf840}.review-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0ea5e9,#2563eb);border:none;border-radius:14px;width:100%;padding:18px;font-size:17px;font-weight:700;transition:all .35s;box-shadow:0 15px 35px #2563eb59}.review-btn:hover{transform:translateY(-4px);box-shadow:0 20px 45px #2563eb73}.review-btn:disabled{opacity:.7;cursor:not-allowed}@keyframes fadeReview{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes glowStar{0%{text-shadow:0 0 10px #ffd7004d}50%{text-shadow:0 0 25px #ffd700cc}to{text-shadow:0 0 10px #ffd7004d}}@media (max-width:768px){.review-page{padding:90px 20px}.review-box{border-radius:20px;padding:35px 25px}.review-box h1{font-size:30px}.review-box p{font-size:15px}.star{font-size:38px}.rating-box{gap:8px}.review-box textarea{padding:15px;font-size:15px}.review-btn{padding:16px;font-size:16px}}@media (max-width:480px){.review-page{padding:70px 15px}.review-box{padding:30px 20px}.review-box h1{font-size:26px}.star{font-size:32px}.rating-box{gap:5px}.review-box textarea{height:130px}}.review-box:before{content:"";filter:blur(80px);pointer-events:none;background:#38bdf820;border-radius:50%;width:200px;height:200px;position:absolute;top:-80px;left:-80px}.review-box,.review-btn{position:relative;overflow:hidden}.review-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff40,#0000);width:100%;height:100%;transition:all .6s;position:absolute;top:0;left:-100%}.review-btn:hover:before{left:100%}.review-page{position:relative;overflow:hidden}.review-page:before{content:"";filter:blur(60px);background:radial-gradient(circle,#00bfff40,#0000 70%);width:500px;height:500px;animation:10s ease-in-out infinite reviewGlow;position:absolute;top:-150px;left:-150px}.review-page:after{content:"";filter:blur(70px);background:radial-gradient(circle,#2563eb40,#0000 70%);width:450px;height:450px;animation:12s ease-in-out infinite reverse reviewGlow;position:absolute;bottom:-150px;right:-150px}.review-box{z-index:2;transition:all .45s;position:relative}.review-box:hover{border-color:#38bdf859;transform:translateY(-8px);box-shadow:0 40px 90px #0009,0 0 50px #38bdf826}.review-box h1{background:linear-gradient(90deg,#fff,#38bdf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.star{transition:all .35s;position:relative}.star:hover{color:gold;transform:translateY(-8px)scale(1.2)}.star.active{animation:1.5s infinite starPulse}@keyframes starPulse{0%,to{filter:drop-shadow(0 0 5px gold)}50%{filter:drop-shadow(0 0 25px gold)}}.review-box textarea{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a}.review-box textarea:hover{border-color:#00bfff}.review-btn{position:relative;overflow:hidden}.review-btn:after{content:"";background:#ffffff59;border-radius:50%;width:0;height:0;transition:all .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.review-btn:hover:after{width:400px;height:400px}.review-btn:active{transform:scale(.96)}.review-box h1{animation:.8s reviewFade}.review-box p{animation:1s reviewFade}.rating-box{animation:1.2s reviewFade}.review-box textarea{animation:1.3s reviewFade}.review-btn{animation:1.5s reviewFade}.review-box::-webkit-scrollbar{width:5px}.review-box::-webkit-scrollbar-thumb{background:#00bfff;border-radius:20px}@media (max-width:480px){.review-box:hover{transform:none}.star:hover{transform:scale(1.1)}}@keyframes reviewGlow{0%{transform:translate(0)}50%{transform:translate(40px,50px)}to{transform:translate(0)}}@keyframes reviewFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.review-page,.review-box,.review-box textarea{transition:background .45s,color .45s,border .45s,box-shadow .45s}.light-theme .review-page{background:radial-gradient(circle at 0 0,#00bfff33,#0000 40%),linear-gradient(135deg,#fff,#eaf6ff)}.light-theme .review-box{background:#ffffffbf;border:1px solid #00000014;box-shadow:0 25px 60px #0000001f}.light-theme .review-box:hover{border-color:#00bfff;box-shadow:0 35px 80px #00bfff40}.light-theme .review-box h1{background:linear-gradient(90deg,#020617,#06f);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.light-theme .review-box p{color:#475569}.light-theme .star{color:#94a3b8}.light-theme .star.active{color:gold}.light-theme .review-box textarea{color:#020617;background:#0000000a;border:1px solid #00000026}.light-theme .review-box textarea::placeholder{color:#64748b}.light-theme .review-box textarea:focus{border-color:#00bfff;box-shadow:0 0 25px #00bfff40}.light-theme .review-btn{color:#fff;background:linear-gradient(135deg,#06f,#00d4ff);box-shadow:0 15px 40px #00bfff59}.light-theme .review-btn:hover{box-shadow:0 25px 60px #00bfff8c}.light-theme .review-page:before{background:radial-gradient(circle,#00bfff2e,#0000 70%)}.light-theme .review-page:after{background:radial-gradient(circle,#2563eb2e,#0000 70%)}@media (max-width:700px){.light-theme .review-page{padding-top:90px}}.settings-page{background:radial-gradient(circle at top left, #00d4ff40, transparent 35%), radial-gradient(circle at bottom right, #6366f140, transparent 40%), var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:120px 6%;transition:all .5s;display:flex}.settings-card{background:var(--card-bg);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid var(--border);border-radius:30px;width:100%;max-width:700px;padding:45px;animation:.8s settingsOpen;box-shadow:0 30px 80px #00000059}.settings-card h1{color:var(--text);margin-bottom:35px;font-size:38px}.setting-box{background:var(--box-bg);border:1px solid var(--border);border-radius:22px;margin-bottom:25px;padding:25px;transition:all .35s}.setting-box:hover{border-color:#00d4ff;transform:translateY(-6px);box-shadow:0 20px 40px #00d4ff26}.setting-title{align-items:center;gap:12px;margin-bottom:20px;display:flex}.setting-title svg{color:#00d4ff;font-size:30px}.setting-title h2{color:var(--text);font-size:22px}.theme-row{justify-content:space-between;align-items:center;display:flex}.theme-row h3{color:var(--text);margin-bottom:5px}.theme-row p{color:var(--muted)}.theme-switch{cursor:pointer;background:#475569;border:none;border-radius:30px;width:65px;height:32px;padding:4px;transition:all .4s}.theme-switch span{background:#fff;border-radius:50%;width:24px;height:24px;transition:all .4s;display:block}.theme-switch.active{background:#00d4ff}.theme-switch.active span{transform:translate(33px)}.security-row{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.security-row p{color:var(--muted)}.verified{color:#22c55e;background:#22c55e26;border-radius:30px;padding:7px 18px;font-weight:700}.password-btn,.logout-setting{cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:100%;height:52px;font-weight:700;transition:all .35s;display:flex}.password-btn{color:#fff;background:linear-gradient(135deg,#6366f1,#00d4ff)}.password-btn:hover{transform:translateY(-4px);box-shadow:0 15px 35px #00d4ff59}.logout-setting{color:#fff;background:#ef4444}.logout-setting:hover{color:#000;background:#fff;transform:translateY(-4px)}.dark-theme{--bg:#050505;--card-bg:#ffffff12;--box-bg:#ffffff0d;--border:#ffffff26;--text:white;--muted:#94a3b8}.light-theme{--bg:#f6f9fc;--card-bg:#fffc;--box-bg:white;--border:#00000014;--text:#020617;--muted:#475569}.light-theme .settings-page{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}@keyframes settingsOpen{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.settings-page{padding:100px 18px}.settings-card{border-radius:22px;padding:30px 20px}.settings-card h1{font-size:30px}.setting-box{padding:20px}.setting-title h2{font-size:19px}}.luxury-popup-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:9999;background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.luxury-popup{text-align:center;color:#fff;background:linear-gradient(145deg,#111827,#020617);border:1px solid #00d4ff40;border-radius:30px;width:380px;padding:40px;box-shadow:0 30px 80px #00d4ff40}.popup-icon{background:linear-gradient(135deg,#00d4ff,#6366f1);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:auto;font-size:40px;display:flex}.luxury-popup h2{margin-top:25px;font-size:28px}.luxury-popup p{color:#94a3b8;margin:15px 0 30px}.popup-buttons{justify-content:center;gap:15px;display:flex}.popup-buttons button{cursor:pointer;border:none;border-radius:25px;padding:12px 25px;font-weight:700}.confirm-btn{color:#fff;background:linear-gradient(135deg,#00d4ff,#6366f1)}.confirm-btn:hover,.cancel-btn:hover{transform:translateY(-3px)}.payment-page{color:#fff;background:radial-gradient(circle at 100% 0,#00bfff2e,#0000 35%),radial-gradient(circle at 0 100%,#6366f12e,#0000 35%),linear-gradient(135deg,#050505,#0b1020);justify-content:center;align-items:center;min-height:100vh;padding:120px 6%;display:flex}.payment-card{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);text-align:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:30px;width:500px;padding:40px;box-shadow:0 30px 70px #00000080}.payment-card h1{background:linear-gradient(135deg,#fff,#00bfff,#6366f1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:40px;font-weight:900}.payment-card p{color:#94a3b8;font-size:18px}.amount-box{color:#00bfff;background:#00bfff1f;border:1px solid #00bfff4d;border-radius:20px;margin:25px 0;padding:20px;font-size:25px}.methods{gap:15px;margin:25px 0;display:grid}.methods button{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:15px;padding:16px;font-size:16px;font-weight:700;transition:all .3s}.methods button:hover{border-color:#00bfff;transform:translateY(-3px)}.methods button.active{background:linear-gradient(135deg,#00bfff,#6366f1);border:none}.methods button:disabled{opacity:.5;cursor:not-allowed}.payment-card input{color:#fff;background:#111827;border:1px solid #334155;border-radius:15px;width:100%;margin:20px 0;padding:15px}.payment-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:20px;width:100%;padding:16px;font-size:18px;font-weight:800;transition:all .3s}.payment-message{background:#00bfff26;border-radius:15px;margin-top:20px;padding:15px;font-weight:700;color:#7dd3fc!important}@media (max-width:600px){.payment-card{width:100%;padding:25px}.payment-card h1{font-size:32px}}.payment-page{position:relative;overflow:hidden}.payment-page:before{content:"";filter:blur(70px);background:radial-gradient(circle,#00d4ff40,#0000 70%);width:500px;height:500px;animation:10s ease-in-out infinite paymentGlow;position:absolute;top:-150px;left:-150px}.payment-page:after{content:"";filter:blur(70px);background:radial-gradient(circle,#6366f140,#0000 70%);width:450px;height:450px;animation:12s ease-in-out infinite reverse paymentGlow;position:absolute;bottom:-150px;right:-150px}.payment-card{z-index:2;transition:all .45s;position:relative}.payment-card:hover{transform:translateY(-8px);box-shadow:0 45px 100px #000000a6,0 0 50px #00bfff2e}.payment-card h1{animation:.8s paymentFade}.payment-card p{animation:1s paymentFade}.amount-box{animation:3s infinite amountPulse}@keyframes amountPulse{0%,to{box-shadow:0 0 #00bfff00}50%{box-shadow:0 0 30px #00bfff59}}.methods button{position:relative;overflow:hidden}.methods button:hover{background:#00bfff1f}.methods button.active{transform:translateY(-3px);box-shadow:0 0 30px #00bfff73}.methods button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff40,#0000);width:120%;height:100%;transition:all .6s;position:absolute;top:0;left:-120%}.methods button:hover:before{left:120%}.payment-card input{outline:none;transition:all .35s}.payment-card input:hover{border-color:#00bfff}.payment-card input:focus{border-color:#00d4ff;transform:translateY(-3px);box-shadow:0 0 20px #00d4ff40}.payment-submit{position:relative;overflow:hidden}.payment-submit:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:120%;height:100%;transition:all .7s;position:absolute;top:0;left:-120%}.payment-submit:hover:before{left:120%}.payment-message{border:1px solid #00bfff40;animation:.5s messageShow}@media (max-width:600px){.payment-page{padding:90px 20px}.payment-card:hover{transform:none}.amount-box{font-size:22px}.methods button{font-size:15px}}@keyframes paymentGlow{0%{transform:translate(0)}50%{transform:translate(40px,50px)}to{transform:translate(0)}}@keyframes paymentFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes cardAppear{0%{opacity:0;transform:translateY(50px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes messageShow{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.payment-page{background:radial-gradient(circle at 100% 0,#00d4ff2e,#0000 35%),radial-gradient(circle at 0 100%,#6366f12e,#0000 40%),linear-gradient(135deg,#050505,#07131f,#050505);justify-content:center;align-items:center;min-height:100vh;padding:120px 6%;display:flex;position:relative;overflow:hidden}.payment-page:before{content:"";opacity:.08;filter:blur(130px);background:#00d4ff;width:600px;height:600px;position:absolute;top:-250px;right:-250px}.payment-page:after{content:"";opacity:.08;filter:blur(130px);background:#6366f1;width:600px;height:600px;position:absolute;bottom:-250px;left:-250px}.payment-card{z-index:2;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:30px;width:520px;padding:45px;transition:all .4s;position:relative;box-shadow:0 30px 80px #0000008c}.payment-card:hover{border-color:#00d4ff;transform:translateY(-8px);box-shadow:0 40px 100px #000000b3,0 0 40px #00d4ff2e}.payment-card h1{text-align:center;background:linear-gradient(135deg,#fff,#00d4ff,#6366f1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:12px;font-size:42px;font-weight:900}.payment-card p{text-align:center;color:#94a3b8;line-height:1.7}.amount-box{color:#00d4ff;text-align:center;background:#00d4ff1a;border:1px solid #00d4ff4d;border-radius:22px;margin:30px 0;padding:25px;font-size:28px;font-weight:800}.methods{flex-direction:column;gap:15px;display:flex}.methods button{color:#fff;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:18px;height:58px;font-weight:700;transition:all .35s}.methods button:hover{border-color:#00d4ff;transform:translateY(-4px);box-shadow:0 15px 35px #00d4ff33}.methods button.active{color:#fff;background:linear-gradient(135deg,#00d4ff,#06f);border:none;box-shadow:0 15px 40px #00d4ff59}.payment-card input{color:#fff;background:#080b14;border:1px solid #263244;border-radius:16px;outline:none;width:100%;margin-top:25px;padding:16px;font-size:15px;transition:all .3s}.payment-card input::placeholder{color:#64748b}.payment-card input:focus{border-color:#00d4ff;box-shadow:0 0 25px #00d4ff40}.payment-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00d4ff,#06f);border:none;border-radius:30px;width:100%;height:60px;margin-top:25px;font-size:18px;font-weight:800;transition:all .35s}.payment-submit:hover{transform:translateY(-5px);box-shadow:0 20px 50px #00d4ff66}.payment-submit:active{transform:scale(.96)}.payment-message{text-align:center;color:#7dd3fc;background:#00d4ff1f;border:1px solid #00d4ff4d;border-radius:16px;margin-top:25px;padding:16px}.payment-card{animation:.8s paymentEnter}@keyframes paymentEnter{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.payment-page{padding:90px 20px}.payment-card{border-radius:22px;padding:30px 22px}.payment-card h1{font-size:32px}.amount-box{font-size:23px}}:root{--bg-main:#050505;--bg-secondary:#0b1020;--card-bg:#ffffff0f;--card-border:#ffffff1f;--text-color:#fff;--muted-color:#94a3b8;--input-bg:#080b14;--primary:#00d4ff;--secondary:#6366f1}.light-theme{--bg-main:#f8fafc;--bg-secondary:#e2e8f0;--card-bg:#ffffffbf;--card-border:#00000014;--text-color:#020617;--muted-color:#475569;--input-bg:#fff;--primary:#06f;--secondary:#00bfff}.payment-page{background:radial-gradient(circle at top right, color-mix(in srgb,var(--primary) 20%,transparent), transparent 35%), linear-gradient(135deg, var(--bg-main), var(--bg-secondary))}.payment-card{background:var(--card-bg);border-color:var(--card-border)}.payment-card h1{color:var(--text-color)}.payment-card p{color:var(--muted-color)}.payment-card input{background:var(--input-bg);color:var(--text-color);border-color:var(--card-border)}.methods button{background:var(--card-bg);border-color:var(--card-border);color:var(--text-color)}.methods button.active{background:linear-gradient(135deg, var(--primary), var(--secondary))}.amount-box{background:color-mix(in srgb, var(--primary) 15%, transparent);border-color:var(--primary);color:var(--primary)}.payment-submit{background:linear-gradient(135deg, var(--primary), var(--secondary))}.payment-message{background:color-mix(in srgb, var(--primary) 15%, transparent);border-color:var(--primary);color:var(--primary)}.admin-support{background:var(--bg-deep);flex:1;min-width:0;height:100vh;display:flex;overflow:hidden}.support-sidebar{border-right:1px solid var(--line);background:var(--surface-solid);flex:0 0 340px;width:340px;overflow:hidden}.support-content{background:var(--bg);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}@media (max-width:1120px){.support-sidebar{flex-basis:300px;width:300px}}@media (max-width:700px){.admin-support{flex-direction:column;height:calc(100vh - 53px)}.support-sidebar{border-right:0;border-bottom:1px solid var(--line);flex:0 0 230px;width:100%;height:230px}.support-content{height:calc(100vh - 283px)}}.admin-chat-list{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:linear-gradient(145deg,#0f172af5,#020617f5);border-right:1px solid #00d4ff26;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.chat-search{border-bottom:1px solid #ffffff14;flex-shrink:0;padding:20px;position:relative}.chat-search svg{color:#00d4ff;z-index:2;font-size:20px;position:absolute;top:50%;left:38px;transform:translateY(-50%)}.chat-search input{color:#fff;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:16px;outline:none;width:100%;height:52px;padding-left:50px;font-size:15px;transition:all .3s}.chat-search input::placeholder{color:#94a3b8}.chat-search input:focus{border-color:#00d4ff;box-shadow:0 0 0 4px #00d4ff26,0 0 25px #00d4ff40}.chat-users{flex:1;min-height:0;overflow-y:auto}.chat-users::-webkit-scrollbar{width:6px}.chat-users::-webkit-scrollbar-thumb{background:linear-gradient(#00d4ff,#6366f1);border-radius:20px}.chat-user{cursor:pointer;border-bottom:1px solid #ffffff0d;align-items:center;gap:15px;padding:16px 18px;transition:all .35s;display:flex;position:relative}.chat-user:hover{background:#00d4ff14;transform:translate(4px)}.chat-user.active{background:linear-gradient(90deg,#00d4ff2e,#6366f140);border-left:4px solid #00d4ff;box-shadow:inset 0 0 30px #00d4ff14}.chat-avatar{color:#fff;background:linear-gradient(135deg,#00d4ff,#6366f1);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;font-size:19px;font-weight:800;display:flex;position:relative;box-shadow:0 0 25px #00d4ff40}.online-dot{background:#22c55e;border:2px solid #0f172a;border-radius:50%;width:13px;height:13px;position:absolute;bottom:2px;right:0;box-shadow:0 0 12px #22c55e}.chat-info{flex:1;min-width:0}.chat-top-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.chat-info h3{color:#fff;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;font-weight:700;overflow:hidden}.chat-info p{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:13px;overflow:hidden}.chat-time{color:#64748b;white-space:nowrap;font-size:11px}.chat-info h3 span{font-size:13px}.unread-badge{color:#fff;background:linear-gradient(135deg,#ef4444,#fb7185);border-radius:50px;justify-content:center;align-items:center;min-width:26px;height:26px;padding:0 8px;font-size:12px;font-weight:800;animation:1.4s infinite unreadPulse;display:flex;box-shadow:0 0 18px #ef444473}@keyframes unreadPulse{50%{transform:scale(1.12)}}.no-chat{color:#94a3b8;place-items:center;height:100%;font-size:15px;display:grid}@media (max-width:900px){.admin-chat-list{border-bottom:1px solid #ffffff1a;border-right:none;width:100%;height:320px}}:root{--chat-bg:#07111f;--chat-panel:#0c192ae0;--chat-line:#94a3b824;--chat-muted:#91a3b9;--chat-accent:#20d3a5;--chat-blue:#1d8cff}.admin-chat-window{color:#edf6ff;background:radial-gradient(circle at 72% 0%,#1d8cff24,transparent 28%),radial-gradient(circle at 12% 35%,#20d3a50f,transparent 25%),var(--chat-bg);flex-direction:column;flex:1;min-width:0;height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;display:flex;position:relative;overflow:hidden}.admin-chat-window button{font:inherit}.admin-chat-header{z-index:3;border-bottom:1px solid var(--chat-line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#07111fc7;align-items:center;gap:13px;min-height:76px;padding:12px 22px;display:flex}.admin-chat-avatar,.large-avatar{color:#fff;background:linear-gradient(135deg,#1d8cff,#16cba1);flex:none;place-items:center;font-weight:800;display:grid;position:relative;box-shadow:0 0 30px #1d8cff3d}.admin-chat-avatar{border-radius:15px;width:46px;height:46px;font-size:18px}.online-dot{border:3px solid var(--chat-bg);background:#63758a;border-radius:50%;width:12px;height:12px;position:absolute;bottom:-2px;right:-2px}.online-dot.active{background:#2fe4ae;box-shadow:0 0 10px #2fe4ae}.admin-chat-user h3{letter-spacing:.1px;margin:0;font-size:16px}.admin-chat-user p{color:var(--chat-muted);margin:3px 0 0;font-size:12px}.typing-text{color:#3fe0b4}.typing-text span{vertical-align:bottom;width:18px;animation:1.2s steps(3,end) infinite typingDots;display:inline-block;overflow:hidden}.header-spacer{flex:1}.conversation-actions,.selection-toolbar{align-items:center;gap:7px;display:flex}.conversation-actions button,.selection-toolbar button{color:#cbd9e8;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:7px;min-height:34px;padding:7px 10px;transition:all .2s;display:inline-flex}.conversation-actions button:hover,.selection-toolbar button:hover{color:#fff;border-color:var(--chat-line);background:#ffffff14}.conversation-actions .danger-action{color:#ff9d9d}.selection-toolbar{color:#a9bed4;font-size:12px}.selection-toolbar button:disabled{opacity:.4;cursor:not-allowed}.chat-search{z-index:2;border-bottom:1px solid var(--chat-line);color:var(--chat-muted);background:#0b1c30eb;align-items:center;gap:9px;padding:8px 20px;display:flex}.chat-search input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0}.chat-search button{color:var(--chat-muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:5px;display:grid}.admin-chat-messages{scroll-behavior:smooth;background-image:linear-gradient(#ffffff03 1px,#0000 1px),linear-gradient(90deg,#ffffff03 1px,#0000 1px);background-size:32px 32px;flex:1;padding:20px clamp(16px,4vw,54px) 28px;position:relative;overflow-y:auto}.admin-chat-messages::-webkit-scrollbar{width:7px}.admin-chat-messages::-webkit-scrollbar-thumb{background:#294158;border-radius:8px}.encryption-note{color:#aeb9c4;background:#f7c54b0f;border:1px solid #f7c54b1a;border-radius:99px;align-items:center;gap:6px;width:max-content;max-width:100%;margin:0 auto 22px;padding:6px 11px;font-size:10px;display:flex}.date-separator{z-index:1;justify-content:center;margin:17px 0;display:flex;position:sticky;top:8px}.date-separator span{border:1px solid var(--chat-line);color:#a9b9ca;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c192ad6;border-radius:99px;padding:6px 12px;font-size:11px;box-shadow:0 6px 20px #0002}.admin-message{flex-direction:column;max-width:min(74%,650px);margin:4px 0 11px;animation:.23s both messageIn;display:flex;position:relative}.admin-message.admin{align-self:flex-end;align-items:flex-end}.admin-message.user{align-self:flex-start;align-items:flex-start}.message-line{align-items:center;gap:6px;display:flex;position:absolute;top:12px}.admin .message-line{right:calc(100% + 10px)}.user .message-line{left:calc(100% + 10px)}.message-check{width:17px;height:17px;accent-color:var(--chat-accent);cursor:pointer}.selected .bubble{outline-offset:3px;outline:2px solid #20d3a5aa}.bubble{border:1px solid var(--chat-line);background:#152a41e8;border-radius:17px;min-width:86px;padding:12px 14px 8px;position:relative;box-shadow:0 10px 30px #0002}.admin .bubble{background:linear-gradient(135deg,#127cc9,#1763bb);border-color:#4dc4ff33;border-bottom-right-radius:5px}.user .bubble{border-bottom-left-radius:5px}.bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.5}.bubble mark{color:#101b2c;background:#f7d96d;border-radius:3px;padding:1px 2px}.reply-preview{color:#c5d4e4;background:#06182a55;border-left:3px solid #3fe0b4;border-radius:5px 8px 8px 5px;margin-bottom:8px;padding:7px 9px;font-size:11px}.reply-preview span{color:#5fe3bd;margin-bottom:2px;font-weight:700;display:block}.message-footer{color:#b4c7d8;justify-content:flex-end;align-items:center;gap:5px;min-height:18px;margin-top:5px;font-size:10px;display:flex}.message-footer .read{color:#67e8d0}.message-menu{color:#b4c7d8;cursor:pointer;opacity:.55;background:0 0;border:0;place-items:center;padding:2px;display:grid}.message-menu:hover{opacity:1}.pinned-mark,.starred-mark{color:#f4c45e;filter:drop-shadow(0 0 5px #f4c45e66)}.starred-mark{color:#f4c45e}.reaction-row{gap:4px;min-height:20px;margin-top:-7px;padding:0 6px;display:flex}.reaction-row button{border:1px solid var(--chat-line);color:#fff;cursor:pointer;background:#132a42;border-radius:99px;padding:2px 6px;font-size:12px}.reaction-row span{color:#bcd0e2;font-size:10px}.reaction-box{border-top:1px solid var(--chat-line);border-bottom:1px solid var(--chat-line);gap:2px;margin:4px 0;padding:5px 2px;display:flex}.info-action{color:#91a3b9!important}.attachment{margin-top:9px}.attachment img{object-fit:cover;border-radius:12px;width:auto;max-width:min(310px,100%);max-height:300px;display:block}.attachment video{border-radius:12px;max-width:min(330px,100%);max-height:280px;display:block}.audio-attachment{color:#87f0d1;align-items:center;gap:6px;display:flex}.audio-attachment audio{width:min(265px,100%);height:34px}.file-attachment{border:1px solid var(--chat-line);color:#e6f2ff;background:#0c2035;border-radius:10px;align-items:center;gap:10px;min-width:210px;padding:10px;text-decoration:none;display:flex}.file-attachment span{flex:1;min-width:0}.file-attachment strong,.file-attachment small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.file-attachment small{color:#8fa4b8;margin-top:3px;font-size:10px}.deleted-message{color:#a8b6c4;opacity:.8;font-style:italic}.typing-row{color:#8498ab;align-self:flex-start;align-items:center;gap:8px;margin:5px 0 8px;font-size:11px;display:flex}.typing-bubble{background:#152a42;border-radius:16px 16px 16px 5px;gap:4px;padding:12px 14px;display:flex}.typing-bubble span{background:#70a0c0;border-radius:50%;width:5px;height:5px;animation:1s infinite bounce}.typing-bubble span:nth-child(2){animation-delay:.15s}.typing-bubble span:nth-child(3){animation-delay:.3s}.scroll-bottom{z-index:4;color:#d9f9f1;cursor:pointer;background:#12334aee;border:1px solid #ffffff1c;border-radius:99px;align-items:center;gap:7px;padding:9px 12px;font-size:11px;animation:.2s floatIn;display:flex;position:absolute;bottom:95px;right:27px;box-shadow:0 8px 25px #0005}.scroll-bottom span{color:#9fe8d4}.composer-context,.upload-preview,.recording-bar{z-index:2;border-top:1px solid var(--chat-line);color:#bad0e2;background:#0c1d31ee;align-items:center;gap:10px;padding:9px 18px;display:flex}.composer-context div{flex:1;min-width:0}.composer-context span,.composer-context strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.composer-context span{color:#5de1b9;font-size:10px}.composer-context strong{margin-top:2px;font-size:12px;font-weight:500}.composer-context button,.upload-preview button{color:#a5b9cc;cursor:pointer;background:0 0;border:0;place-items:center;padding:4px;display:grid}.upload-preview img{object-fit:cover;border-radius:6px;width:35px;height:35px}.upload-preview span{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.upload-preview .upload-status{color:#5de1b9;margin-left:auto;font-size:11px}.recording-bar{color:#edb0b0}.recording-bar strong{color:#ff7f7f;font-variant-numeric:tabular-nums}.recording-bar span:not(.recording-pulse){color:#a9b9ca;flex:1;font-size:12px}.recording-bar button{border:1px solid var(--chat-line);color:#d5e2ee;cursor:pointer;background:0 0;border-radius:8px;padding:6px 11px}.recording-bar button:last-child{color:#72e9c8;border-color:#20d3a588}.recording-pulse{background:#ff6b76;border-radius:50%;width:9px;height:9px;animation:1.4s infinite recordPulse;box-shadow:0 0 #ff6b7666}.admin-chat-input{z-index:2;border-top:1px solid var(--chat-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07111fe6;align-items:flex-end;gap:9px;padding:12px 18px 16px;display:flex;position:relative}.plain-action{color:#9db4c8;cursor:pointer;background:0 0;border:0;border-radius:12px;flex:none;place-items:center;width:39px;height:40px;transition:all .2s;display:grid}.plain-action:hover{color:#e9f5ff;background:#ffffff0d}.admin-chat-input textarea{resize:none;color:#eaf4fd;min-width:0;min-height:40px;max-height:120px;font:inherit;background:#10253b;border:1px solid #ffffff13;border-radius:14px;outline:0;flex:1;padding:11px 15px;line-height:18px}.admin-chat-input textarea:focus{border-color:#2d9eaa88;box-shadow:0 0 0 3px #20d3a511}.admin-chat-input textarea::placeholder{color:#71869b}.send-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1d8cff,#16cba1);border:0;border-radius:14px;flex:none;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 7px 20px #1d8cff3d}.send-btn:disabled{cursor:not-allowed;opacity:.4;box-shadow:none}.mic-action.recording{color:#ff7280;animation:1.1s infinite recordPulse}.emoji-picker{z-index:10;border:1px solid var(--chat-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#102238f5;border-radius:14px;grid-template-columns:repeat(6,1fr);gap:4px;padding:10px;display:grid;position:absolute;bottom:78px;left:18px;box-shadow:0 18px 40px #0008}.emoji-picker button{cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px;font-size:21px;transition:all .15s}.emoji-picker button:hover{background:#ffffff12;transform:scale(1.17)}.conversation-info{z-index:5;border-left:1px solid var(--chat-line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0b1b2ef5;width:min(310px,92%);padding:20px;animation:.25s slideIn;position:absolute;top:77px;bottom:0;right:0;overflow-y:auto;box-shadow:-18px 0 50px #0006}.info-heading{align-items:center;gap:12px;margin-bottom:25px;display:flex}.info-heading button{color:#a9bbcc;cursor:pointer;background:0 0;border:0;place-items:center;padding:5px;display:grid}.info-heading h3{margin:0;font-size:15px}.info-profile{text-align:center;border-bottom:1px solid var(--chat-line);flex-direction:column;align-items:center;gap:5px;padding-bottom:22px;display:flex}.large-avatar{border-radius:24px;width:72px;height:72px;margin-bottom:7px;font-size:27px}.info-profile strong{font-size:16px}.info-profile span{color:#8fa4b8;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;overflow:hidden}.info-row{border-bottom:1px solid var(--chat-line);gap:12px;padding:15px 2px;display:flex}.info-row-icon{color:#52dcb7}.info-row div span,.info-row div strong{display:block}.info-row div span{color:#8ba2b6;font-size:11px}.info-row div strong{color:#e1edf6;margin-top:4px;font-size:12px;font-weight:500}.info-block{color:#ff9a9a;cursor:pointer;background:#ff78730a;border:1px solid #ff787833;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:20px;padding:11px;display:flex}.empty-chat{color:#91a3b9;text-align:center;background:radial-gradient(circle,#12304a55,transparent 55%),var(--chat-bg);flex:1;place-content:center;justify-items:center;gap:8px;padding:20px;display:grid}.empty-chat h2{color:#e8f4ff;margin:8px 0 0;font-size:20px}.empty-chat p{margin:0;font-size:13px}.empty-chat-icon{color:#59e4c1;background:#20d3a50d;border:1px solid #20d3a555;border-radius:24px;place-items:center;width:70px;height:70px;display:grid}@keyframes messageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes floatIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}@keyframes typingDots{0%{width:4px}to{width:18px}}@keyframes recordPulse{0%,to{box-shadow:0 0 #ff6b7644}50%{box-shadow:0 0 0 7px #ff6b7600}}@media (max-width:800px){.admin-chat-header{min-height:66px;padding:10px 12px}.admin-chat-user h3{font-size:14px}.conversation-actions button{padding:7px}.conversation-actions button:last-child{font-size:0}.conversation-actions button:last-child svg{margin:0}.admin-chat-messages{padding:15px 12px 25px}.admin-message{max-width:88%}.message-line{margin:0 0 5px;position:relative;top:auto!important;left:auto!important;right:auto!important}.admin .message-line{align-self:flex-end}.user .message-line{align-self:flex-start}.admin-chat-input{gap:4px;padding:9px 7px 11px}.plain-action{width:34px}.scroll-bottom{bottom:86px;right:14px}.scroll-bottom span{display:none}.conversation-info{width:100%;top:66px}.selection-toolbar span{display:none}.selection-toolbar button{padding:7px}.selection-toolbar button:not(:last-child){font-size:0}.selection-toolbar button svg{margin:0}.file-attachment{min-width:0}.emoji-picker{bottom:69px;left:8px}}@media (max-width:1200px){.admin-chat-messages{padding:18px 18px 24px}.admin-message{max-width:82%}.conversation-info{width:340px}}@media (max-width:992px){.admin-chat-header{padding:10px 14px}.admin-chat-user h3{font-size:15px}.admin-chat-user p{font-size:11px}.admin-message{max-width:86%}.conversation-info{z-index:999;width:340px;position:fixed;top:0;bottom:0;right:0}}@media (max-width:768px){.admin-chat-window{width:100%;height:100vh;overflow:hidden}.admin-chat-header{min-height:62px;padding:10px}.admin-chat-avatar{border-radius:12px;width:40px;height:40px;font-size:15px}.admin-chat-user{flex:1;min-width:0}.admin-chat-user h3{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.admin-chat-user p{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.conversation-actions{gap:2px}.conversation-actions button{width:36px;height:36px;padding:0}.admin-chat-messages{padding:14px 10px 18px}.admin-message{max-width:88%}.bubble{border-radius:15px;padding:10px 12px}.attachment img,.attachment video{width:100%;max-width:100%;height:auto}.audio-attachment audio{width:100%}.file-attachment{width:100%;min-width:0}.file-attachment strong,.file-attachment small{white-space:normal;word-break:break-word}.admin-chat-input{align-items:flex-end;gap:8px;padding:10px}.admin-chat-input textarea{min-height:42px;max-height:110px;font-size:15px}.plain-action{width:40px;height:40px}.send-btn{width:44px;height:44px}.emoji-picker{grid-template-columns:repeat(6,1fr);width:auto;left:8px;right:8px}.scroll-bottom{bottom:82px;right:12px}.scroll-bottom span{display:none}.conversation-info{border-radius:0;width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;right:0}}@media (max-width:576px){.admin-chat-header{padding:8px}.admin-chat-avatar{width:36px;height:36px;font-size:14px}.admin-message{max-width:92%}.bubble{font-size:14px}.message-footer{font-size:9px}.date-separator span{padding:5px 10px;font-size:10px}.reply-preview{font-size:10px}}@media (max-width:480px){.admin-chat-input{gap:5px;padding:8px}.plain-action{width:36px;height:36px}.send-btn{width:40px;height:40px}.admin-chat-input textarea{padding:10px 12px;font-size:14px}.emoji-picker{grid-template-columns:repeat(5,1fr)}}@media (max-width:390px){.admin-chat-user h3{font-size:13px}.admin-chat-user p{font-size:10px}.admin-message{max-width:95%}.bubble{padding:9px 10px}.file-attachment{padding:8px}}@media (max-width:360px){.admin-chat-header{padding:6px}.admin-chat-avatar{width:34px;height:34px}.admin-chat-user h3{font-size:12px}.admin-chat-user p{display:none}.conversation-actions button{width:34px;height:34px}.admin-chat-input textarea{font-size:13px}}@media (max-width:320px){.admin-chat-avatar{width:30px;height:30px;font-size:12px}.admin-chat-user h3{font-size:11px}.admin-message{max-width:97%}.send-btn{width:36px;height:36px}.plain-action{width:32px;height:32px}.admin-chat-input textarea{padding:8px;font-size:12px}}.notifications-page{min-height:calc(100vh - var(--nav-height));padding:70px var(--page-gutter);background:radial-gradient(circle at top left, #00d4ff1f, transparent 35%), var(--bg);color:var(--text)}.notifications-header{justify-content:space-between;align-items:center;gap:20px;width:min(100%,1100px);margin:auto auto 35px;display:flex}.notifications-header h1{letter-spacing:-2px;background:linear-gradient(120deg, var(--text), var(--accent), var(--accent-violet));color:#0000;-webkit-background-clip:text;margin:0;font-size:clamp(2.5rem,5vw,4rem);font-weight:900}.notification-actions{gap:12px;display:flex}.notification-actions button{border:1px solid var(--line);background:var(--surface-soft);height:42px;color:var(--text);cursor:pointer;border-radius:12px;padding:0 18px;font-weight:700;transition:all .3s}.notification-actions button:hover{border-color:var(--accent);transform:translateY(-3px)}.notification-actions .delete-all{color:#ffb4b4;background:#ff000014;border-color:#ff00004d}.notification-list{gap:18px;width:min(100%,1100px);margin:auto;display:grid}.notification-card{border:1px solid var(--line);background:linear-gradient(145deg,#0f172ae6,#0f172a8c);border-radius:22px;padding:25px;transition:all .35s;box-shadow:0 20px 50px #00000040}.notification-card:hover{border-color:var(--accent);transform:translateY(-5px)}.notification-card.unread{border-left:4px solid var(--accent)}.notification-card-top{justify-content:space-between;align-items:center;gap:15px;display:flex}.notification-card h3{margin:0;font-size:20px}.notification-card p{color:var(--text-muted);margin:15px 0;line-height:1.7}.status-read{color:#94a3b8;font-size:12px;font-weight:800}.status-unread{color:var(--accent);font-size:12px;font-weight:900}.notification-card-actions{gap:12px;display:flex}.notification-card-actions button{border:1px solid var(--line);background:var(--surface-soft);height:40px;color:var(--text);cursor:pointer;border-radius:10px;padding:0 16px;font-weight:700;transition:all .3s}.notification-card-actions button:hover{transform:translateY(-2px)}.read-btn{background:var(--accent)!important;color:#001018!important;border:none!important}.delete-btn{color:#fecaca!important;background:#ef44441a!important;border-color:#ef44444d!important}.empty{text-align:center;border:1px dashed var(--line-strong);color:var(--text-muted);border-radius:20px;padding:60px 20px}body.light-theme .notification-card{background:#fffc}body.light-theme .delete-btn{color:#b42336!important}@media (max-width:700px){.notifications-page{padding:45px 18px}.notifications-header{flex-direction:column;align-items:flex-start}.notification-actions{width:100%}.notification-actions button{flex:1}.notification-card-top{flex-direction:column;align-items:flex-start}}.dashboard-header{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#ffffff13,#ffffff06);justify-content:space-between;align-items:center;gap:24px;padding:clamp(22px,4vw,34px);display:flex}.dashboard-title{gap:8px;display:grid}.dashboard-badge{border:1px solid var(--line-strong);width:-moz-fit-content;width:fit-content;color:var(--accent);letter-spacing:.16em;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:800}.dashboard-title h1{font-size:clamp(1.8rem,3vw,2.9rem);line-height:1.05}.dashboard-title p{font-size:.9rem}.dashboard-actions{flex-wrap:wrap;gap:8px;display:flex}.dashboard-actions button,.support-btn{border:1px solid var(--line);border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-size:12px;font-weight:800;display:inline-flex}.support-btn{color:#041019;background:linear-gradient(135deg,var(--accent),var(--accent-strong));border-color:#0000;position:relative}.export-btn,.refresh-btn{color:var(--text);background:var(--surface-soft)}.dashboard-actions button:hover,.support-btn:hover{border-color:var(--line-strong);transform:translateY(-2px)}.support-badge{border:2px solid var(--surface-solid);color:#fff;background:var(--danger);border-radius:50%;place-items:center;width:20px;height:20px;font-size:10px;display:grid;position:absolute;top:-7px;right:-7px}.spin-icon{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:820px){.dashboard-header{flex-direction:column;align-items:flex-start}.dashboard-actions{width:100%}.dashboard-actions>*{flex:145px}}@media (prefers-reduced-motion:reduce){.spin-icon{animation:none}}.admin-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0;display:grid}.stat-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);align-items:center;gap:13px;min-width:0;padding:18px;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.stat-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm);transform:translateY(-3px)}.stat-icon{color:#fff;border-radius:12px;flex:0 0 42px;place-items:center;width:42px;height:42px;font-size:20px;display:grid}.stat-info{min-width:0}.stat-info h2{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(1.15rem,2vw,1.6rem);overflow:hidden}.stat-info p{color:var(--text-subtle);margin-top:3px;font-size:10px;font-weight:700}.stat-card.blue .stat-icon{background:linear-gradient(135deg,#19cfff,#2563eb)}.stat-card.purple .stat-icon{background:linear-gradient(135deg,#a16eff,#6457db)}.stat-card.green .stat-icon{background:linear-gradient(135deg,#35d399,#079669)}.stat-card.orange .stat-icon{background:linear-gradient(135deg,#ffb454,#ec721e)}.stat-card.red .stat-icon{background:linear-gradient(135deg,#ff7180,#c72f45)}.stat-card.yellow .stat-icon{color:#17130a;background:linear-gradient(135deg,#ffe06d,#dd9d13)}.stat-card.cyan .stat-icon{background:linear-gradient(135deg,#46e4eb,#0891b2)}@media (max-width:1120px){.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.admin-stats{grid-template-columns:1fr}.stat-card{padding:15px}}.search-filter-section{flex-wrap:wrap;align-items:center;gap:25px;margin:45px 0;display:flex}.search-box{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:linear-gradient(145deg,#ffffff14,#ffffff08);border:1px solid #ffffff14;border-radius:22px;flex:1;align-items:center;min-width:320px;height:64px;padding:0 22px;transition:all .35s;display:flex}.search-box:hover{border-color:#00bfff;box-shadow:0 18px 40px #00bfff2e}.search-icon{color:#00bfff;justify-content:center;align-items:center;margin-right:18px;font-size:24px;display:flex}.search-box input{color:#fff;background:0 0;border:none;outline:none;flex:1;height:100%;font-size:16px;font-weight:500}.search-box input::placeholder{color:#94a3b8}.filter-box{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:linear-gradient(145deg,#ffffff14,#ffffff08);border:1px solid #ffffff14;border-radius:22px;align-items:center;width:280px;height:64px;padding:0 20px;transition:all .35s;display:flex}.filter-box:hover{border-color:#6366f1;box-shadow:0 18px 40px #6366f12e}.filter-icon{color:#6366f1;justify-content:center;align-items:center;margin-right:16px;font-size:24px;display:flex}.filter-box select{color:#fff;cursor:pointer;background:0 0;border:none;outline:none;flex:1;height:100%;font-size:15px}.filter-box option{color:#fff;background:#0f172a}.search-box:focus-within{border-color:#00bfff;box-shadow:0 0 0 4px #00bfff1f}.filter-box:focus-within{border-color:#6366f1;box-shadow:0 0 0 4px #6366f11f}@media (max-width:900px){.search-filter-section{flex-direction:column;align-items:stretch}.search-box,.filter-box{width:100%}}@media (max-width:600px){.search-box,.filter-box{border-radius:18px;height:58px}.search-box input{font-size:15px}.filter-box select{font-size:14px}}.admin-table-box{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:24px;width:100%;margin-top:35px;padding:30px;overflow:hidden;box-shadow:0 15px 45px #00000059}.table-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:28px;padding-bottom:20px;display:flex}.table-header h2{color:#fff;margin:0;font-size:30px;font-weight:800}.table-subtitle{color:#94a3b8;margin-top:6px;font-size:14px}.order-count{color:#fff;background:linear-gradient(135deg,#00bfff,#2563eb);border-radius:40px;padding:10px 18px;font-size:14px;font-weight:700}.table-responsive{overflow-x:auto}.orders-table{border-collapse:collapse;width:100%;min-width:1350px}.orders-table thead tr{background:#111827}.orders-table th{color:#00bfff;text-transform:uppercase;letter-spacing:.5px;text-align:left;padding:18px;font-size:14px;font-weight:700}.orders-table td{vertical-align:middle;color:#fff;border-bottom:1px solid #ffffff14;padding:22px 18px}.orders-table tbody tr{transition:all .3s}.orders-table tbody tr:hover{background:#00bfff0d}.empty-orders{text-align:center;color:#94a3b8;font-size:20px;font-weight:600;padding:70px 20px!important}.table-responsive::-webkit-scrollbar{height:10px}.table-responsive::-webkit-scrollbar-track{background:#111827}.table-responsive::-webkit-scrollbar-thumb{background:#00bfff;border-radius:30px}@media (max-width:900px){.admin-table-box{padding:20px}.table-header{flex-direction:column;align-items:flex-start;gap:15px}.order-count{align-self:flex-start}}.client-info h3{color:#fff;margin:0;font-size:17px;font-weight:700}.client-info p{color:#94a3b8;margin:5px 0;font-size:13px}.service-info h4{color:#fff;align-items:center;gap:8px;margin:0;font-size:16px;display:flex}.service-info p{color:#94a3b8;margin:5px 0;font-size:13px}.payment{text-transform:capitalize;border-radius:30px;justify-content:center;align-items:center;margin-bottom:8px;padding:7px 15px;font-size:12px;font-weight:700;display:inline-flex}.payment.pending{color:#facc15;background:#facc1526}.payment.verified{color:#22c55e;background:#22c55e26}.payment.rejected{color:#ef4444;background:#ef444426}.payment-info small,td small{color:#94a3b8;margin-bottom:10px;display:block}.status{text-transform:capitalize;border-radius:30px;justify-content:center;align-items:center;padding:7px 15px;font-size:12px;font-weight:700;display:inline-flex}.status.pending{color:#facc15;background:#facc1526}.status.project.started{color:#38bdf8;background:#3b82f626}.status.completed{color:#22c55e;background:#22c55e26}.status.cancelled{color:#ef4444;background:#ef444426}.upload-btn:hover{transform:translateY(-3px);box-shadow:0 15px 30px #00bfff59}.upload-btn input{display:none}.download-btn{color:#00bfff;background:#0f172a;border:1px solid #00bfff;border-radius:30px;align-items:center;gap:8px;padding:10px 18px;font-weight:700;text-decoration:none;transition:all .35s;display:inline-flex}.download-btn:hover{color:#fff;background:#00bfff}.proof-btn{color:#fff;cursor:pointer;background:#1e293b;border:none;border-radius:30px;align-items:center;gap:6px;margin-top:10px;padding:8px 15px;transition:all .35s;display:inline-flex}.proof-btn:hover{background:#00bfff}.action-buttons{flex-wrap:wrap;gap:8px;min-width:270px;display:flex}.action-buttons button{cursor:pointer;color:#fff;border:none;border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;transition:all .35s;display:flex}.action-buttons button:hover{transform:translateY(-4px)scale(1.05)}.view-btn:hover{box-shadow:0 0 18px #3b82f680}.approve-btn:hover{box-shadow:0 0 18px #22c55e80}.reject-btn:hover{box-shadow:0 0 18px #ef444480}.complete-btn:hover{box-shadow:0 0 18px #16a34a80}.cancel-btn:hover{box-shadow:0 0 18px #f59e0b80}.delete-btn:hover{box-shadow:0 0 18px #dc262680}@media (max-width:900px){.action-buttons{min-width:220px}.action-buttons button{width:38px;height:38px}.upload-btn,.download-btn{padding:8px 14px;font-size:12px}}.action-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.action-buttons button,.action-buttons a{cursor:pointer;color:#fff;border:none;border-radius:14px;outline:none;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;transition:all .25s;display:flex;box-shadow:0 6px 18px #00000040}.action-buttons button:hover,.action-buttons a:hover{transform:translateY(-4px)scale(1.08)}.view-btn{background:linear-gradient(135deg,#3b82f6,#2563eb)}.notify-btn{background:linear-gradient(135deg,#f59e0b,#d97706)}.complete-btn{background:linear-gradient(135deg,#10b981,#059669)}.delete-btn{background:linear-gradient(135deg,#dc2626,#991b1b)}.upload-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-weight:600;transition:all .25s;display:inline-flex}.upload-btn:hover{transform:translateY(-2px)}@media (max-width:768px){.action-buttons{gap:8px}.action-buttons button,.action-buttons a{width:42px;height:42px;font-size:17px}}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#000000bf;justify-content:center;align-items:center;padding:30px;animation:.25s fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.view-order-modal{color:#fff;background:linear-gradient(135deg,#0b1220,#111827);border:1px solid #ffffff1f;border-radius:30px;width:100%;max-width:1100px;max-height:92vh;overflow-y:auto;box-shadow:0 30px 80px #00000080}.modal-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:25px 35px;display:flex}.modal-header h2{align-items:center;gap:12px;margin:0;font-size:28px;font-weight:800;display:flex}.close-modal{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:50%;width:45px;height:45px;font-size:22px;transition:all .3s}.close-modal:hover{transform:rotate(90deg)}.modal-body{grid-template-columns:repeat(2,1fr);gap:25px;padding:35px;display:grid}.detail-card{background:#ffffff0d;border:1px solid #ffffff14;border-radius:22px;padding:25px}.detail-card h3{color:#00bfff;align-items:center;gap:10px;margin:0 0 20px;font-size:20px;display:flex}.detail-card p{color:#d1d5db;margin:10px 0;line-height:1.6}.detail-card strong{color:#fff}.description-box,.payment-proof-box,.project-file-box,.admin-note-box{background:#ffffff0d;border:1px solid #ffffff14;border-radius:22px;grid-column:1/-1;padding:25px}.description-box h3,.payment-proof-box h3,.project-file-box h3,.admin-note-box h3{color:#00bfff;align-items:center;gap:10px;margin:0 0 18px;font-size:22px;display:flex}.description-box p{color:#d1d5db;line-height:1.8}.payment-proof-image{border:3px solid #ffffff14;border-radius:20px;width:100%;max-width:650px;margin:auto;display:block}.download-btn{color:#fff;background:linear-gradient(135deg,#00bfff,#6366f1);border-radius:30px;align-items:center;gap:10px;padding:14px 25px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.download-btn:hover{transform:translateY(-3px)}.admin-note-box textarea{resize:vertical;color:#fff;background:#0f172a;border:none;border-radius:18px;outline:none;width:100%;min-height:160px;margin-bottom:18px;padding:18px;font-size:15px}.save-note-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#00bfff,#6366f1);border:none;border-radius:30px;padding:14px 30px;font-size:15px;font-weight:700;transition:all .3s}.save-note-btn:hover{transform:translateY(-3px);box-shadow:0 20px 40px #00bfff59}.view-order-modal::-webkit-scrollbar{width:8px}.view-order-modal::-webkit-scrollbar-thumb{background:#00bfff;border-radius:20px}@media (max-width:900px){.modal-body{grid-template-columns:1fr;padding:20px}.modal-header{padding:20px}.modal-header h2{font-size:22px}}.payment-modal{color:#fff;background:linear-gradient(135deg,#0b1220,#111827);border:1px solid #ffffff1f;border-radius:28px;width:100%;max-width:900px;animation:.25s paymentPopup;overflow:hidden;box-shadow:0 35px 80px #0000008c}@keyframes paymentPopup{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.payment-modal-body{padding:35px}.payment-client{text-align:center;margin-bottom:30px}.payment-client h3{color:#fff;margin:0;font-size:28px;font-weight:800}.payment-client p{color:#94a3b8;margin:6px 0}.payment-info-grid{grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:30px;display:grid}.payment-info-grid div{background:#ffffff0d;border:1px solid #ffffff14;border-radius:18px;padding:18px}.payment-info-grid strong{color:#00bfff;margin-bottom:10px;display:block}.payment-info-grid p{color:#fff;margin:0}.payment-image-box{justify-content:center;margin-top:20px;display:flex}.payment-preview-image{border:3px solid #ffffff14;border-radius:22px;width:100%;max-width:650px;transition:all .35s}.payment-preview-image:hover{transform:scale(1.02)}.payment-footer{border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;padding:25px;display:flex}.payment-footer button,.payment-footer a{cursor:pointer;color:#fff;border:none;border-radius:30px;justify-content:center;align-items:center;gap:8px;padding:13px 24px;font-weight:700;text-decoration:none;transition:all .35s;display:flex}.download-btn{background:#2563eb}.download-btn:hover{background:#1d4ed8}.approve-btn{background:#16a34a}.approve-btn:hover{background:#15803d;box-shadow:0 0 25px #22c55e66}.reject-btn{background:#dc2626}.reject-btn:hover{background:#b91c1c;box-shadow:0 0 25px #ef444466}.cancel-btn{background:#374151}@media (max-width:768px){.payment-info-grid{grid-template-columns:1fr}.payment-footer{flex-direction:column}.payment-footer button,.payment-footer a{width:100%}.payment-modal-body{padding:20px}}.payment-modal{scrollbar-width:thin;background:#111827;border-radius:20px;width:min(900px,95%);max-height:90vh;padding:30px;overflow-y:auto}.payment-modal::-webkit-scrollbar{width:8px}.payment-modal::-webkit-scrollbar-thumb{background:#00bfff;border-radius:20px}.payment-modal img{border-radius:16px;width:100%;height:auto;margin-top:20px;display:block}.notification-modal{color:#fff;background:linear-gradient(135deg,#0b1220,#111827);border:1px solid #ffffff1f;border-radius:28px;width:100%;max-width:750px;animation:.25s popup;overflow:hidden;box-shadow:0 35px 80px #0000008c}.notify-client{align-items:center;gap:18px;padding:30px;display:flex}.notify-avatar{background:linear-gradient(135deg,#00bfff,#6366f1);border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;font-size:28px;font-weight:800;display:flex}.notify-client h3{margin:0;font-size:24px}.notify-client p{color:#94a3b8;margin:6px 0}.notification-form{padding:0 30px 30px}.notification-form input,.notification-form textarea{color:#fff;background:#0f172a;border:1px solid #ffffff14;border-radius:18px;outline:none;width:100%;margin-bottom:18px;padding:18px;font-size:15px}.notification-form input:focus,.notification-form textarea:focus{border-color:#00bfff;box-shadow:0 0 20px #00bfff40}.notification-footer{border-top:1px solid #ffffff14;justify-content:flex-end;gap:15px;padding:25px 30px;display:flex}.send-btn,.cancel-btn{cursor:pointer;border:none;border-radius:30px;align-items:center;gap:8px;padding:14px 28px;font-weight:700;transition:all .35s;display:flex}.send-btn{color:#fff;background:linear-gradient(135deg,#00bfff,#6366f1)}.send-btn:hover{transform:translateY(-3px);box-shadow:0 20px 35px #00bfff59}.cancel-btn{color:#fff;background:#374151}.cancel-btn:hover{background:#4b5563}@media (max-width:768px){.notification-modal{width:95%}.notify-client{text-align:center;flex-direction:column}.notification-footer{flex-direction:column}.send-btn,.cancel-btn{justify-content:center;width:100%}}.modal-overlay{z-index:1000;background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.swal2-container{z-index:999999!important}.recent-orders{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:26px;padding:28px;transition:all .35s;overflow:hidden}.recent-orders:hover{border-color:#00bfff;transform:translateY(-8px);box-shadow:0 20px 60px #00bfff2e}.recent-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.recent-header h2{color:#fff;margin:0;font-size:25px;font-weight:800}.recent-header span{color:#fff;background:linear-gradient(135deg,#00bfff,#6366f1);border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:15px;font-weight:700;display:flex}.recent-empty{text-align:center;opacity:.75;padding:60px 20px}.recent-empty svg{color:#00bfff;margin-bottom:12px;font-size:55px}.recent-empty p{color:#94a3b8;font-size:16px}.recent-item{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:18px;padding:16px 0;transition:all .3s;display:flex}.recent-item:last-child{border:none}.recent-item:hover{transform:translate(8px)}.recent-avatar{color:#fff;background:linear-gradient(135deg,#00bfff,#6366f1);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:20px;font-weight:700;display:flex;box-shadow:0 10px 25px #00bfff40}.recent-content{flex:1}.recent-content h4{color:#fff;margin:0;font-size:17px;font-weight:700}.recent-content p{color:#94a3b8;margin-top:5px;font-size:14px}.recent-status{white-space:nowrap;border-radius:40px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:700;display:flex}.recent-status svg{font-size:16px}.recent-status.pending{color:#facc15;background:#facc1526}.recent-status.completed{color:#22c55e;background:#22c55e26}.recent-status.cancelled{color:#ef4444;background:#ef444426}.recent-status.project-started{color:#3b82f6;background:#3b82f626}@media (max-width:768px){.recent-item{flex-direction:column;align-items:flex-start}.recent-status{margin-top:10px}}.recent-reviews{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:26px;padding:28px;transition:all .35s}.recent-reviews:hover{border-color:#fbbf24;transform:translateY(-8px);box-shadow:0 20px 60px #fbbf242e}.review-item{border-bottom:1px solid #ffffff14;align-items:flex-start;gap:18px;padding:18px 0;display:flex}.review-item:last-child{border:none}.review-avatar{color:#fff;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:20px;font-weight:700;display:flex}.review-content{flex:1}.review-content h4{color:#fff;margin:0;font-size:17px;font-weight:700}.review-stars{color:gold;gap:4px;margin:6px 0;display:flex}.review-stars svg{font-size:18px}.review-content p{color:#cbd5e1;margin:0;font-size:14px;line-height:1.6}.review-delete-btn{color:#ef4444;cursor:pointer;background:#ef444426;border:none;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:all .3s;display:flex}.review-delete-btn:hover{color:#fff;background:#ef4444;transform:scale(1.08)}@media (max-width:768px){.review-item{flex-direction:column}.review-delete-btn{border-radius:12px;width:100%;height:45px}}.recent-user-item{background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:14px;padding:18px;transition:all .35s;display:flex}.recent-user-item:hover{border-color:#00bfff;transform:translateY(-5px);box-shadow:0 12px 30px #00bfff2e}.user-avatar{color:#fff;background:linear-gradient(135deg,#00bfff,#6366f1);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;font-size:22px;font-weight:800;display:flex}.user-details{flex-direction:column;flex:1;gap:5px;display:flex}.user-details strong{color:#fff;font-size:17px}.user-details p{color:#94a3b8;word-break:break-word;margin:0;font-size:14px}.user-details small{color:#64748b;font-size:12px}.user-right{align-items:center;gap:12px;display:flex}.user-role{color:#22c55e;background:#22c55e26;border-radius:20px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:700;display:flex}.user-delete-btn{color:#ef4444;cursor:pointer;background:#ef444426;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:all .3s;display:flex}.user-delete-btn:hover{color:#fff;background:#ef4444;transform:rotate(8deg)}.empty-state{text-align:center;color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;padding:45px 20px;display:flex}.empty-state svg{color:#00bfff;margin-bottom:15px;font-size:60px}@media (max-width:768px){.recent-user-item{flex-direction:column;align-items:flex-start}.user-right{justify-content:space-between;width:100%}}.admin-footer{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:28px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:40px;margin-top:60px;padding:35px 40px;display:flex;box-shadow:0 20px 45px #00000059}.footer-left{flex:1}.footer-left h2{background:linear-gradient(90deg,#fff,#00bfff,#6366f1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:28px;font-weight:800}.footer-left p{color:#94a3b8;margin-top:10px;line-height:1.8}.footer-center{flex-direction:column;flex:1;gap:15px;display:flex}.footer-item{color:#dbeafe;align-items:center;gap:12px;font-weight:600;display:flex}.footer-item svg{color:#00bfff;font-size:22px}.footer-right{text-align:right;flex:1}.footer-right p{color:#94a3b8;margin:0}.footer-right h4{color:#fff;margin:8px 0;font-size:22px}.footer-right small{color:#64748b;margin-bottom:15px;display:block}.footer-version{color:#00bfff;background:#00bfff1f;border:1px solid #00bfff40;border-radius:30px;align-items:center;gap:10px;padding:10px 18px;font-weight:700;display:inline-flex}.footer-version svg{font-size:20px}.admin-footer:hover{border-color:#00bfff;box-shadow:0 25px 60px #00bfff2e}@media (max-width:950px){.admin-footer{text-align:center;flex-direction:column}.footer-center{align-items:center}.footer-right{text-align:center}}.admin-shell{background:var(--bg);min-height:100vh;display:flex}.admin-sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070c15d1;flex-direction:column;flex:0 0 242px;width:242px;height:100vh;padding:25px 14px 18px;display:flex;position:sticky;top:0}.admin-brand{align-items:center;gap:10px;padding:6px 10px 26px;display:flex}.admin-brand>span{color:#041019;background:linear-gradient(135deg,var(--accent),var(--accent-strong));border-radius:12px;place-items:center;width:38px;height:38px;font:700 22px Space Grotesk,sans-serif;display:grid}.admin-brand strong{color:var(--text);letter-spacing:-.04em;gap:2px;font:700 16px Space Grotesk,sans-serif;display:grid}.admin-brand small{color:var(--text-subtle);letter-spacing:.08em;text-transform:uppercase;font:600 9px DM Sans,sans-serif}.admin-nav{gap:5px;display:grid}.admin-nav p{color:var(--text-subtle);letter-spacing:.16em;text-transform:uppercase;padding:17px 12px 6px;font-size:10px;font-weight:800}.admin-nav a,.admin-signout{min-height:45px;color:var(--text-muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:11px;align-items:center;gap:10px;padding:0 11px;font-size:13px;font-weight:700;display:flex}.admin-nav a svg:first-child,.admin-signout svg{color:var(--text-subtle);font-size:17px}.admin-nav a svg:last-child{opacity:.5;margin-left:auto}.admin-nav a:hover,.admin-nav a.active{border-color:var(--line);color:var(--text);background:var(--surface-soft)}.admin-nav a.active svg:first-child{color:var(--accent)}.admin-signout{color:#ff9ca8;background:#f15b6c0f;border-color:#f15b6c2e;width:100%;margin-top:auto}.admin-signout:hover{background:#f15b6c1f}.admin-main{flex:1;min-width:0}.admin-page{min-height:100vh;color:var(--text);padding:clamp(18px,3vw,34px)}.admin-loading{min-height:100vh;color:var(--accent);background:var(--bg);place-items:center;display:grid}.admin-error{color:#ffacb6;background:#f15b6c14;border:1px solid #f15b6c66;border-radius:12px;padding:13px 16px}.dashboard-bottom{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.admin-page>*{animation:.45s cubic-bezier(.22,1,.36,1) both admin-enter}@keyframes admin-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1120px){.admin-sidebar{flex-basis:78px;width:78px;padding-inline-start:10px;padding-inline-end:10px}.admin-brand{justify-content:center;padding-inline-start:0;padding-inline-end:0}.admin-brand strong,.admin-nav p,.admin-nav a span,.admin-nav a svg:last-child,.admin-signout span{display:none}.admin-nav a,.admin-signout{justify-content:center;padding:0}.dashboard-bottom{grid-template-columns:1fr 1fr}}@media (max-width:700px){.admin-shell{display:block}.admin-sidebar{z-index:20;border-right:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;width:100%;height:auto;padding:9px 12px;position:sticky}.admin-brand{padding:0}.admin-brand>span{width:34px;height:34px}.admin-nav{margin-left:auto;display:flex}.admin-nav p,.admin-nav a svg:last-child,.admin-signout{display:none}.admin-nav a{min-height:38px}.admin-nav a span{font-size:11px;display:block}.admin-nav a svg:first-child{display:none}.admin-page{padding:15px}.dashboard-bottom{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.admin-page>*{animation:none}}@media (min-width:701px){.admin-shell{flex-direction:column;min-height:100vh;display:flex}.admin-sidebar{z-index:999;border-right:none;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#070c15e6;flex-direction:row;flex:none;justify-content:space-between;align-items:center;width:100%;height:74px;padding:0 30px;display:flex;position:sticky;top:0}.admin-brand{flex-shrink:0;align-items:center;gap:12px;margin:0;padding:0;display:flex}.admin-nav{justify-content:center;align-items:center;gap:10px;margin-left:auto;display:flex}.admin-nav p{display:none}.admin-nav a{white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:44px;padding:0 18px;display:flex}.admin-nav a svg:last-child{display:none}.admin-signout{flex-shrink:0;justify-content:center;align-items:center;width:auto;height:44px;margin:0 0 0 16px;padding:0 18px;display:flex}.admin-main{flex:1;width:100%}.admin-page{padding:32px}.admin-brand>span{color:#f8fdff;text-shadow:0 2px 8px #52aeff52;background:radial-gradient(circle at 28% 20%,#94f5fff2,#0000 25%),linear-gradient(145deg,#08c9ed 0%,#087eea 42%,#1c39e9 100%);border:1px solid #7aefffe6;border-radius:28%;position:relative;overflow:hidden;box-shadow:0 0 0 1px #00d4ff38,0 10px 26px #007bff4d,inset 0 2px 7px #ffffff6b,inset 0 -8px 16px #082ad247}}@media (max-width:700px){.admin-brand>span{border-radius:28%;box-shadow:0 0 0 1px #00d4ff38,0 6px 18px #007bff47,inset 0 2px 6px #ffffff6b}}:root{--bg-primary:var(--bg);--bg-secondary:var(--bg-deep);--text-primary:var(--text);--text-secondary:var(--text-muted);--card-bg:var(--surface);--border-color:var(--line);--accent-blue:var(--accent-strong);--shadow:var(--shadow-md);--theme-page-glow:radial-gradient(circle at 86% 0%, #36d8ff17, transparent 30rem), radial-gradient(circle at 8% 80%, #6366f112, transparent 26rem);--theme-card:linear-gradient(145deg, #ffffff12, #ffffff06);--theme-control:#ffffff0e}body.light-theme{--theme-page-glow:radial-gradient(circle at 86% 0%, #007da91f, transparent 30rem), radial-gradient(circle at 8% 80%, #6459d812, transparent 26rem);--theme-card:linear-gradient(145deg, #ffffffdb, #ffffffa3);--theme-control:#ffffffd6}body .about,body .services-page,body .portfolio-page,body .contact-page,body .login-page,body .signup-page,body .profile-page,body .orders-page,body .my-orders-page,body .payment-page,body .review-page,body .settings-page,body .notifications-page{color:var(--text);background-color:var(--bg)!important;background-image:var(--theme-page-glow)!important}body:not(.light-theme) .login-top h1,body:not(.light-theme) .signup-top h1,body:not(.light-theme) .login-main-btn,body:not(.light-theme) .signup-main-btn{background-image:linear-gradient(135deg, var(--accent), var(--accent-strong))!important}body:not(.light-theme) .login-top h1,body:not(.light-theme) .signup-top h1{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}body:not(.light-theme) .login-main-btn,body:not(.light-theme) .signup-main-btn{box-shadow:0 14px 32px #2563eb3d,inset 0 1px #ffffff59;color:#031019!important}body:not(.light-theme) .login-page .input-group input:focus,body:not(.light-theme) .signup-page .input-group input:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px #00d4ff1f,0 0 24px #00d4ff29!important}body.light-theme .login-main-btn,body.light-theme .signup-main-btn{color:#031019!important;background-image:linear-gradient(135deg, var(--accent), var(--accent-strong))!important}body .login-box,body .signup-box,body .orders-card,body .payment-card,body .profile-main-card,body .account-card,body .settings-card,body .contact-form{background:var(--theme-card);border-color:var(--line);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(20px)saturate(125%)}body .login-page .input-group input,body .signup-page .input-group input,body .contact-form input,body .contact-form textarea,body .order-form input,body .order-form select,body .order-form textarea,body .payment-card input{background:var(--theme-control);border-color:var(--line)}body .login-page .input-group input:focus,body .signup-page .input-group input:focus,body .contact-form input:focus,body .contact-form textarea:focus,body .order-form input:focus,body .order-form select:focus,body .order-form textarea:focus,body .payment-card input:focus{border-color:var(--accent)}body.light-theme .login-page .input-group input,body.light-theme .signup-page .input-group input,body.light-theme .contact-form input,body.light-theme .contact-form textarea,body.light-theme .order-form input,body.light-theme .order-form select,body.light-theme .order-form textarea,body.light-theme .payment-card input{color:var(--text);background:#ffffffd1}body.light-theme .login-page .input-group input::placeholder,body.light-theme .signup-page .input-group input::placeholder,body.light-theme .contact-form input::placeholder,body.light-theme .contact-form textarea::placeholder{color:var(--text-subtle)}body .login-page .forgot-btn,body .login-page .login-footer a,body .signup-page .eye-btn,body .signup-page .signup-footer a{color:var(--accent)!important}body.dark-theme .profile-page .account-row p,body.dark-theme .profile-page .profile-email{color:var(--text)!important}
