@charset "UTF-8";
:root{--ink:#202b3c;--muted:#84909f;--line:#e9edf2;--blue:#3f60df;--blue-dark:#304dc2;--canvas:#f6f7f9;--nav:#142438;--green:#2b917d;--font:Inter,"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--canvas);font:14px/1.6 var(--font);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button{color:inherit}a{text-decoration:none;color:inherit}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #8ca4ff;outline-offset:3px}button{border:0}svg.icon{width:21px;height:21px;display:inline-block;flex-shrink:0;vertical-align:middle}svg.tiny{width:15px;height:15px}h1,h2,h3,p{margin:0}small{font-size:11px}strong{font-weight:600}::selection{background:#dce4ff}.shell{display:flex;min-height:100vh}.sidebar{width:234px;position:fixed;inset:0 auto 0 0;background:var(--nav);color:#8f9eb1;display:flex;flex-direction:column;z-index:30;padding:32px 20px 0;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;padding:0 7px;color:#fff;font-size:20px;font-weight:600;letter-spacing:2px;line-height:1.45}.brand small{display:block;font-size:9px;letter-spacing:2.1px;color:#94a8c4;font-weight:500}.brand-symbol{width:38px;height:41px;color:#d2ddff}.brand-symbol svg{width:100%;height:100%}.workspace{display:flex;align-items:center;gap:10px;padding:16px 10px;margin:35px 0 27px;border:1px solid #2a394e;border-radius:10px;font-size:12px;color:#d4dce7}.workspace small{display:block;font-size:10px;color:#7a8ba1;margin-top:2px}.workspace-logo{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#30405a;color:#d4dff5;font-family:Georgia,serif;font-size:20px}.workspace-dot,.online-dot{width:6px;height:6px;border-radius:50%;background:#72aa96;margin-left:auto}.nav-label{font-size:10px;color:#708199;letter-spacing:1.7px;padding:0 13px;margin-bottom:11px}.nav-link{display:flex;gap:13px;align-items:center;min-height:45px;padding:10px 13px;margin-bottom:5px;border-radius:7px;font-size:12px;color:#a2b0c3;transition:background .2s,color .2s}.nav-link:hover{background:#1c3048;color:#fff}.nav-link .icon{width:19px;height:19px;stroke-width:1.5}.nav-link.active{background:#3557c3;color:white;box-shadow:0 5px 15px #09172c25}.nav-link span{flex:1}.nav-link b{font-size:10px;min-width:20px;text-align:center;border-radius:5px;color:#d4e0ff;background:#ffffff17;font-weight:400}.nav-link em{font-size:9px;font-style:normal;border:1px solid #3a485d;padding:0 4px;line-height:17px;border-radius:4px;color:#8293ab}.secondary-label{margin-top:25px}.sidebar-bottom{margin-top:auto;padding-top:36px}.help-card{border-radius:11px;padding:16px 13px;background:#1c2e45;position:relative}.help-card strong{display:block;font-size:12px;color:#d9e3f4;margin:6px 0}.help-icon{color:#8aa6e5}.help-icon .icon{width:20px;height:20px}.help-card p{font-size:10px;color:#8191a8}.help-card button{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:10px;background:transparent;color:#b9caf0;margin-top:13px;padding:0}.help-card button .icon{width:15px;height:15px}.sidebar-user{border-top:1px solid #2b3a4d;margin-top:22px;display:flex;align-items:center;gap:11px;padding:22px 2px;color:#d6deec;font-size:12px}.sidebar-user small{display:block;color:#7d8fa7;font-size:10px}.avatar{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#e3e9fb;color:#3b5eb6;font-family:Georgia,serif;font-size:17px;border:3px solid #ffffff1a}.sidebar-user .avatar{background:#314764;color:#d7e2fc}.main-wrap{margin-left:234px;min-width:0;width:calc(100% - 234px)}.topbar{height:78px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 42px;gap:18px}.breadcrumb{display:flex;align-items:center;gap:17px;font-size:11px;white-space:nowrap}.breadcrumb>span{color:#8a95a4}.breadcrumb>.icon{width:12px;height:12px;color:#b4bcc8}.breadcrumb strong{font-weight:500;color:#4d596b}.topbar-right{display:flex;align-items:center;gap:23px}.environment{font-size:10px;color:#84745e;display:flex;align-items:center;gap:7px;white-space:nowrap}.environment i{width:5px;height:5px;background:#c8a46c;border-radius:50%}.topbar-separator{height:21px;width:1px;background:var(--line)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:transparent;color:#79879a}.icon-button:hover{background:#eff2fa}.notification-button{position:relative}.notification-button i{position:absolute;width:5px;height:5px;top:7px;right:8px;border-radius:50%;background:#d7a169;box-shadow:0 0 0 2px #fff}.small-avatar{width:32px;height:32px;font-size:14px}.mobile-menu{display:none}.nav-scrim{display:none}main{max-width:1600px;margin:auto;padding:35px 42px 40px;min-height:calc(100vh - 140px)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{font-size:9px;letter-spacing:2.2px;font-weight:600;color:#93a0b1;margin-bottom:9px}.page-heading h1{font-size:27px;font-weight:600;letter-spacing:-.6px;line-height:1.5}.page-heading p{font-size:11px;color:var(--muted);margin-top:6px;letter-spacing:.25px}.date-chip{display:flex;gap:7px;align-items:center;color:#8893a2;font-size:10px;white-space:nowrap;padding-top:17px}.date-chip .icon{width:16px;height:16px;color:#bb9a6a}.hero-grid{display:grid;grid-template-columns:1.78fr 1fr;gap:22px}.hero{min-height:290px;position:relative;overflow:hidden;background:#3656c3;border-radius:13px;color:#fff;background-image:linear-gradient(115deg,#304fb8,#4669d9);padding:30px 32px}.hero-copy{position:relative;z-index:2}.hero-label{font-size:10px;letter-spacing:2px;color:#d6e0ff;display:flex;gap:7px;align-items:center}.hero-label i{width:4px;height:4px;background:#f2c49a;border-radius:50%}.hero h2{font-size:26px;font-weight:500;line-height:1.55;letter-spacing:.5px;margin-top:15px}.hero p{font-size:10px;line-height:1.85;color:#bdccf7;margin-top:10px}.hero-button{display:inline-flex;align-items:center;gap:21px;color:#344fae;background:#fff;border-radius:6px;padding:10px 15px;font-size:10px;font-weight:600;margin-top:20px;box-shadow:0 4px 14px #1e3a8d28;transition:transform .2s}.hero-button:hover{transform:translateY(-2px)}.hero-button .icon{width:15px;height:15px}.hero-index{position:absolute;bottom:18px;right:22px;font-size:8px;letter-spacing:1.4px;color:#bdccf5}.hero-art{position:absolute;right:12px;top:6px;bottom:0;width:46%}.orbit{position:absolute;border:1px solid #c2d2ff22;border-radius:50%;width:270px;height:270px;top:22px;left:10px}.orbit-two{width:355px;height:355px;top:-21px;left:-33px}.art-sun{position:absolute;width:57px;height:57px;border-radius:50%;background:#f2c49b;right:34px;top:41px;box-shadow:0 0 45px #f6d5ad18}.boat{position:absolute;width:220px;max-width:100%;height:220px;bottom:20px;left:5px;filter:drop-shadow(0 15px 17px #11276422)}.art-stamp{position:absolute;right:10px;bottom:87px;transform:rotate(-90deg);transform-origin:center;font:7px/1.5 var(--font);letter-spacing:1.5px;color:#b5c7fa}.art-stamp b{color:#d4e0ff}.asset-card{border:1px solid #e6eaf1;background:#fff;border-radius:13px;padding:23px 24px 15px;display:flex;flex-direction:column}.card-heading{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#47536a}.card-heading>span{display:flex;gap:9px;align-items:center}.card-heading .icon{width:17px;height:17px;color:#8e9cb1}.card-heading>a .icon{width:14px;height:14px}.balance-label{font-size:10px;color:#929bac;margin-top:20px;display:flex;justify-content:space-between}.balance-label>span{color:#a0aabb;font-size:9px}.balance-value{font-size:33px;font-weight:600;color:#26364e;letter-spacing:-1px;line-height:1.5;font-variant-numeric:tabular-nums}.balance-value>span{font-size:9px;letter-spacing:0;font-weight:400;color:#a0a9b9}.bonus-row{display:flex;justify-content:space-between;border-top:1px dashed var(--line);padding-top:11px;margin-top:7px;font-size:10px;gap:8px}.bonus-row>span{color:#8d96a5;display:flex;align-items:center;gap:7px}.bonus-row i{width:5px;height:5px;background:#9c8aca;border-radius:50%}.bonus-row strong{font-weight:500;color:#677185}.bonus-row small{font-size:8px;font-weight:400;color:#96a0ae}.asset-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border-radius:6px;font-size:11px;font-weight:500;padding:9px 15px;transition:background .2s,transform .2s;border:1px solid transparent;white-space:nowrap}.button .icon{width:15px;height:15px}.primary{background:var(--blue);color:#fff}.primary:hover{background:var(--blue-dark)}.secondary{background:#fff;border:1px solid #e2e7ee;color:#66748c}.secondary:hover{background:#f5f7fc}.light{background:#fff;color:#3c57bb}.danger{background:#fdf0ee;border-color:#f5d9d6;color:#ba5e57}.danger:hover{background:#f8dfdb}.asset-foot{font-size:8px;color:#a1a9b6;display:flex;gap:5px;align-items:center;justify-content:center;margin-top:auto;padding-top:13px}.asset-foot .icon{width:11px;height:11px}.quick-stats{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid var(--line);border-radius:10px;margin:22px 0 20px;padding:20px 0}.quick-stat{padding:0 24px;display:flex;gap:14px;align-items:center;border-right:1px solid var(--line);min-width:0}.quick-stat:last-child{border-right:0}.quick-stat>div{flex:1;min-width:0}.quick-stat>div>span{display:block;color:#8a95a5;font-size:10px;margin-bottom:3px}.quick-stat strong{font-size:23px;line-height:1.3;color:#34435b;font-weight:500;font-variant-numeric:tabular-nums}.quick-stat strong small{font-size:9px;color:#929eaf;font-weight:400;margin-left:7px}.quick-stat>svg{width:13px;height:13px;color:#b1bac8}.quick-stat .text-stat{font-size:13px}.stat-icon{width:40px;height:40px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon>.icon{width:19px;height:19px}.blue,.tone-blue .product-icon,.product-icon.tone-blue,.mini-icon.tone-blue{background:#edf2ff;color:#6480db}.teal{background:#eaf6f2;color:#69a595}.purple{background:#f0edfa;color:#9d8ac4}.notice-strip{display:flex;align-items:center;gap:10px;padding:12px 17px;background:#eeeff5;border:1px solid #e7eaf2;border-radius:7px;font-size:10px;color:#8b94a5;margin-bottom:32px}.notice-strip>.icon{width:14px;height:14px;color:#8290b1}.notice-label{font-weight:600;color:#657592;padding-right:10px;border-right:1px solid #d8deea;white-space:nowrap}.notice-strip>span:nth-of-type(2){flex:1}.notice-strip button{display:flex;align-items:center;gap:7px;background:transparent;color:#6c7b9a;font-size:9px;padding:0;white-space:nowrap}.notice-strip button>.icon{width:13px;height:13px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:19px}.section-heading h2{font-size:17px;font-weight:600;display:flex;align-items:center;gap:9px}.section-heading p{font-size:10px;color:#929baa;margin-top:4px}.count-pill{font-size:8px;color:#8a96a8;font-weight:400;border:1px solid #e2e7ef;border-radius:4px;padding:1px 6px}.search-box{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid #e4e8ef;border-radius:6px;padding:8px 11px;min-width:216px;max-width:100%;height:35px}.search-box>.icon{width:14px;height:14px;color:#a5afbe}.search-box input{border:0;outline:0;background:transparent;font-size:10px;flex:1;min-width:0;color:#5b6c85;width:175px}.search-box input::placeholder{color:#a4adbb}.search-box:focus-within{border-color:#8b9fec;box-shadow:0 0 0 2px #dfe5ff}.search-box input:focus-visible{outline:none}.search-box kbd{font:9px var(--font);background:#f7f8fb;border:1px solid #ebedf2;border-radius:3px;padding:0 4px;color:#9ba7b8}.category-tabs{display:flex;gap:9px;margin-bottom:19px;overflow-x:auto}.category-tabs button{padding:7px 14px;border-radius:5px;background:transparent;font-size:10px;color:#8a94a5;white-space:nowrap}.category-tabs button:hover{background:#edf0f6}.category-tabs .selected{background:#e7ecfc;color:#4863c1;font-weight:600}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.product-card{text-align:left;display:flex;flex-direction:column;padding:20px 19px 16px;background:#fff;border:1px solid #e5eaf1;border-radius:10px;min-width:0;transition:transform .2s,border-color .2s,box-shadow .2s}.product-card:hover{transform:translateY(-3px);border-color:#bdcbee;box-shadow:0 9px 22px #283c5e0a}.product-top{display:flex;align-items:center;justify-content:space-between;gap:4px}.product-icon{display:inline-flex;width:40px;height:40px;border-radius:10px;align-items:center;justify-content:center;flex-shrink:0}.product-icon .icon{width:22px;height:22px;stroke-width:1.5}.tone-amber .product-icon{background:#fbf3e7;color:#c5a36a}.tone-teal .product-icon{background:#eaf6f5;color:#67aaa8}.tone-orange .product-icon{background:#fcf0e9;color:#d09b77}.tone-purple .product-icon{background:#f2edfb;color:#a186c5}.tone-green .product-icon{background:#edf5e9;color:#8da97b}.service-chip{font-size:8px;color:#a5adba;letter-spacing:.2px}.product-card h3{font-size:13px;font-weight:600;margin-top:16px;margin-bottom:6px}.product-card p{font-size:9px;color:#99a2b0;line-height:1.9;min-height:34px;max-width:180px}.product-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eef0f4;padding-top:12px;margin-top:16px;font-size:9px;color:#a0a9b8;gap:5px}.product-bottom strong{font-size:13px;color:#6c7fae;font-weight:500;margin-right:4px}.product-bottom .icon{width:14px;height:14px;color:#9eabc2}.recent-section{margin-top:31px}.text-link{display:inline-flex;align-items:center;gap:8px;font-size:10px;color:#7287b5}.text-link>.icon{width:14px;height:14px}.table-scroll{overflow:auto;background:white;border-radius:9px;border:1px solid var(--line)}table{border-collapse:collapse;width:100%;font-size:11px;white-space:nowrap;text-align:left}th{font-size:9px;color:#929eaf;font-weight:400;background:#fcfcfd;padding:13px 19px;border-bottom:1px solid var(--line)}td{padding:17px 19px;border-bottom:1px solid #f0f2f5;color:#6d788b}tr:last-child td{border-bottom:0}td strong{font-size:11px;font-weight:500;color:#3f4f67}td small{display:block;font-size:8px;color:#a3acb9;margin-top:3px}.table-service{display:flex;align-items:center;gap:10px}.mini-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:7px}.mini-icon>.icon{width:17px;height:17px}.table-service small{font-size:8px;font-variant-numeric:tabular-nums;font-family:var(--font)}.target-text{font-size:10px;display:block;max-width:140px;overflow:hidden;text-overflow:ellipsis}.amount{font-variant-numeric:tabular-nums}.date-cell{font-size:10px;color:#909baa}.right{text-align:right}.badge{font-size:9px;padding:3px 8px;border-radius:4px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.badge i{width:4px;height:4px;border-radius:50%;background:currentColor}.pending{background:#fcf5e8;color:#bca05b}.processing{background:#edf1ff;color:#748bce}.completed{background:#eaf5f0;color:#7ca791}.cancelled{background:#f0f1f4;color:#9da6b4}.table-action{font-size:9px;background:transparent;color:#8595b3;display:inline-flex;align-items:center;padding:3px 0 3px 10px;gap:3px}.table-action>.icon{width:11px;height:11px}.table-action:hover{color:#3f60df}footer{max-width:1600px;padding:17px 42px 26px;margin:auto;display:flex;justify-content:space-between;gap:12px;color:#abb2bf;font-size:8px}footer>span:last-child{display:flex;gap:8px;align-items:center}footer i{height:3px;width:3px;background:#bec5d0;border-radius:50%}.metrics-row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:25px}.metrics-row.three{grid-template-columns:repeat(3,1fr)}.metric-card{border:1px solid var(--line);background:#fff;border-radius:9px;padding:20px 23px}.metric-card>span{display:flex;justify-content:space-between;color:#8d99ab;font-size:11px}.metric-card>span>.icon{width:18px;height:18px;color:#a8b5ca}.metric-card>strong{display:block;font-size:29px;color:#35455d;margin-top:8px;font-weight:500;letter-spacing:-.5px}.metric-card strong small{font-size:10px;color:#a2adbb;font-weight:400;margin-left:8px}.metric-card>small{color:#a8b1bf;font-size:9px}.panel{border:1px solid var(--line);background:white;border-radius:11px;overflow:hidden}.panel>.table-scroll,.panel>#orders-table>.table-scroll,.panel>#ledger-table>.table-scroll{border:0;border-top:1px solid var(--line);border-radius:0}.list-toolbar{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.list-toolbar h2{font-size:15px}.filter-tabs{display:flex;gap:5px;flex-wrap:wrap}.filter-tabs button{font-size:10px;background:transparent;color:#96a0af;border-radius:5px;padding:7px 11px}.filter-tabs button.selected{background:#edf1fc;color:#5872cb;font-weight:500}.empty{padding:48px 20px;text-align:center;white-space:normal;color:#a7b1c1}.empty>svg{width:34px;height:34px;stroke-width:1;color:#a9b7cf}.empty h3{font-size:14px;color:#71829a;margin:10px 0 7px;font-weight:500}.empty p{font-size:10px;margin-bottom:10px}.full-width{width:100%;grid-column:1/-1}.wallet-overview{display:grid;grid-template-columns:1.65fr 1fr;gap:22px;margin-bottom:20px}.wallet-primary{background:linear-gradient(115deg,#304ca9,#4365cc);color:#fff;border-radius:12px;padding:30px}.wallet-primary>span{font-size:12px;color:#c2d1f7;display:flex;gap:8px;align-items:center}.wallet-primary>span>.icon{width:18px;height:18px}.wallet-primary>strong{display:block;font-size:42px;font-weight:500;letter-spacing:-1px;margin-top:9px}.wallet-primary>strong small{font-size:11px;font-weight:400;color:#c4d0ef;letter-spacing:0}.wallet-primary p{font-size:10px;color:#bdcbee;margin-top:0;margin-bottom:19px}.wallet-secondary{background:#fff;border:1px solid var(--line);border-radius:12px;padding:28px}.wallet-secondary h3{font-size:12px;color:#8792a4;margin:13px 0 3px;font-weight:400}.wallet-secondary strong{font-size:27px;color:#59637d;font-weight:500}.wallet-secondary strong small{font-size:9px;color:#adb4c0;font-weight:400}.wallet-secondary p{font-size:10px;color:#9ca6b5;margin-top:9px;max-width:260px}.inline-note{background:#f1f3f8;color:#929daf;border:1px solid #e6eaf2;display:flex;gap:9px;align-items:flex-start;padding:13px 17px;border-radius:7px;font-size:10px;margin-bottom:25px}.inline-note>.icon{width:16px;height:16px;margin-top:1px;color:#96a6c3}.positive{color:#529780;font-variant-numeric:tabular-nums}.negative{color:#7e8da8;font-variant-numeric:tabular-nums}.mono{font-size:9px;font-variant-numeric:tabular-nums}.integration-layout{display:grid;grid-template-columns:2fr 1fr;gap:24px}.integration-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:40px}.integration-card .feature-symbol{display:block;width:60px;height:60px;border-radius:15px;background:#edf1fc;color:#6680ce;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.feature-symbol>.icon{width:29px;height:29px;stroke-width:1.3}.pill{display:inline-flex;font-size:9px;padding:3px 8px;background:#edf1fb;color:#8496bf;border-radius:4px}.integration-card h2{font-size:23px;margin:15px 0 12px;font-weight:500}.integration-card>p{font-size:12px;color:#9aa4b3;line-height:2;max-width:640px}.integration-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:28px 0;margin:15px 0 25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.integration-steps b{display:block;color:#b9c7e6;font-size:22px;font-weight:400}.integration-steps span{display:block;font-size:12px;color:#75839b;margin-top:5px}.integration-steps small{font-size:9px;color:#a6afbc}.plain-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:28px;height:max-content}.plain-card h3{font-size:13px;font-weight:500;margin-bottom:16px}.plain-card p{font-size:11px;line-height:2;color:#9aa5b5}.plain-card hr{margin:28px 0;border:0;border-top:1px solid var(--line)}.check-list{padding:0;list-style:none;margin:0 0 22px}.check-list li{font-size:11px;color:#91a0b4;margin:14px 0;display:flex;gap:8px;align-items:flex-start}.check-list li::before{content:'✓';color:#6f9e91;display:inline-block;margin-top:1px}.agency-feature{max-width:900px}.agency-feature>button{margin-top:25px}.settings-grid{display:grid;grid-template-columns:1fr 2.3fr;gap:25px}.profile-card{background:white;border:1px solid var(--line);border-radius:12px;padding:36px 22px;text-align:center;height:max-content}.huge-avatar{width:70px;height:70px;font-size:30px}.profile-card h2{font-size:17px;font-weight:500;margin:17px 0 10px}.profile-card p{color:#a0aaba;font-size:10px;margin-top:22px;line-height:2.4}.settings-list{padding:25px 27px}.settings-list>h2{font-size:15px;margin-bottom:6px}.setting-row{display:flex;gap:15px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line)}.setting-row>div{flex:1}.setting-row h3{font-size:12px;font-weight:500}.setting-row p{font-size:10px;color:#9aa4b4;margin-top:5px}.setting-row .stat-icon{width:36px;height:36px}.muted-pill{background:#f4f5f8;color:#9ca5b3}.settings-footer{font-size:9px;color:#a7b1c0;padding-top:23px}.muted{color:#9ba6b6;font-size:10px}.muted>.icon{width:13px;height:13px;margin-right:5px}code{font:10px Consolas,monospace;color:#8190a8;background:#f4f6fb;border-radius:4px;padding:3px 6px}.boot{display:flex;min-height:100vh;align-items:center;justify-content:center;color:#8296bc;flex-direction:column;gap:20px}.boot h1{font-size:24px}.modal-open{overflow:hidden}.modal-backdrop{position:fixed;inset:0;background:#14243865;backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:25px;overflow-y:auto}.modal{background:#fff;border-radius:14px;width:480px;max-width:100%;max-height:calc(100dvh - 50px);overflow:auto;box-shadow:0 25px 100px #101f4930;animation:appear .18s ease}.wide-modal{width:650px}.modal>header{padding:24px 27px 19px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:15px}.modal .eyebrow{font-size:8px;margin-bottom:5px}.modal h2{font-size:19px;font-weight:500}.modal-content{padding:24px 27px}.form-service{display:flex;gap:13px;align-items:center;background:#f7f9fd;border:1px solid #eff2f8;padding:13px;border-radius:9px;margin-bottom:22px}.form-service strong{font-size:11px}.form-service p{font-size:9px;color:#9ba7b9;margin-top:4px}.field-label{display:block;font-size:11px;color:#77859c;margin:18px 0 9px}.field-label small{font-size:9px;color:#a4adbb;float:right}.form-input{border:1px solid #dfe5ef;background:#fff;border-radius:6px;padding:11px 12px;font-size:12px;width:100%;color:#4a5c79}.form-input::placeholder{color:#acb5c3}.amount-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.amount-options>button{padding:9px 0;border:1px solid #e5eaf2;color:#9aa6b8;font-size:11px;border-radius:6px;background:white}.amount-options>button.selected{color:#5878cd;border-color:#9cb0ea;background:#f0f4ff}.amount-input{display:flex;gap:10px;align-items:center;padding:10px 12px;border:1px solid #e0e6f0;border-radius:6px;color:#8090ab}.amount-input input{width:100%;min-width:0;border:0;outline:0;color:#50627d;background:transparent;font-size:13px}.amount-input span:last-child{font-size:10px;color:#b0b9c9}.quote-box{background:#f7f9fd;border-radius:7px;padding:15px;margin:20px 0 10px}.quote-box>div{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#98a4b7;margin-bottom:9px}.quote-box strong{font-weight:500;color:#8091b1}.quote-box .quote-total{border-top:1px solid #e4eaf6;padding-top:13px;margin-top:13px;margin-bottom:0;color:#7a89a1}.quote-total strong{color:#4969c5;font-size:24px;font-variant-numeric:tabular-nums}.quote-total small{font-size:9px;color:#8f9fbb}.form-caption{font-size:9px;color:#a9b2c0}.consent{display:flex;gap:8px;align-items:flex-start;font-size:10px;color:#98a4b7;margin:20px 0;cursor:pointer}.consent input{margin-top:3px;accent-color:var(--blue)}.form-error{font-size:11px;color:#bb6c65;margin-bottom:12px}.detail-status{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:24px}.detail-status .muted{font-size:9px}.detail-list>div{display:flex;justify-content:space-between;gap:20px;font-size:11px;margin-bottom:16px;color:#9aa6b9}.detail-list strong{color:#6b7e9a;font-size:11px;word-break:break-all;text-align:right;max-width:70%}.order-timeline{display:flex;gap:12px;background:#f6f9fd;padding:15px;border-radius:7px;margin:24px 0}.timeline-dot{width:7px;height:7px;border-radius:50%;background:#8ea9dc;margin-top:5px;flex-shrink:0;box-shadow:0 0 0 4px #e8eef9}.order-timeline strong{font-size:10px;font-weight:500;color:#8196b9}.order-timeline p{font-size:9px;color:#adb8c9;margin-top:5px}.spaced{margin-top:10px}.modal-text{font-size:12px;color:#8a99b1;line-height:2.1;margin-bottom:22px}.info-block{background:#f5f7fc;border-radius:8px;padding:18px 20px;color:#8a9bb5;font-size:11px;margin-bottom:22px}.info-block strong{font-size:12px;color:#6e85ab}.info-block ul,.info-block ol{padding-left:18px;line-height:2.2;margin-bottom:0}.notification-item{display:flex;gap:12px;padding:15px 0;border-bottom:1px solid var(--line);margin-bottom:18px}.notification-item strong{font-size:12px;color:#7186aa}.notification-item p{font-size:10px;color:#a2afc3;margin-top:5px}#toast-root{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:200;display:flex;align-items:center;flex-direction:column;gap:8px;width:max-content;max-width:90vw;pointer-events:none}.toast{background:#243854;color:#e6edf9;border-radius:8px;padding:12px 22px;font-size:12px;box-shadow:0 10px 35px #10213f26;animation:appear .18s ease;text-align:center}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){main{padding-top:42px}.hero{min-height:320px;padding:35px 40px}.hero h2{font-size:30px}.hero p{font-size:12px}.hero-label{font-size:11px}.hero-button{font-size:11px}.hero-art{right:28px}.boat{width:250px;height:250px}.art-sun{width:66px;height:66px;right:45px}.asset-card{padding:27px 29px}.balance-value{font-size:40px}.balance-label{margin-top:25px}.bonus-row{padding-top:16px}.asset-actions{margin-top:23px}.product-card{padding:24px}.product-card h3{font-size:14px}.product-card p{font-size:10px}.product-bottom{font-size:10px}.service-chip{font-size:9px}.hero-index{font-size:9px}.product-grid{gap:20px}}
@media(max-width:1200px){.sidebar{width:210px;padding-right:16px;padding-left:16px}.main-wrap{margin-left:210px;width:calc(100% - 210px)}.topbar{padding:0 28px}main{padding:30px 28px}.hero-grid{grid-template-columns:1.55fr 1fr;gap:17px}.hero{padding:27px 25px}.hero h2{font-size:23px}.hero-art{width:43%;right:0;opacity:.85}.boat{width:180px;height:180px;bottom:45px;left:0}.art-sun{width:46px;height:46px;right:25px;top:42px}.orbit{left:-25px}.orbit-two{left:-65px}.art-stamp{display:none}.asset-card{padding:22px 19px 15px}.balance-value{font-size:29px}.asset-actions{gap:7px}.asset-actions .button{font-size:9px;padding:8px 7px}.quick-stat{padding:0 18px;gap:11px}.product-grid{gap:13px}.product-card{padding:17px 14px}.service-chip{font-size:7px}.product-icon{width:35px;height:35px}.product-card p{font-size:8px}.product-bottom{font-size:8px}.product-bottom strong{font-size:12px}.page-heading h1{font-size:25px}.integration-card{padding:30px}.settings-grid{grid-template-columns:1fr 2fr}footer{padding-left:28px;padding-right:28px}}
@media(max-width:1000px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-card{padding:20px}.product-card p{font-size:10px;max-width:none;min-height:19px}.service-chip{font-size:9px}.product-bottom{font-size:10px}.hero-grid{grid-template-columns:1fr}.hero-art{width:45%;right:15px;opacity:1}.hero h2{font-size:27px}.hero{min-height:285px}.boat{width:230px;height:230px;bottom:20px;left:15px}.asset-card{display:grid;grid-template-columns:1fr 1fr;gap:0 25px;padding:23px}.card-heading{grid-column:1/-1}.balance-label{margin-top:15px}.balance-value{grid-row:3}.bonus-row{grid-column:2;grid-row:2/4;margin-top:15px;align-self:center;padding:0;border:0;flex-direction:column;gap:4px}.asset-actions{grid-column:1/-1;margin-top:15px}.asset-actions .button{font-size:11px}.asset-foot{grid-column:1/-1}.metrics-row{gap:12px}.metric-card{padding:18px}.metric-card>span{font-size:10px}.metric-card>strong{font-size:25px}.quick-stat{padding:0 15px;gap:9px}.quick-stat .stat-icon{width:32px;height:32px}.quick-stat>div>span{font-size:9px}.quick-stat .text-stat{font-size:11px}.date-chip{display:none}.quick-stat strong{font-size:21px}.notice-strip{font-size:9px;gap:7px}.notice-strip button{display:none}.integration-layout{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.profile-card{display:none}.wallet-overview{grid-template-columns:1.4fr 1fr}.wallet-primary{padding:25px}.wallet-primary>strong{font-size:34px}.wallet-secondary{padding:24px}.wallet-secondary strong{font-size:25px}.environment{font-size:9px}.topbar-right{gap:14px}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);width:235px;transition:transform .22s ease}.nav-open .sidebar{transform:translateX(0)}.nav-open .nav-scrim{display:block;position:fixed;inset:0;z-index:25;background:#12233e66;backdrop-filter:blur(2px)}.main-wrap{margin-left:0;width:100%}.topbar{height:65px;padding:0 22px;gap:10px}.mobile-menu{display:inline-flex;margin-left:-7px}.breadcrumb{gap:11px}.breadcrumb>span,.breadcrumb>.icon{display:none}.topbar-right{gap:11px}.topbar-separator{display:none}.environment{font-size:8px;letter-spacing:0}.notification-button{width:27px}.small-avatar{width:27px;height:27px;font-size:12px}main{padding:26px 22px 30px}.page-heading{margin-bottom:22px;gap:10px;align-items:flex-start}.page-heading h1{font-size:24px;letter-spacing:-.5px}.page-heading p{font-size:10px;max-width:350px;line-height:1.9}.page-heading>.button{font-size:9px;min-height:32px;padding:7px 10px;margin-top:28px}.page-heading>.button .icon{width:12px;height:12px}.eyebrow{font-size:8px;letter-spacing:1.8px}.hero-grid{gap:15px}.hero{padding:26px;min-height:282px}.hero h2{font-size:25px;letter-spacing:0}.hero p{font-size:9px}.hero-art{width:42%;right:0}.boat{width:190px;height:190px;left:0;bottom:40px}.art-sun{right:24px;top:40px}.hero-index{font-size:7px}.quick-stats{padding:18px 0;margin:18px 0}.quick-stat{padding:0 13px;gap:9px}.quick-stat>svg{display:none}.quick-stat .stat-icon{width:30px;height:30px;border-radius:8px}.quick-stat .stat-icon>.icon{width:16px;height:16px}.quick-stat>div>span{font-size:8px}.quick-stat strong{font-size:21px}.quick-stat .text-stat{font-size:10px}.quick-stat strong small{margin-left:4px;font-size:8px}.notice-strip{padding:11px 12px;gap:8px;margin-bottom:26px}.notice-label{font-size:9px;padding-right:8px}.notice-strip>span:nth-of-type(2){font-size:8px}.notice-strip>.icon{width:12px;height:12px}.section-heading{align-items:flex-start;gap:10px}.section-heading h2{font-size:16px;white-space:nowrap}.section-heading p{font-size:9px;max-width:210px}.count-pill{font-size:7px}.search-box{min-width:0;width:170px;padding:7px 9px;height:33px}.search-box input{width:100%;font-size:9px}.search-box kbd{display:none}.product-grid{gap:13px}.product-card{padding:18px}.product-card h3{font-size:12px;margin-top:14px}.product-card p{font-size:9px;min-height:32px;max-width:180px}.product-bottom{font-size:9px;margin-top:14px}.product-top .service-chip{font-size:8px}.product-icon{width:36px;height:36px}.product-icon>.icon{width:20px;height:20px}.category-tabs{gap:5px;margin-bottom:16px}.category-tabs button{font-size:10px;padding:7px 12px}.recent-section{margin-top:27px}th{padding:12px 15px}td{padding:15px}.table-scroll table{min-width:650px}.metrics-row{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.metrics-row.three{grid-template-columns:repeat(3,1fr)}.metric-card{padding:17px}.metric-card>strong{font-size:25px}.metric-card>small{font-size:8px}.list-toolbar{padding:13px;gap:11px}.filter-tabs{gap:1px}.filter-tabs button{padding:6px 9px;font-size:9px}.list-toolbar .search-box{width:100%}.wallet-overview{grid-template-columns:1fr;gap:16px}.wallet-primary{padding:26px}.wallet-secondary{padding:23px;display:grid;grid-template-columns:45px 1fr;gap:0 15px}.wallet-secondary>.stat-icon{grid-row:1/3;align-self:center}.wallet-secondary h3{margin:0;font-size:11px}.wallet-secondary strong{font-size:27px}.wallet-secondary p{grid-column:1/-1;max-width:none;font-size:10px;margin-top:12px}.inline-note{font-size:9px;padding:12px 14px;line-height:1.9}.integration-card{padding:26px}.integration-card h2{font-size:21px}.integration-card>p{font-size:11px}.integration-steps{gap:12px}.integration-steps span{font-size:11px}.integration-steps small{font-size:8px}.plain-card{padding:25px}.settings-list{padding:20px}.setting-row{gap:12px;padding:20px 0}.setting-row h3{font-size:11px}.setting-row p{font-size:9px}.setting-row .pill{font-size:8px;white-space:nowrap}.settings-footer{font-size:8px}footer{padding:10px 22px 25px;font-size:7px;gap:8px}.modal-backdrop{padding:15px}.modal{max-height:calc(100dvh - 30px)}.modal>header{padding:21px 22px 17px}.modal-content{padding:21px 22px}.modal h2{font-size:18px}.form-service p{font-size:8px}.form-service strong{font-size:10px}.detail-status{gap:8px;flex-wrap:wrap}.modal-text{font-size:11px}}
@media(max-width:400px){main{padding:22px 16px}.topbar{padding:0 16px}.hero{padding:24px 20px}.hero h2{font-size:23px}.hero-art{opacity:.65;width:37%;right:0}.hero-copy{max-width:245px}.boat{width:156px;height:156px;bottom:50px;left:-4px}.art-sun{right:20px;top:48px;width:38px;height:38px}.hero-index{right:14px;font-size:6px}.quick-stat{padding:0 10px;gap:7px}.quick-stat:last-child .stat-icon{display:none}.quick-stat .text-stat{font-size:10px}.notice-strip{gap:6px}.notice-label{font-size:8px}.notice-strip>span:nth-of-type(2){font-size:7px}.search-box{width:142px}.search-box input{font-size:8px}.section-heading h2{font-size:15px}.count-pill{display:none}.product-card{padding:15px 13px}.product-card p{font-size:8px}.product-card h3{font-size:12px}.product-bottom{font-size:8px}.product-bottom strong{font-size:12px}.product-top .service-chip{font-size:7px}.page-heading h1{font-size:22px}.category-tabs button{padding:7px 10px;font-size:9px}.metrics-row.three .metric-card{padding:15px 12px}.metrics-row.three .metric-card>span>.icon{display:none}.metrics-row.three .metric-card>strong{font-size:21px}.metrics-row.three .metric-card>small{font-size:7px}.page-heading>.button{font-size:8px;padding:7px}.environment{font-size:7px}.topbar-right{gap:9px}footer{padding-left:16px;padding-right:16px}.setting-row .stat-icon{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}