:root{--bg:#f5f3fa;--ink:#181329;--muted:#827a95;--border:#543d781f;--purple:#8f3ce8;--purple-2:#5420bd;--purple-soft:#f2e9ff;--success:#16b678;--danger:#df536c;--warning:#d89221;--shadow:0 18px 50px #321a5517}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font:13px Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.page-shell{max-width:1440px;margin:0 auto;position:relative}.page-shell:before,.page-shell:after{content:"";filter:blur(20px);pointer-events:none;z-index:-1;border-radius:999px;position:fixed}.page-shell:before{background:#be79ff30;width:260px;height:260px;top:90px;right:10%}.page-shell:after{background:#5eb8ff1a;width:250px;height:250px;bottom:0;left:22%}.eyebrow{color:#a76bea;letter-spacing:1.5px;font-size:10px;font-weight:800;display:block}.page-hero{box-shadow:var(--shadow);background:linear-gradient(120deg,#fffffff5,#faf6ffe6);border:1px solid #9661d629;border-radius:24px;justify-content:space-between;align-items:center;min-height:145px;margin-bottom:20px;padding:26px 28px;display:flex;position:relative;overflow:hidden}.page-hero h2{letter-spacing:-.7px;margin:7px 0;font-size:28px}.page-hero p{color:var(--muted);max-width:570px;margin:0;font-size:13px}.hero-actions{z-index:1;position:relative}.hero-orb{pointer-events:none;border-radius:50%;position:absolute}.orb-one{background:#ad60ff2e;width:170px;height:170px;top:-80px;right:-50px}.orb-two{background:#5b2fc91f;width:190px;height:190px;bottom:-110px;right:140px}.hero-search{border:1px solid var(--border);color:var(--muted);background:#fffc;border-radius:12px;align-items:center;gap:8px;padding:0 12px;display:flex;box-shadow:0 8px 20px #3c23580f}.hero-search input{background:0 0;border:0;outline:0;width:210px;padding:12px 0}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.compact-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{background:#ffffffc7;border:1px solid #825db21f;border-radius:20px;align-items:center;gap:14px;min-height:106px;padding:17px;transition:transform .22s,box-shadow .22s;display:flex;box-shadow:0 12px 35px #3b1d5f0f}.metric-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px #3f1c6824}.metric-icon{color:#fff;background:linear-gradient(145deg,#9e57ec,#6c2bc4);border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:flex;box-shadow:0 8px 16px #7230c840}.metric-blue .metric-icon{background:linear-gradient(145deg,#3a9bf0,#3763da)}.metric-pink .metric-icon{background:linear-gradient(145deg,#ee68a0,#c53874)}.metric-gold .metric-icon{background:linear-gradient(145deg,#f1ae47,#d7791d)}.metric-card span,.metric-card small{color:var(--muted);font-size:11px;display:block}.metric-card strong{letter-spacing:-.5px;margin:3px 0;font-size:22px;display:block}.premium-card{box-shadow:var(--shadow);background:#ffffffd6;border:1px solid #825db221;border-radius:20px}.badge{letter-spacing:.2px;text-transform:capitalize;border-radius:999px;align-items:center;gap:5px;padding:5px 9px;font-size:10px;font-weight:750;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.badge-purple{color:#8539d0;background:#f1e7ff}.badge-blue{color:#2472c7;background:#e5f1ff}.badge-orange,.badge-warning{color:#bb761b;background:#fff2db}.badge-success{color:#139961;background:#dbf8ea}.badge-danger{color:#ce455d;background:#ffe7eb}.badge-neutral{color:#736b80;background:#f0eef4}.action-button{background:var(--purple-soft);color:var(--purple-2);border:1px solid #8e3ce81f;border-radius:9px;padding:8px 11px;font-size:11px;font-weight:750;transition:background .2s,transform .2s;display:inline-flex}.action-button:hover{background:#e9d9ff;transform:translateY(-1px)}.user-cell{align-items:center;gap:10px;display:flex}.user-cell strong{font-size:12px;display:block}.user-cell small,.muted-text{color:var(--muted);margin-top:3px;font-size:11px;display:block}.user-avatar{color:#fff;background:linear-gradient(145deg,#c982ff,#6630bd);border:2px solid #f5e8ff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:10px;font-weight:800;display:flex;box-shadow:0 5px 12px #692abc2e}.amount{color:#30204d;font-size:12px}.reference{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.pagination{color:var(--muted);text-align:right;padding:16px 5px;font-size:11px}.empty-state{color:var(--muted);text-align:center;padding:38px 20px}.empty-state span{color:#b57cf1;font-size:30px;display:block}.empty-state strong{color:var(--ink);margin-top:6px;display:block}.empty-state p{margin:6px 0 0;font-size:11px}.loader{padding:20px}.skeleton{background:linear-gradient(100deg,#eeeaf4,#f9f6fc,#eeeaf4);border-radius:14px;animation:1.3s ease-in-out infinite alternate pulse}.skeleton-title{height:130px;margin-bottom:18px}.skeleton-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px;display:grid}.skeleton-card{height:100px}.skeleton-table{height:270px}@keyframes pulse{to{opacity:.55}}.app-shell{min-height:100vh;display:flex}.sidebar{color:#ddd4ef;z-index:10;background:linear-gradient(165deg,#0c1024,#171236 46%,#31145a);flex-direction:column;width:270px;min-height:100vh;padding:18px 14px;display:flex;position:fixed;box-shadow:14px 0 40px #0e08261f}.brand{align-items:center;gap:11px;margin:0 4px 27px;display:flex}.brand b{color:#fff;background:linear-gradient(145deg,#c077ff,#7630d4);border:1px solid #ffffff3d;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:14px;display:flex;box-shadow:0 10px 22px #7134cf61}.brand strong{color:#fff;font-size:14px;display:block}.brand small{color:#afa6c8;margin-top:3px;font-size:10px;display:block}.sidebar-search{color:#9991b5;background:#ffffff12;border:1px solid #ffffff17;border-radius:11px;align-items:center;gap:8px;margin-bottom:22px;padding:10px;display:flex}.sidebar-search span{flex:1;font-size:11px}.sidebar-search kbd{background:#ffffff14;border-radius:5px;padding:3px 5px;font:9px monospace}.nav-label{color:#80779d;letter-spacing:1.4px;margin:0 9px 8px;font-size:9px;font-weight:800}.sidebar nav{gap:5px;display:grid}.sidebar a{color:#b8b0ce;border:1px solid #0000;border-radius:11px;align-items:center;gap:11px;padding:11px 12px;font-size:12px;transition:background .2s,color .2s,transform .2s;display:flex}.sidebar a i{width:17px;font-size:15px;font-style:normal}.sidebar a:hover{color:#fff;background:#ffffff12;transform:translate(4px)}.sidebar a.active{color:#fff;background:linear-gradient(100deg,#af50ff6b,#6f26d238);border-color:#d29cff29;font-weight:700;box-shadow:inset 0 1px #ffffff1f,0 7px 18px #6319b429}.sidebar-glow{background:linear-gradient(145deg,#9745ef40,#5828af0f);border:1px solid #d7adff24;border-radius:15px;margin:auto 2px 16px;padding:13px}.sidebar-glow span{color:#d59aff;font-size:14px}.sidebar-glow strong{color:#f5edff;margin:5px 0;font-size:11px;display:block}.sidebar-glow small{color:#afa6c8;font-size:10px;line-height:1.45}.sidebar-footer{border-top:1px solid #ffffff1a;align-items:center;gap:9px;padding:14px 4px 1px;display:flex}.avatar{color:#fff;background:linear-gradient(145deg,#bd73ff,#7735d2);border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;font-size:10px;font-weight:800;display:flex}.sidebar-footer strong{color:#fff;font-size:11px;display:block}.sidebar-footer small{color:#aaa2bd;text-overflow:ellipsis;white-space:nowrap;width:180px;margin-top:2px;font-size:10px;display:block;overflow:hidden}.sidebar-footer small i{background:#28db91;border:2px solid #201145;border-radius:50%;width:7px;height:7px;margin-right:4px;display:inline-block}.main{width:calc(100% - 270px);min-width:0;margin-left:270px}.topbar{z-index:5;justify-content:space-between;align-items:center;height:68px;padding:0 32px;display:flex;position:sticky;top:0;box-shadow:0 5px 20px #3c1c5c08;background:#faf8fdba!important;border:0!important;border-bottom:1px solid #7f5ba81f!important}.glass-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbar nav{gap:8px;font-size:12px;display:flex}.topbar nav span,.topbar nav i{color:var(--muted)}.topbar nav i{font-style:normal}.profile{align-items:center;gap:12px;display:flex}.notification{color:#b464ff;font-size:11px}.email-pill{border:1px solid var(--border);color:#51475f;background:#ffffffb8;border-radius:999px;padding:7px 11px;font-size:11px}.link-button{color:#7040b4;cursor:pointer;background:0 0;border:0;padding:6px;font-size:11px;font-weight:750}.page{padding:28px 32px}.detail-card{grid-template-columns:repeat(4,1fr);gap:18px;padding:22px;display:grid}.detail-card span{font-size:11px}.detail-card strong{margin-top:7px;display:block}.action-links{gap:12px;margin-top:18px;display:flex}.action-links a{background:var(--purple-soft);color:var(--purple-2);border-radius:9px;padding:10px 12px;font-size:11px;font-weight:700}@media (width<=900px){.sidebar{width:76px}.brand div,.sidebar-search span,.sidebar-search kbd,.nav-label,.sidebar a span,.sidebar-glow,.sidebar-footer div:not(.avatar){display:none}.sidebar{align-items:center;padding:18px 10px}.brand{margin-bottom:27px}.sidebar a{justify-content:center;padding:12px}.main{width:calc(100% - 76px);margin-left:76px}.metric-grid,.detail-card{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.sidebar{display:none}.main{width:100%;margin:0}.topbar{height:60px;padding:0 18px}.topbar nav span,.email-pill{display:none}.page{padding:18px}.page-hero{flex-direction:column;align-items:flex-start;padding:22px}.metric-grid,.compact-metrics{grid-template-columns:1fr}.hero-search,.hero-search input{width:100%}.detail-card,.dashboard-grid{grid-template-columns:1fr}}.table-wrap{overflow:hidden}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:680px}th,td{text-align:left;border-bottom:1px solid #694c8b17;padding:14px 17px}th{color:#867b95;letter-spacing:1px;text-transform:uppercase;background:linear-gradient(100deg,#faf7ff,#f4effc);font-size:9px;font-weight:850}td{font-size:12px}tbody tr{transition:background .18s,transform .18s}tbody tr:hover{background:linear-gradient(90deg,#a156ed0f,#ffffff1a)}tbody tr:last-child td{border:0}input:focus{border-color:#9a54e8;outline:0;box-shadow:0 0 0 4px #9e52e81f}.dashboard-welcome{color:#fff;background:linear-gradient(120deg,#17112f,#452173 58%,#8b35c9);border-radius:24px;margin-bottom:24px;padding:30px;position:relative;overflow:hidden;box-shadow:0 22px 50px #481b7240}.dashboard-welcome:after{content:"";background:radial-gradient(circle,#ffffff40,#0000 64%);width:280px;height:280px;position:absolute;top:-150px;right:-70px}.dashboard-welcome .eyebrow{color:#d9b8ff}.dashboard-welcome h2{margin:8px 0;font-size:28px}.dashboard-welcome p{color:#e9dafa;max-width:520px;margin:0}.dashboard-welcome .welcome-chip{background:#ffffff1f;border:1px solid #fff3;border-radius:999px;margin-top:18px;padding:7px 11px;font-size:11px;display:inline-block}.dashboard-grid{grid-template-columns:1.25fr .75fr;gap:20px;margin-top:24px;display:grid}.insight-card{padding:24px}.insight-card h3{margin:0 0 6px;font-size:15px}.insight-card p{color:var(--muted);margin:0;line-height:1.6}.pulse-list{gap:13px;margin-top:20px;display:grid}.pulse-item{align-items:center;gap:12px;display:flex}.pulse-icon{background:var(--purple-soft);color:#c98cff;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.pulse-item strong{font-size:12px;display:block}.pulse-item span{color:var(--muted);font-size:11px}.login-page{isolation:isolate;background:#0c1022;grid-template-columns:minmax(0,1.08fr) minmax(460px,.92fr);min-height:100vh;display:grid;overflow:hidden}.login-showcase{color:#fff;background:radial-gradient(circle at 20% 18%,#bd56ff52,#0000 28%),radial-gradient(circle at 68% 78%,#306fff38,#0000 34%),linear-gradient(135deg,#090c1d,#171031 52%,#35145e);flex-direction:column;padding:40px 9%;display:flex;position:relative}.login-showcase:before{content:"";border:1px solid #ffffff14;border-radius:50%;width:500px;height:500px;position:absolute;top:-155px;right:-165px}.login-showcase:after{content:"";background:linear-gradient(130deg,#b554ff38,#572ac205);border:1px solid #ffffff14;border-radius:30px;width:250px;height:130px;position:absolute;bottom:14%;right:10%;transform:rotate(-8deg)}.login-brand,.login-mobile-brand{z-index:1;align-items:center;gap:11px;display:flex;position:relative}.login-brand b,.login-mobile-brand b{background:linear-gradient(145deg,#d18cff,#7430db);border:1px solid #ffffff47;border-radius:13px;justify-content:center;align-items:center;width:43px;height:43px;font-size:14px;display:flex;box-shadow:0 12px 25px #8b37e657}.login-brand strong{font-size:15px;display:block}.login-brand span{color:#b9aed3;letter-spacing:1.3px;margin-top:4px;font-size:9px;font-weight:800;display:block}.showcase-copy{z-index:1;max-width:585px;margin:auto 0;position:relative}.login-eyebrow{color:#c788ff;letter-spacing:1.5px;font-size:10px;font-weight:850;display:block}.showcase-copy h1{letter-spacing:-2px;margin:18px 0;font-size:clamp(34px,4vw,57px);line-height:1.06}.showcase-copy p{color:#c6bddb;max-width:495px;font-size:15px;line-height:1.7}.showcase-points{gap:12px;margin-top:32px;display:grid}.showcase-points span{color:#e7e0f4;font-size:12px}.showcase-points i{color:#dca9ff;background:#ca84ff2e;border:1px solid #e1adff3b;border-radius:50%;justify-content:center;align-items:center;width:19px;height:19px;margin-right:8px;font-size:10px;font-style:normal;display:inline-flex}.showcase-footer{color:#aca2c4;z-index:1;border-top:1px solid #ffffff1a;padding-top:22px;font-size:11px;position:relative}.status-dot{background:#26d592;border:3px solid #26d5922e;border-radius:50%;width:10px;height:10px;margin-right:7px;display:inline-block}.login-panel{background:linear-gradient(145deg,#f9f7fd,#f1ecf9);justify-content:center;align-items:center;padding:35px;display:flex;position:relative}.login-panel:before{content:"";filter:blur(10px);background:#b35eff1f;border-radius:50%;width:260px;height:260px;position:absolute;top:-110px;right:-120px}.login-card{z-index:1;width:100%;max-width:430px;position:relative;color:#211636!important;background:#ffffffc2!important;border:1px solid #8551bb24!important;border-radius:23px!important;padding:35px!important;box-shadow:0 25px 70px #3a1f5c1f!important}.login-card h2{letter-spacing:-.8px;margin:11px 0 7px;font-size:28px}.login-card>p{margin:0 0 25px;font-size:13px;line-height:1.55;color:#827691!important}.login-card label{margin:17px 0;font-size:11px;font-weight:750;display:block;color:#40354e!important}.input-wrap{background:#fff;border:1px solid #704c9229;border-radius:11px;align-items:center;margin-top:7px;transition:border .2s,box-shadow .2s;display:flex}.input-wrap:focus-within{border-color:#a255ed;box-shadow:0 0 0 4px #9d4dea1c}.input-wrap i{color:#9662c9;border-right:1px solid #704c921f;padding:0 12px;font-size:15px;font-style:normal}.login-card input{color:#271b38;width:100%;padding:13px 12px;box-shadow:none!important;background:0 0!important;border:0!important}.login-card input::placeholder{color:#a79aaf}.login-submit{justify-content:space-between;align-items:center;width:100%;margin-top:8px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 12px 24px #6524cb47;background:linear-gradient(100deg,#9f45e9,#6023c4)!important;border-radius:11px!important}.login-submit:hover{transform:translateY(-2px);box-shadow:0 16px 29px #6524cb66}.login-submit span{font-size:17px}.login-security{color:#837691;text-align:center;margin-top:20px;font-size:10px}.login-security span{color:#8c45d7;margin-right:5px}.error{border:1px solid #ffd2da;border-radius:10px;align-items:center;gap:7px;margin:15px 0;padding:10px 11px;display:flex;color:#c93651!important;background:#fff0f2!important}.error span{color:#fff;background:#e85a73;border-radius:50%;justify-content:center;align-items:center;width:15px;height:15px;font-size:9px;font-weight:800;display:inline-flex}.login-mobile-brand{display:none}@media (width<=900px){.login-page{grid-template-columns:1fr}.login-showcase{display:none}.login-panel{min-height:100vh}.login-mobile-brand{margin-bottom:28px;display:flex}.login-mobile-brand b{color:#fff}.login-mobile-brand strong{font-size:14px}}@media (width<=480px){.login-panel{padding:18px}.login-card{padding:28px 22px!important}.login-card h2{font-size:25px}}.user-metrics{margin-top:22px}.account-meta{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px;padding:19px;display:grid}.account-meta span{color:var(--muted);letter-spacing:.7px;text-transform:uppercase;font-size:10px;font-weight:700;display:block}.account-meta strong{margin-top:7px;font-size:12px;display:block}.order-detail-panel{margin-top:24px;padding:22px}.order-detail-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.order-detail-heading h3{word-break:break-word;margin:5px 0 0;font-size:18px}.order-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:0}.order-detail-grid strong{overflow-wrap:anywhere;line-height:1.45}.order-content-box{border-top:1px solid #694c8b17;margin-top:16px;padding-top:16px}.order-content-box span{color:var(--muted);letter-spacing:.7px;text-transform:uppercase;font-size:10px;font-weight:800;display:block}.order-content-box p{overflow-wrap:anywhere;white-space:pre-wrap;margin:8px 0 0;font-size:12px;line-height:1.65}@media (width<=650px){.account-meta,.order-detail-grid{grid-template-columns:1fr}.order-detail-heading{flex-direction:column;align-items:flex-start}}.login-submit{letter-spacing:.05px;justify-content:space-between;align-items:center;width:100%;min-height:48px;margin-top:11px;padding:0 11px 0 17px;font-size:12px;font-weight:750;transition:background .2s,transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 22px #6226b845,inset 0 1px #ffffff2e;color:#fff!important;background:linear-gradient(105deg,#a951ed 0%,#8133d5 52%,#6125bd 100%)!important;border:1px solid #ffffff47!important;border-radius:11px!important}.login-submit:before{content:"";background:linear-gradient(100deg,#0000,#ffffff38,#0000);width:48%;height:150%;transition:left .6s;position:absolute;top:-25%;left:-85%;transform:skew(-20deg)}.login-submit:after{content:"";background:#ffffff21;border:1px solid #fff3;border-radius:8px;width:29px;height:29px;position:absolute;right:9px}.login-submit:hover{transform:translateY(-1px);box-shadow:0 13px 28px #6226b857,inset 0 1px #ffffff38;background:linear-gradient(105deg,#b45afb 0%,#8d39e2 52%,#692acb)!important}.login-submit:hover:before{left:132%}.login-submit:focus-visible{outline:0;box-shadow:0 0 0 4px #a54fec38,0 10px 22px #6226b845}.login-submit:active{transform:translateY(1px);box-shadow:0 5px 12px #6226b840,inset 0 1px #ffffff24}.login-submit:disabled{box-shadow:none;cursor:wait;opacity:.68;transform:none}.login-submit span{color:#fff;z-index:1;font-size:17px;line-height:1;transition:transform .2s;position:relative}.login-submit:hover span{transform:translate(2px)}