*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:-apple-system,BlinkMacSystemFont,Pretendard,Apple SD Gothic Neo,Malgun Gothic,Noto Sans KR,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.hidden{display:none}.h-11{height:2.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-\[18px\]{height:18px}.h-\[22px\]{height:22px}.h-\[42px\]{height:42px}.w-11{width:2.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-\[18px\]{width:18px}.w-\[22px\]{width:22px}.w-\[42px\]{width:42px}.break-all{word-break:break-all}.border{border-width:1px}.bg-amber-100{--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-opacity,1))}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-teal-100{--tw-bg-opacity:1;background-color:rgb(204 251 241/var(--tw-bg-opacity,1))}.py-16{padding-top:4rem;padding-bottom:4rem}.text-center{text-align:center}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.text-amber-800{--tw-text-opacity:1;color:rgb(146 64 14/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-teal-700{--tw-text-opacity:1;color:rgb(15 118 110/var(--tw-text-opacity,1))}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{--bg:#f6f8fc;--surface:#ffffff;--surface-2:#f8faff;--line:#e7ebf3;--line-2:#edf1f7;--text:#101828;--muted:#667085;--soft:#98a2b3;--primary:#3157f6;--primary-2:#6f50f6;--primary-soft:#edf2ff;--success:#16a667;--success-soft:#eaf8f1;--warning:#f59e0b;--warning-soft:#fff7e6;--danger:#ef4444;--danger-soft:#fff0f0;--purple:#8b5cf6;--purple-soft:#f2edff;--blue-soft:#eff5ff;--shadow:0 18px 42px rgba(16,24,40,0.07);--shadow-sm:0 8px 24px rgba(16,24,40,0.05);--radius:22px;--radius-sm:14px;--sidebar:286px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% -10%,rgba(98,126,255,.15),transparent 26%),var(--bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Pretendard,Noto Sans KR,Arial,sans-serif;color:var(--text);letter-spacing:-.02em}a{text-decoration:none;color:inherit}button,input,select{font:inherit}.app{display:grid;grid-template-columns:var(--sidebar) 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:26px 20px;background:rgba(255,255,255,.78);backdrop-filter:blur(16px);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:22px}.logo{display:flex;align-items:center;gap:12px;font-weight:900;font-size:24px;letter-spacing:-.04em}.logo span{color:var(--primary)}.logo-mark{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#3157f6,#7258ff);display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:0 10px 24px rgba(49,87,246,.28)}.wallet{position:relative;overflow:hidden;border-radius:20px;padding:22px 18px;background:linear-gradient(135deg,#284bf3,#693cff);color:#fff;box-shadow:0 18px 36px rgba(49,87,246,.26)}.wallet:after{content:"";position:absolute;right:-28px;top:-24px;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 18px rgba(255,255,255,.07)}.wallet .user{font-size:14px;font-weight:700;margin-bottom:8px}.wallet small{display:block;opacity:.78}.wallet .balance{font-size:24px;font-weight:900;letter-spacing:.02em;margin:6px 0 0}.wallet .row{display:flex;align-items:end;justify-content:space-between;position:relative;z-index:1}.wallet .charge{background:#fff;color:var(--primary);border:0;border-radius:999px;padding:9px 16px;font-weight:800;box-shadow:0 8px 20px rgba(0,0,0,.12)}.nav{flex-direction:column;gap:8px}.nav,.nav a{display:flex}.nav a{height:50px;align-items:center;gap:12px;padding:0 14px;border-radius:14px;color:#344054;font-weight:700}.nav a.active,.nav a:hover{background:#eef4ff;color:var(--primary)}.nav .ico{font-size:20px;width:24px;text-align:center;opacity:.85}.spacer{flex:1}.vip{border-radius:20px;padding:20px;background:linear-gradient(135deg,#f7f9ff,#eef3ff);border:1px solid var(--line);position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.vip h4{margin:0 0 10px;font-size:16px}.vip p{margin:0 0 16px;color:var(--muted);font-size:13px;line-height:1.55}.vip .gem{position:absolute;right:14px;top:18px;font-size:50px;filter:drop-shadow(0 14px 18px rgba(49,87,246,.22))}.vip a,.vip button{display:inline-flex;align-items:center;gap:6px;border:0;background:var(--primary);color:white;border-radius:10px;padding:10px 15px;font-weight:800}.side-foot{border-top:1px solid var(--line);padding-top:16px;display:flex;flex-direction:column;gap:12px;color:#8a94a6;font-size:14px;font-weight:600}.copyright{font-size:12px;color:#aab2c0;margin-top:8px}.main{padding:30px 34px 38px;min-width:0}.topbar{justify-content:space-between;margin-bottom:24px}.title-wrap,.topbar{display:flex;align-items:center}.title-wrap{gap:12px}.title-icon{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;color:var(--primary);background:#eef4ff}.page-title{font-size:32px;font-weight:900;letter-spacing:-.02em;margin:0}.subtitle{margin:8px 0 0;color:var(--muted);font-weight:500;font-size:15px;line-height:1.6}.profile{display:flex;align-items:center;gap:18px}.bell{position:relative;font-size:22px;color:#344054}.bell:after{content:"";position:absolute;right:1px;top:0;width:7px;height:7px;background:#ef4444;border-radius:50%;border:2px solid #fff}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#5b7cfa);color:#fff;display:grid;place-items:center;font-weight:900}.user-menu{align-items:center;font-weight:800;color:#344054}.tabs,.user-menu{display:flex;gap:10px}.tabs{margin:0 0 22px}.tab{height:48px;padding:0 22px;border:1px solid var(--line);background:rgba(255,255,255,.82);border-radius:12px;display:inline-flex;align-items:center;gap:9px;font-weight:850;box-shadow:var(--shadow-sm);color:#344054}.tab.active{background:linear-gradient(135deg,#3157f6,#5a47f2);color:white;border-color:transparent;box-shadow:0 14px 28px rgba(49,87,246,.25)}.btn{height:44px;padding:0 18px;border-radius:12px;border:1px solid var(--line);background:#fff;color:#344054;font-weight:800;display:inline-flex;align-items:center;gap:8px;justify-content:center}.btn.primary{background:linear-gradient(135deg,#3157f6,#4f46e5);border-color:transparent;color:#fff;box-shadow:0 12px 24px rgba(49,87,246,.24)}.btn.danger{background:var(--danger-soft);border-color:#ffd0d0;color:var(--danger)}.btn.success{background:var(--success-soft);border-color:#cceedd;color:var(--success)}.btn.ghost{background:#f8faff}.btn.full{width:100%}.btn.sm{height:36px;padding:0 13px;border-radius:10px;font-size:13px}.btn.outline-primary{background:#fff;border-color:#cfd8ff;color:var(--primary)}.grid{display:grid;gap:18px}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.stat-grid.six{grid-template-columns:repeat(6,minmax(0,1fr))}.stat-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}.card{background:rgba(255,255,255,.86);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.stat{padding:22px;display:flex;gap:16px;align-items:center}.stat .icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;font-size:25px;background:var(--blue-soft);color:var(--primary)}.stat .icon.green{background:var(--success-soft);color:var(--success)}.stat .icon.purple{background:var(--purple-soft);color:var(--purple)}.stat .icon.orange{background:var(--warning-soft);color:var(--warning)}.stat .icon.red{background:var(--danger-soft);color:var(--danger)}.stat .label{color:var(--muted);font-size:14px;font-weight:700}.stat .value{font-size:24px;font-weight:900;margin-top:5px;white-space:nowrap}.stat .note{font-size:13px;color:var(--muted);margin-top:12px}.up{color:var(--success)}.down,.up{font-weight:800}.down{color:var(--danger)}.muted{color:var(--muted)}.content-grid{display:grid;grid-template-columns:1fr 430px;gap:18px}.content-grid.wide-right{grid-template-columns:1fr 600px}.panel{padding:24px}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.panel h3{margin:0;font-size:18px}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:850}.pill.blue{background:#eaf0ff;color:var(--primary)}.pill.green{background:var(--success-soft);color:var(--success)}.pill.red{background:var(--danger-soft);color:var(--danger)}.pill.orange{background:var(--warning-soft);color:#a16207}.pill.gray{background:#f2f4f7;color:#667085}.pill.purple{background:var(--purple-soft);color:var(--purple)}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick{height:88px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#fff,#f9fbff);display:grid;place-items:center;font-size:13px;font-weight:800;color:#344054}.quick b{font-size:28px;color:var(--primary);display:block;margin-bottom:6px}.health .row,.summary-list .row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line-2);font-size:14px}.health .row:last-child,.summary-list .row:last-child{border-bottom:0}.feed{display:flex;flex-direction:column;gap:12px}.feed-item{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line-2)}.feed-item:last-child{border-bottom:0}.feed .fi{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#eef4ff;color:var(--primary);font-size:20px}.feed b{display:block;font-size:14px}.feed small{color:var(--muted)}.donut-wrap{display:flex;align-items:center;gap:42px}.donut{width:188px;height:188px;border-radius:50%;background:conic-gradient(var(--primary) 0 100%,#edf1f7 0);display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}.donut:before{content:"";width:108px;height:108px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}.donut-label{position:absolute;text-align:center}.donut-box{position:relative;width:188px;height:188px;display:grid;place-items:center}.legend{flex:1}.legend-row{display:grid;grid-template-columns:1fr 70px 70px;gap:10px;align-items:center;padding:9px 0;color:#475467}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:9px;background:#c0c7d2}.chart-card{height:258px}.chart-svg{width:100%;height:165px;display:block}.summary-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:0}.summary-strip .cell{padding:0 28px;border-right:1px solid var(--line)}.summary-strip .cell:last-child{border-right:0}.summary-strip small{color:var(--muted);font-weight:700}.summary-strip b{display:block;font-size:18px;margin-top:8px}.toolbar{gap:12px;margin-bottom:16px}.search,.toolbar{display:flex;align-items:center}.search{height:46px;border:1px solid var(--line);background:#fff;border-radius:13px;padding:0 16px;gap:10px;color:#98a2b3;flex:1}.search input{border:0;outline:0;width:100%;background:transparent;color:#344054}.input,.select{height:46px;border:1px solid var(--line);background:#fff;border-radius:13px;padding:0 14px;color:#344054;font-weight:700}.table-wrap{overflow:hidden}.table{width:100%;border-collapse:separate;border-spacing:0}.table th{background:#f9fbff;color:#667085;text-align:left;font-size:13px;padding:15px 18px;border-bottom:1px solid var(--line);font-weight:850}.table td{padding:14px 18px;border-bottom:1px solid var(--line-2);vertical-align:middle;font-size:14px}.table tr:hover td{background:#f8fbff}.table tr.selected td{background:#f0f5ff}.td-service{display:flex;align-items:center;gap:12px;font-weight:800}.svc-icon{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#fff3d8;color:#f59e0b;font-size:18px}.svc-icon.red{background:#fff1f1;color:red}.svc-icon.green{background:#eaf8f1;color:#16a667}.svc-icon.blue{background:#eaf0ff;color:#3157f6}.price{color:var(--primary);font-weight:900}.margin-input{height:34px;width:70px;text-align:center;border:1px solid var(--line);border-radius:10px;background:#fff}.action-icons{display:flex;gap:8px}.square-btn{width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;color:#667085}.pagination{justify-content:space-between;padding:18px 20px}.pages,.pagination{display:flex;align-items:center}.pages{gap:8px}.page{min-width:38px;height:38px;padding:0 10px;border-radius:12px;border:1px solid var(--line);background:#fff;color:#344054;display:inline-flex;align-items:center;justify-content:center;gap:4px;font-weight:800;transition:background .12s,border-color .12s}.page:hover:not(:disabled):not(.active){background:#f8faff;border-color:#cfd8ff}.page.active{background:var(--primary);border-color:transparent;color:#fff}.page.ellipsis{border:0;background:transparent;color:var(--muted);cursor:default}.page:disabled{opacity:.4;cursor:not-allowed}.pagination .count{color:var(--muted);font-size:13px;font-weight:700}@media (max-width:640px){.pagination{flex-direction:column;gap:12px;padding:16px}}.member-layout{display:grid;grid-template-columns:1fr 610px;gap:26px}.drawer{background:#fff;border-left:1px solid var(--line);box-shadow:-18px 0 44px rgba(16,24,40,.08);border-radius:0;padding:28px;min-height:calc(100vh - 60px)}.drawer-head{display:flex;align-items:start;justify-content:space-between}.identity{display:flex;gap:16px;align-items:center}.big-avatar{width:62px;height:62px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#5b7cfa);color:#fff;display:grid;place-items:center;font-size:28px;font-weight:900}.balance-card{padding:20px;border-radius:18px;background:linear-gradient(135deg,#284bf3,#5e44f6);color:white;min-width:240px}.balance-card .value{font-size:24px;font-weight:900;margin:8px 0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field-group{padding:16px;border:1px solid var(--line);border-radius:16px;background:#fbfcff}.field-group label{display:block;font-size:13px;font-weight:800;color:#475467;margin-bottom:8px}.field{height:42px;width:100%;border:1px solid var(--line);border-radius:10px;padding:0 12px;background:white}.mini-card{padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff}.txn{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line-2);font-size:13px}.txn:last-child{border-bottom:0}.memo{display:flex;gap:10px}.memo input{flex:1;height:42px;border:1px solid var(--line);border-radius:10px;padding:0 12px}.hero{position:relative;overflow:hidden;padding:44px 48px;border-radius:24px;background:linear-gradient(105deg,#f8fbff,#eef6ff 54%,#e9e7ff);border:1px solid var(--line);box-shadow:var(--shadow);margin-bottom:26px}.hero:after{content:"";position:absolute;right:70px;top:30px;width:340px;height:170px;border-radius:36px;background:linear-gradient(135deg,rgba(255,255,255,.75),rgba(49,87,246,.12));transform:skewX(-12deg);box-shadow:0 20px 40px rgba(49,87,246,.12)}.hero .coin{position:absolute;right:330px;top:70px;width:88px;height:88px;border-radius:50%;background:linear-gradient(135deg,#38d6e5,#3157f6);display:grid;place-items:center;color:#fff;font-size:44px;font-weight:900;box-shadow:0 18px 38px rgba(49,87,246,.3)}.hero h2{font-size:30px;font-weight:900;letter-spacing:-.02em;margin:0 0 12px}.hero p{margin:0;color:#667085;font-size:16px;line-height:1.6}.hero>*{position:relative;z-index:1}.main-actions{display:flex;align-items:center;gap:12px}.trend-card{padding:22px}.order-table-card{padding:26px}.progress{height:8px;background:#edf1f7;border-radius:999px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,#3157f6,#7357ff);border-radius:999px}.banner{height:52px;border-radius:14px;background:#edf3ff;color:var(--primary);display:flex;align-items:center;gap:10px;padding:0 20px;font-weight:800;margin-bottom:22px}.platform-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:12px;margin:18px 0}.platform{height:102px;background:#fff;border:1px solid var(--line);border-radius:18px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;box-shadow:var(--shadow-sm);font-weight:850}.platform.active{border-color:var(--primary);box-shadow:0 12px 30px rgba(49,87,246,.14)}.platform .brand{font-size:28px}.platform small{font-size:11px;color:#98a2b3}.service-list{display:flex;flex-direction:column;gap:8px}.service-card{display:grid;grid-template-columns:52px 1fr auto auto 30px;gap:14px;align-items:center;padding:14px 18px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-sm)}.service-card h4{margin:0 0 8px;font-size:15px;font-weight:800;line-height:1.45;letter-spacing:-.01em}.tags{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.tag{font-size:12px;background:#f2f4f7;border-radius:8px;padding:5px 8px;color:#667085;font-weight:800}.right-col{gap:18px}.right-col,.steps{display:flex;flex-direction:column}.steps{gap:14px}.step{display:flex;gap:12px;align-items:center;color:#344054}.num{width:26px;height:26px;border-radius:50%;background:#eaf0ff;color:var(--primary);display:grid;place-items:center;font-weight:900}.faq-item{height:42px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:12px;padding:0 14px;margin-bottom:10px;color:#475467;font-weight:700;background:#fff}.benefit{display:flex;gap:12px;align-items:start;padding:12px 0}.benefit b{display:block;font-size:14.5px;margin-bottom:3px}.benefit span{color:#667085;font-size:13px;line-height:1.55}.top-page-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.charge-layout{display:grid;grid-template-columns:1fr 510px;gap:24px}.charge-card{padding:40px}.charge-head{justify-content:space-between}.charge-head,.charge-title{display:flex;align-items:center}.charge-title{gap:18px}.round-icon{width:66px;height:66px;border-radius:50%;background:linear-gradient(135deg,#3157f6,#6d50ff);color:#fff;display:grid;place-items:center;font-size:28px;box-shadow:0 18px 34px rgba(49,87,246,.28)}.amount-input{height:70px;border:1px solid #cfd7e6;border-radius:16px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;font-size:24px;font-weight:900;margin-top:16px}.quick-amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.quick-amounts .active{border-color:var(--primary);color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.info-note{height:54px;border-radius:14px;background:#f2f5fb;color:#59667a;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:700}.deposit-table{margin-top:22px}.notice-list{display:flex;flex-direction:column;gap:20px}.notice{display:flex;gap:14px;align-items:flex-start}.notice .nicon{width:38px;height:38px;border-radius:50%;background:#eef4ff;color:var(--primary);display:grid;place-items:center;flex:0 0 auto}.notice b{display:block;margin-bottom:5px}.notice small{color:#667085;line-height:1.5}@media (max-width:1200px){.app{grid-template-columns:1fr}.sidebar{display:none}.charge-layout,.content-grid,.member-layout{grid-template-columns:1fr}.stat-grid,.stat-grid.five,.stat-grid.six{grid-template-columns:repeat(2,1fr)}.platform-grid{grid-template-columns:repeat(4,1fr)}}.nav .ico{display:grid;place-items:center;font-size:0}.avatar,.big-avatar,.feed .fi,.logo-mark,.notice .nicon,.num,.round-icon,.stat .icon,.svc-icon,.title-icon{overflow:hidden}.bell svg,.coin svg,.gem svg,.title-icon svg{display:block}.benefit .num,.pill,.step .num,.tab span{display:inline-flex;align-items:center;justify-content:center;gap:6px}.hero .coin{font-size:0}.side-foot a,.side-foot span{display:flex;align-items:center;gap:8px}.side-foot a:hover{color:var(--primary)}.member-badge{display:inline-flex;align-items:center;gap:6px}button{cursor:pointer}.link-cell{display:inline-flex;align-items:center;gap:6px}.auth-label{display:block;font-size:13px;font-weight:800;color:#475467;margin-bottom:8px}.auth-field{display:flex;align-items:center;gap:10px;height:50px;border:1px solid var(--line);border-radius:13px;padding:0 16px;background:#fff;color:#98a2b3;transition:border-color .15s,box-shadow .15s}.auth-field:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px rgba(49,87,246,.12)}.auth-field input{border:0;outline:0;width:100%;background:transparent;color:#344054;font-weight:600}.bell,.user-menu{border:0;background:none;cursor:pointer;font:inherit}.bell:after{display:none}.menu-wrap{position:relative}.menu-backdrop{position:fixed;inset:0;z-index:40}.menu{position:absolute;right:0;top:calc(100% + 8px);z-index:50;min-width:176px;padding:6px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 44px rgba(16,24,40,.14);display:flex;flex-direction:column;gap:2px}.toolbar .menu{left:0;right:auto}.menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;background:none;border-radius:10px;font:inherit;font-weight:700;color:#344054;text-align:left;cursor:pointer}.menu-item:hover{background:#f4f7ff}.menu-item.active{color:var(--primary);background:#eef3ff}.menu-item.danger{color:var(--danger)}.menu-item.danger:hover{background:var(--danger-soft)}.menu-head{padding:8px 12px 4px;font-size:12px;font-weight:800;color:var(--muted)}.menu-empty{padding:18px 12px;text-align:center;color:var(--muted);font-size:13px}.accordion{display:flex;flex-direction:column;gap:10px}.acc-item{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden;transition:border-color .15s}.acc-item.open{border-color:#cfd8ff}.acc-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:0;background:none;font:inherit;font-weight:800;color:#344054;text-align:left;cursor:pointer}.acc-q .chev{flex-shrink:0;color:var(--muted);transition:transform .18s,color .18s}.acc-item.open .acc-q{color:var(--primary)}.acc-item.open .acc-q .chev{transform:rotate(90deg);color:var(--primary)}.acc-a{padding:0 16px 16px;color:#475467;font-size:14px;line-height:1.75}.fav-btn{border:0;background:none;cursor:pointer;color:#98a2b3;display:grid;place-items:center;transition:color .15s}.fav-btn:hover,.fav-btn[aria-pressed=true]{color:var(--danger)}.faq-link{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;color:#344054;font-weight:800;transition:background .15s,border-color .15s}.faq-link:hover{background:#f8faff;border-color:#cfd8ff}.mobile-bar{display:none}@media (max-width:1200px){.mobile-bar{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 16px;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40}.sidebar.open{display:flex;position:fixed;inset:0 auto 0 0;z-index:50;width:286px}.main{padding:20px 16px 32px}.charge-layout,.content-grid,.member-layout{grid-template-columns:1fr}.platform-grid{grid-template-columns:repeat(4,1fr)}.service-card{grid-template-columns:44px 1fr;gap:10px}.service-card>:nth-child(n+3){grid-column:1/-1}}.dark\:bg-amber-900:is(.dark *){--tw-bg-opacity:1;background-color:rgb(120 53 15/var(--tw-bg-opacity,1))}.dark\:bg-blue-900:is(.dark *){--tw-bg-opacity:1;background-color:rgb(30 58 138/var(--tw-bg-opacity,1))}.dark\:bg-gray-700:is(.dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.dark\:bg-gray-800:is(.dark *){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.dark\:bg-green-900:is(.dark *){--tw-bg-opacity:1;background-color:rgb(20 83 45/var(--tw-bg-opacity,1))}.dark\:bg-red-900:is(.dark *){--tw-bg-opacity:1;background-color:rgb(127 29 29/var(--tw-bg-opacity,1))}.dark\:bg-teal-900:is(.dark *){--tw-bg-opacity:1;background-color:rgb(19 78 74/var(--tw-bg-opacity,1))}.dark\:text-amber-200:is(.dark *){--tw-text-opacity:1;color:rgb(253 230 138/var(--tw-text-opacity,1))}.dark\:text-blue-200:is(.dark *){--tw-text-opacity:1;color:rgb(191 219 254/var(--tw-text-opacity,1))}.dark\:text-gray-200:is(.dark *){--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}.dark\:text-gray-400:is(.dark *){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.dark\:text-green-200:is(.dark *){--tw-text-opacity:1;color:rgb(187 247 208/var(--tw-text-opacity,1))}.dark\:text-red-200:is(.dark *){--tw-text-opacity:1;color:rgb(254 202 202/var(--tw-text-opacity,1))}.dark\:text-teal-200:is(.dark *){--tw-text-opacity:1;color:rgb(153 246 228/var(--tw-text-opacity,1))}@media (min-width:640px){.sm\:inline{display:inline}}