:root{--ink: #0E0E0D;--muted: #a8a4b3;--surface: #121211;--surface-glass: rgba(18, 18, 17, .85);--glass-border: rgba(198, 150, 82, .15);--lime: #C69652;--lime-glow: rgba(198, 150, 82, .12);--green: #61e7b7;--green-glow: rgba(97, 231, 183, .1);--red: #ff6b6b;--red-glow: rgba(255, 107, 107, .1);--line: rgba(255, 255, 255, .08);--shadow: 0 20px 50px rgba(0, 0, 0, .6);--font-family: "Lato", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;background-color:#0e0e0d;color:#f4f0e8;font-family:var(--font-family);overflow:hidden;-webkit-font-smoothing:antialiased}body:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(circle at 16% 8%,rgba(198,150,82,.12),transparent 28%),radial-gradient(circle at 82% 28%,rgba(198,150,82,.06),transparent 28%),radial-gradient(circle at 32% 72%,rgba(198,150,82,.08),transparent 30%),linear-gradient(180deg,#0e0e0d,#0a0a09,#0e0e0d);pointer-events:none}body:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(198,150,82,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(198,150,82,.02) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.6),transparent 90%);mask-image:linear-gradient(180deg,rgba(0,0,0,.6),transparent 90%)}h1,h2,h3,h4,h5,h6,.view-title,.view-eyebrow,.section-title,.activity-title,.sidebar-logo,.header-brand,.brand-mark,.btn{font-family:var(--font-display)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#ffffff03}::-webkit-scrollbar-thumb{background:#c6965226;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#c696524d}.app-shell{display:flex;flex-direction:column;width:100%;max-width:100%;height:100vh;overflow-x:hidden}@media (min-width: 769px){.app-shell{flex-direction:row}}.app-header{height:64px;background:#040509d9;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:sticky;top:0;z-index:100;width:100%}@media (min-width: 769px){.app-header{display:none}}.header-brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:0;text-transform:uppercase;color:#fff;font-size:16px}.header-brand img{width:32px;height:32px;object-fit:contain}.menu-btn{background:transparent;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;transition:background .2s ease}.menu-btn:hover{background:#ffffff0d}.main-content{flex:1;height:calc(100vh - 64px);overflow-y:auto;overflow-x:hidden;padding:20px}@media (min-width: 769px){.main-content{height:100vh;padding:40px}}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:190;opacity:0;visibility:hidden;transition:all .3s ease}.sidebar-overlay.open{opacity:1;visibility:visible}.sidebar-close-btn{display:inline-flex}.sidebar{width:280px;height:100%;background:#0e0e0d;border-right:1px solid var(--glass-border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);display:flex;flex-direction:column;padding:32px 24px;justify-content:space-between;position:fixed;top:0;left:0;bottom:0;z-index:200;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar.open{transform:translate(0)}@media (min-width: 769px){.sidebar{position:static;transform:none;background:#0e0e0d;width:260px;z-index:10}.sidebar-overlay,.sidebar-close-btn{display:none}}.sidebar-logo{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:900;letter-spacing:1px;text-transform:uppercase;color:#fff}.sidebar-logo img{width:36px;height:36px}.sidebar-nav{display:flex;flex-direction:column;gap:8px;flex:1;margin-top:32px}.nav-item{display:flex;align-items:center;gap:12px;padding:14px 16px;color:var(--muted);font-size:14px;font-weight:700;border-radius:12px;cursor:pointer;transition:all .25s ease;border:1px solid transparent}.nav-item:hover{color:#fff;background:#ffffff08}.nav-item.active{color:var(--lime);background:#c6965214;border-color:#c696524d;box-shadow:0 4px 18px #c696520f}.sidebar-footer{display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--line);padding-top:20px}.user-badge{display:flex;align-items:center;gap:10px;padding:12px;border-radius:12px;background:#ffffff05;border:1px solid var(--glass-border)}.logout-btn{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.logout-btn:hover{color:var(--red)!important;background:#ff6b6b14!important}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--lime-glow);color:var(--lime);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;border:1px solid rgba(198,150,82,.3)}.user-info{display:flex;flex-direction:column;overflow:hidden}.user-name{font-size:13px;font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.user-email{font-size:11px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.glass-panel{background:var(--surface-glass);border:1px solid var(--glass-border);border-radius:20px;padding:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow)}.view-header{margin-bottom:28px}.view-eyebrow{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:2px;color:var(--green);margin-bottom:6px}.view-title{font-size:26px;font-weight:900;letter-spacing:-.5px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;font-size:14px;font-weight:900;border-radius:999px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.24);outline:none;text-transform:uppercase;letter-spacing:.5px}.btn-primary{background:linear-gradient(135deg,#fff5bef0,#c69652c7 54%,#61e7b761);color:#080904;box-shadow:inset 0 1px #ffffffad,0 12px 24px #c6965233}.btn-primary:hover{transform:translateY(-2px);border-color:#ffffff6b;box-shadow:inset 0 1px #ffffffad,0 18px 36px #c696524d}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:#ffffff0d;color:#fff;border-color:var(--glass-border)}.btn-secondary:hover{background:#ffffff14;border-color:#ffffff26;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--muted);padding:8px 16px;border:none}.btn-ghost:hover{color:#fff;background:#ffffff08}.btn-full{width:100%}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.form-group label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.form-input{background:#ffffff08;border:1px solid var(--glass-border);border-radius:12px;padding:14px 16px;color:#fff;font-size:14px;outline:none;transition:all .25s ease}.form-input:focus{border-color:var(--lime);background:#ffffff0f;box-shadow:0 0 0 4px #c6965226}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 1024px){.dashboard-grid{grid-template-columns:1.6fr 1fr}}.balance-card{position:relative;background:linear-gradient(135deg,#c696521f,#1b1712cc);border:1px solid rgba(198,150,82,.25);overflow:hidden;margin-bottom:24px}.balance-card:before{content:"";position:absolute;top:-50%;right:-20%;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(198,150,82,.2) 0%,transparent 70%);z-index:0;pointer-events:none}.balance-card-header{display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:1}.balance-label{font-size:13px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.balance-amount{font-size:44px;font-weight:900;letter-spacing:-1.5px;margin:12px 0;position:relative;z-index:1;background:linear-gradient(135deg,#fff 60%,#c69652cc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.balance-actions{display:flex;gap:12px;margin-top:24px;position:relative;z-index:1}.balance-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:99px;background:#ffffff08;border:1px solid var(--glass-border);color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease}.balance-action-btn:hover{background:#ffffff14;border-color:#c696524d;transform:translateY(-1px)}.section-title{font-size:18px;font-weight:800;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.asset-list{display:flex;flex-direction:column;gap:12px}.asset-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#ffffff03;border:1px solid var(--glass-border);border-radius:16px;transition:all .2s ease}.asset-item:hover{background:#ffffff08;border-color:#c6965233;transform:translateY(-1px)}.asset-info{display:flex;align-items:center;gap:16px}.asset-icon{width:40px;height:40px;border-radius:12px;background:#ffffff08;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:12px;border:1px solid var(--glass-border)}.asset-icon.usdt{color:#61e7b7;background:#61e7b714;border-color:#61e7b726}.asset-icon.btc{color:#f7931a;background:#f7931a14;border-color:#f7931a26}.asset-icon.eth{color:#627eea;background:#627eea14;border-color:#627eea26}.asset-icon.sol{color:#c69652;background:#c6965214;border-color:#c6965226}.asset-details{display:flex;flex-direction:column}.asset-symbol{font-size:15px;font-weight:800}.asset-name{font-size:12px;color:var(--muted)}.asset-values{text-align:right;display:flex;flex-direction:column}.asset-amount{font-size:15px;font-weight:800}.asset-fiat{font-size:12px;color:var(--muted)}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#ffffff03;border:1px solid var(--glass-border);border-radius:16px}.activity-main{display:flex;flex-direction:column;gap:4px}.activity-title{font-size:14px;font-weight:800}.activity-meta{font-size:12px;color:var(--muted)}.badge{display:inline-block;padding:4px 10px;font-size:11px;font-weight:800;border-radius:6px;text-transform:uppercase;letter-spacing:.5px}.badge-pending{background:var(--lime-glow);color:var(--lime);border:1px solid rgba(198,150,82,.2)}.badge-approved{background:var(--green-glow);color:var(--green);border:1px solid rgba(97,231,183,.2)}.badge-rejected{background:var(--red-glow);color:var(--red);border:1px solid rgba(255,107,107,.2)}.buy-layout{display:grid;grid-template-columns:1fr;gap:32px}@media (min-width: 1024px){.buy-layout{grid-template-columns:1.2fr 1fr}}.method-selector{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.method-card{padding:16px;border-radius:16px;background:#ffffff03;border:1px solid var(--glass-border);cursor:pointer;text-align:center;transition:all .2s ease;font-weight:700;font-size:13px;color:var(--muted)}.method-card.active{color:var(--lime);background:#c6965214;border-color:#c696524d}.quote-box{background:#ffffff03;border:1px solid var(--glass-border);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.quote-row{display:flex;justify-content:space-between;font-size:14px}.quote-row.total{border-top:1px solid var(--line);padding-top:12px;font-weight:800;font-size:16px;color:#fff}.quote-row span{color:var(--muted)}.bank-info-panel{background:linear-gradient(135deg,#1b17124d,#1b1712b3);border:1px solid var(--glass-border)}.bank-info-list{display:flex;flex-direction:column;gap:16px;margin:20px 0}.bank-info-row{display:flex;flex-direction:column;gap:4px;padding-bottom:12px;border-bottom:1px solid var(--line)}.bank-info-row:last-child{border:none}.bank-info-row dt{font-size:10px;text-transform:uppercase;color:var(--muted);letter-spacing:.5px}.bank-info-row dd{font-size:15px;font-weight:800;display:flex;justify-content:space-between;align-items:center}.copy-btn{background:transparent;border:none;color:var(--lime);font-size:12px;cursor:pointer;font-weight:700}.card-simulation-container{display:flex;flex-direction:column;align-items:center;gap:24px}.credit-card{width:320px;height:190px;perspective:1000px}.credit-card-inner{width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d;position:relative}.credit-card.flipped .credit-card-inner{transform:rotateY(180deg)}.credit-card-front,.credit-card-back{width:100%;height:100%;backface-visibility:hidden;border-radius:16px;position:absolute;top:0;left:0;padding:20px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 15px 35px #0006}.credit-card-front{background:linear-gradient(135deg,#1b1712,#0e0e0d);border:1px solid rgba(198,150,82,.2);color:#fff}.credit-card-back{background:linear-gradient(135deg,#0e0e0d,#010202);border:1px solid rgba(198,150,82,.2);transform:rotateY(180deg);padding:20px 0}.card-chip{width:40px;height:30px;background:#c69652;border-radius:6px;opacity:.8}.card-number{font-size:20px;font-weight:700;letter-spacing:2px;margin:20px 0;font-family:monospace}.card-holder-group{display:flex;justify-content:space-between;font-size:11px;text-transform:uppercase}.card-holder-label{color:var(--muted);margin-bottom:2px}.card-holder-value{font-weight:700;letter-spacing:.5px}.card-black-stripe{width:100%;height:40px;background:#000;margin-top:10px}.card-cvv-stripe{margin:15px 20px;background:#fff;height:36px;border-radius:4px;display:flex;align-items:center;justify-content:flex-end;padding-right:12px;color:#000;font-weight:800;font-family:monospace}.sync-steps{display:flex;flex-direction:column;gap:20px;margin:24px 0}.sync-step{display:flex;gap:16px;align-items:flex-start}.step-num{width:28px;height:28px;border-radius:50%;background:var(--lime-glow);color:var(--lime);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;border:1px solid rgba(198,150,82,.3);flex-shrink:0}.step-text{font-size:14px;line-height:1.5;color:var(--muted)}.step-text strong{color:#fff}.admin-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.metric-card{padding:20px;display:flex;flex-direction:column;gap:8px}.metric-label{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--muted);letter-spacing:1px}.metric-value{font-size:30px;font-weight:900;color:var(--lime)}.orders-table-wrapper{overflow-x:auto}.orders-table{width:100%;border-collapse:collapse;text-align:left}.orders-table th,.orders-table td{padding:16px;border-bottom:1px solid var(--line);font-size:14px}.orders-table th{color:var(--muted);font-weight:700;text-transform:uppercase;font-size:11px;letter-spacing:1px}.orders-table tr:last-child td{border-bottom:none}.orders-table tr:hover td{background:#ffffff03}.admin-select{background:#ffffff0d;border:1px solid var(--glass-border);color:#fff;padding:8px 12px;border-radius:8px;outline:none;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease}.admin-select option{background:#1b1712;color:#fff}.admin-select:focus{border-color:var(--lime)}.auth-wrapper{min-height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;padding:24px}.auth-panel{width:100%;max-width:440px;padding:40px;background:#1b1712b3;border:1px solid var(--glass-border)}.auth-header{text-align:center;margin-bottom:32px}.auth-header img{width:56px;height:56px;margin-bottom:16px;filter:drop-shadow(0 0 12px rgba(198,150,82,.2))}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:24px;background:#ffffff05;padding:4px;border-radius:12px;border:1px solid var(--glass-border)}.auth-tab{padding:10px;text-align:center;font-size:14px;font-weight:700;color:var(--muted);cursor:pointer;border-radius:8px;transition:all .2s ease}.auth-tab.active{background:#ffffff0d;color:#fff}.auth-error{background:var(--red-glow);color:var(--red);border:1px solid rgba(255,107,107,.2);padding:12px 16px;border-radius:12px;font-size:13px;margin-bottom:20px;font-weight:700}.auth-success{background:var(--green-glow);color:var(--green);border:1px solid rgba(97,231,183,.2);padding:12px 16px;border-radius:12px;font-size:13px;margin-bottom:20px;font-weight:700}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.1);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:#0e0e0d}.loading-screen .spinner{width:40px;height:40px;border-width:3px;border-top-color:var(--lime)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes shimmer{0%{opacity:.35}50%{opacity:.7}to{opacity:.35}}.skeleton{animation:shimmer 1.5s infinite ease-in-out;background:#ffffff0d;border-radius:6px;display:inline-block}.tokens-view{animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.search-bar-container{animation:slideDown .25s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-menu{box-shadow:0 10px 30px #00000080;overflow:hidden}.dropdown-item{transition:all .2s ease}.dropdown-item:hover{background:#c6965214!important;padding-left:20px!important}.modal-overlay{animation:fadeInOverlay .25s ease-out}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.modal-content{background:#1b1712f2!important;border-color:var(--glass-border)!important;box-shadow:var(--shadow);border-radius:20px;animation:modalScaleUp .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modalScaleUp{0%{transform:scale(.95) translateY(15px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.network-badge{box-shadow:0 0 5px #00000080;transition:transform .2s ease}.asset-item:hover .network-badge{transform:scale(1.1)}.tokens-list-panel{max-height:calc(100vh - 240px);overflow-y:auto}.tokens-list-panel .asset-item{transition:all .2s ease}.tokens-list-panel .asset-item:hover{background:#ffffff05;transform:translate(4px)}
