:root{--color-primary:#f0b90b;--color-primary-hover:#d9a60a;--color-primary-light:#f0b90b1a;--bg-primary:#0b0e11;--bg-secondary:#1e2329;--bg-tertiary:#2b3139;--bg-hover:#363c45;--text-primary:#eaecef;--text-secondary:#848e9c;--text-tertiary:#5e6673;--color-long:#0ecb81;--color-long-bg:#0ecb811a;--color-short:#f6465d;--color-short-bg:#f6465d1a;--color-warning:#f0b90b;--color-info:#1e88e5;--color-error:#f6465d;--color-success:#0ecb81;--border-color:#2b3139;--border-color-light:#363c45;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-xxl:32px;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Consolas", monospace;--font-size-xs:11px;--font-size-sm:12px;--font-size-md:14px;--font-size-lg:16px;--font-size-xl:18px;--font-size-xxl:24px;--font-size-hero:32px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--transition-fast:.15s ease;--transition-normal:.25s ease;--header-height:64px;--sidebar-width:280px;--max-content-width:1400px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-md);color:var(--text-primary);background-color:var(--bg-primary);min-height:100vh;line-height:1.5}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-hover)}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);transition:border-color var(--transition-fast);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--color-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.header{height:var(--header-height);background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:0 var(--spacing-xl);z-index:1000;justify-content:space-between;align-items:center;min-width:0;display:flex;position:fixed;top:0;left:0;right:0;overflow-x:clip}.header__left{flex:auto;align-items:center;min-width:0;display:flex}.header__right{align-items:center;gap:var(--spacing-md);flex:none;display:flex}.header__logo{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);text-decoration:none;display:flex}.header__logo:hover{color:var(--text-primary)}.header__logo-icon{background:var(--color-primary);border-radius:var(--radius-md);width:32px;height:32px;font-weight:var(--font-weight-bold);color:var(--bg-primary);font-size:var(--font-size-lg);justify-content:center;align-items:center;display:flex}.header__logo-icon--image{color:#0000;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:0;width:36px;height:36px}.header__logo-text{font-family:var(--font-orbitron), var(--font-inter), system-ui, sans-serif;letter-spacing:2.5px;background:linear-gradient(135deg,#fff 0%,#f0b90b 60%,#caa600 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:17px;font-weight:800}.header__nav{align-items:center;gap:var(--spacing-lg);min-width:0;margin-left:var(--spacing-xxl);font-family:"Pretendard Variable", Pretendard, var(--font-inter), system-ui, sans-serif;flex:0 auto;display:flex}.header__nav-link,.header__nav-link:link,.header__nav-link:visited{letter-spacing:.3px;white-space:nowrap;border-radius:10px;align-items:center;gap:6px;padding:9px 14px;font-family:inherit;font-size:14px;text-decoration:none;transition:color .2s,background .2s,transform .2s;display:inline-flex;position:relative;overflow:hidden;color:#fff!important;opacity:1!important;font-weight:700!important}.header__nav-link:hover{color:#ffd957!important}.header__nav-link:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#f0b90b00 0% 100%);border-radius:10px;padding:1px;transition:background .25s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.header__nav-link:hover{color:var(--text-primary);background:#ffffff0a;transform:translateY(-1px)}.header__nav-link.active{color:#f0b90b;text-shadow:0 0 12px #f0b90b73;background:radial-gradient(120% 140% at 50% 120%,#f0b90b38 0%,#f0b90b00 70%),linear-gradient(#f0b90b14 0%,#f0b90b05 100%)}.header__nav-link.active:before{background:linear-gradient(135deg,#f0b90be6 0%,#f0b90b26 55%,#f0b90bb3 100%)}.header__nav-link.active:after{content:"";background:linear-gradient(90deg,#0000,#f0b90b,#0000);border-radius:2px;height:2px;position:absolute;bottom:-3px;left:22%;right:22%;box-shadow:0 0 10px #f0b90b99}.header__nav-icon{width:16px;height:16px;color:var(--color-primary)}.header__nav-arrow{width:14px;height:14px;transition:transform var(--transition-fast);margin-left:2px}.header__dropdown{position:relative}.header__dropdown-menu{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);min-width:200px;box-shadow:var(--shadow-lg);padding:var(--spacing-sm) 0;opacity:0;visibility:hidden;transition:all var(--transition-fast);z-index:1001;position:absolute;top:100%;left:0;transform:translateY(10px)}.header__dropdown:hover .header__dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.header__dropdown:hover .header__nav-arrow{transform:rotate(180deg)}.header__dropdown-menu--right{left:auto;right:0}.header__dropdown-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);color:var(--text-secondary);font-size:var(--font-size-sm);transition:all var(--transition-fast);text-decoration:none;display:flex}.header__dropdown-item svg{flex-shrink:0;width:18px;height:18px}.header__dropdown-item:hover,.header__dropdown-item.active{color:var(--text-primary);background:var(--bg-tertiary)}.header__dropdown-item.active{color:var(--color-primary)}.header__dropdown-item--danger{color:var(--color-short)}.header__dropdown-item--danger:hover{color:var(--color-short);background:var(--color-short-bg)}.header__dropdown-divider{background:var(--border-color);height:1px;margin:var(--spacing-sm) 0}.header__auth{align-items:center;gap:var(--spacing-sm);display:flex}.header__user{align-items:center;gap:var(--spacing-md);display:flex}.header__notification-bell{border:1px solid var(--border-color);width:34px;height:34px;color:var(--text-secondary);background:var(--bg-tertiary);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:relative}.header__notification-bell:hover,.header__notification-bell:focus-visible{color:var(--text-primary);border-color:var(--color-primary);outline:2px solid var(--color-primary);outline-offset:2px}.header__notification-bell svg{width:17px;height:17px}.header__notification-bell span{border:2px solid var(--bg-primary);background:var(--color-short);min-width:18px;height:18px;color:var(--text-primary);text-align:center;border-radius:9px;padding:0 4px;font-size:9px;font-weight:700;line-height:14px;position:absolute;top:-5px;right:-6px}.header__user-balance{align-items:baseline;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md);display:flex}.header__user-balance-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);font-family:var(--font-mono)}.header__user-balance-unit{font-size:var(--font-size-xs);color:var(--text-secondary)}.header__user-btn{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;display:flex}.header__user-btn:hover{color:var(--text-primary)}.header__user-avatar{background:var(--bg-tertiary);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.header__user-avatar svg{width:18px;height:18px}.header__mobile-toggle{width:40px;height:40px;color:var(--text-primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:none}.header__mobile-toggle svg{width:24px;height:24px}.mobile-menu{background:var(--bg-secondary);z-index:1100;width:280px;transition:transform var(--transition-normal);position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.mobile-menu.open{transform:translate(0)}.mobile-menu__backdrop{z-index:1099;opacity:0;visibility:hidden;transition:all var(--transition-normal);background:#000000b3;position:fixed;inset:0}.mobile-menu__backdrop.open{opacity:1;visibility:visible}.mobile-menu__header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.mobile-menu__close{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-family:inherit;font-size:20px;line-height:1;display:flex}.mobile-menu__close:hover{color:var(--text-primary)}.mobile-menu__close svg{width:20px;height:20px}.mobile-menu__nav{padding:var(--spacing-md) 0}.mobile-menu__link{width:100%;padding:var(--spacing-md) var(--spacing-lg);color:var(--text-secondary);font-size:var(--font-size-md);transition:all var(--transition-fast);text-align:left;cursor:pointer;box-sizing:border-box;background:0 0;border:none;font-family:inherit;text-decoration:none;display:block}.mobile-menu__link:hover,.mobile-menu__link.active{color:var(--text-primary);background:var(--bg-tertiary)}.mobile-menu__link.active{border-left:3px solid var(--color-primary)}.mobile-menu__link--primary{color:var(--color-primary)}.mobile-menu__link--danger{color:var(--color-short)}.mobile-menu__divider{background:var(--border-color);height:1px;margin:var(--spacing-sm) var(--spacing-lg)}.mobile-menu__label{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;display:block}.mobile-menu__user{padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-tertiary);border-radius:var(--radius-md);margin:var(--spacing-sm) var(--spacing-lg)}.mobile-menu__user-balance{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-primary)}.header__actions{align-items:center;gap:var(--spacing-md);margin-left:auto;display:flex}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-family:"Pretendard Variable", Pretendard, var(--font-inter), system-ui, sans-serif;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;line-height:1;text-decoration:none;display:inline-flex}.btn--primary{background:var(--color-primary);color:var(--bg-primary)}.btn--primary:hover{background:var(--color-primary-hover)}.btn--secondary{background:var(--bg-tertiary);color:var(--text-primary)}.btn--secondary:hover{background:var(--bg-hover)}.btn--long{background:var(--color-long);color:#fff}.btn--long:hover{background:#0fb97a}.btn--short{background:var(--color-short);color:#fff}.btn--short:hover{background:#e53e55}.btn--outline{border:1px solid var(--border-color-light);color:var(--text-primary);background:0 0}.btn--outline:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn--ghost{color:var(--text-secondary);background:0 0}.btn--ghost:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn--sm{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm)}.btn--lg{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg)}.btn--full{width:100%}.card{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);overflow:hidden}.card__header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.card__body{padding:var(--spacing-lg)}.tabs{gap:var(--spacing-xs);background:var(--bg-tertiary);padding:var(--spacing-xs);border-radius:var(--radius-md);display:flex}.tabs__item{padding:var(--spacing-sm) var(--spacing-md);text-align:center;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;flex:1}.tabs__item:hover{color:var(--text-primary)}.tabs__item.active{background:var(--bg-secondary);color:var(--text-primary)}.table{border-collapse:collapse;width:100%}.table th,.table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--border-color)}.table th{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.table tbody tr:hover{background:var(--bg-tertiary)}.badge{padding:2px var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);align-items:center;display:inline-flex}.badge--long{background:var(--color-long-bg);color:var(--color-long)}.badge--short{background:var(--color-short-bg);color:var(--color-short)}.badge--pending{color:var(--color-warning);background:#f0b90b1a}.num-positive{color:var(--color-long)}.num-negative{color:var(--color-short)}.num-mono{font-family:var(--font-mono)}.main{padding-top:var(--header-height);min-height:100vh}.main--with-sidebar{margin-left:var(--sidebar-width)}.container{max-width:var(--max-content-width);padding:var(--spacing-xl);margin:0 auto}.footer{border-top:1px solid var(--border-color);background:var(--bg-secondary)}.footer__container{max-width:var(--max-content-width);padding:16px var(--spacing-xl);justify-content:space-between;align-items:center;gap:var(--spacing-lg);color:var(--text-secondary);font-size:var(--font-size-sm);margin:0 auto;display:flex}.footer__links{align-items:center;gap:var(--spacing-lg);display:flex}.footer__links a{color:var(--text-secondary)}.footer__links a:hover{color:var(--color-primary)}.legal-page{background:linear-gradient(180deg, #0e1319f5 0%, var(--bg-primary) 240px), var(--bg-primary)}.legal-page__container{max-width:980px}.legal-page__header{border-bottom:1px solid var(--border-color);padding:38px 0 24px}.legal-page__eyebrow{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;margin-bottom:8px}.legal-page__header h1{margin:0 0 10px;font-size:32px;line-height:1.2}.legal-page__header p{color:var(--text-secondary);font-size:var(--font-size-sm)}.legal-page__content{gap:18px;padding:26px 0 54px;display:grid}.legal-page__content section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px}.legal-page__content h2{color:var(--text-primary);font-size:var(--font-size-lg);margin:0 0 10px}.legal-page__content p{color:var(--text-secondary);font-size:var(--font-size-md);line-height:1.75}.grid{gap:var(--spacing-lg);display:grid}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-secondary{color:var(--text-secondary)}.text-center{text-align:center}.text-right{text-align:right}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.icon{fill:currentColor;width:20px;height:20px}.icon--sm{width:16px;height:16px}.icon--lg{width:24px;height:24px}.spinner{border:2px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast{bottom:var(--spacing-xl);right:var(--spacing-xl);padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:9999;animation:.3s slideIn;position:fixed}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (max-width:1600px){.header__nav{gap:7px;margin-left:18px}.header__nav-link,.header__nav-link:link,.header__nav-link:visited{gap:4px;padding:8px 7px;font-size:13px}}@media (max-width:1280px){.header__nav{display:none}.header__mobile-toggle{display:flex}}@media (max-width:1200px){.grid--4{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.header__nav{gap:var(--spacing-md)}}@media (max-width:768px){:root{--header-height:56px;--spacing-xl:16px}.header{padding:0 12px}.header__nav,.header__auth{display:none}.header__right{gap:8px}.header__mobile-toggle{display:flex}.header__user{gap:var(--spacing-sm)}.header__user-balance{background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:6px 10px;display:flex}.header__user-balance-value{font-size:12px;font-weight:600}.header__user-balance-unit{font-size:10px}.header__user-btn{padding:4px}.header__user-avatar{width:28px;height:28px}.header__user-avatar svg{width:16px;height:16px}.header__user-btn .header__nav-arrow{display:none}.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}.main--with-sidebar{margin-left:0}.footer__container{flex-direction:column;align-items:flex-start;padding:14px 16px}.footer__links{flex-wrap:wrap;gap:10px 16px}.legal-page__header{padding:26px 0 20px}.legal-page__header h1{font-size:26px}.legal-page__content section{padding:16px}}.app-toast-container{bottom:max(20px, env(safe-area-inset-bottom))}.toast-container{z-index:10000;pointer-events:none;flex-direction:column-reverse;gap:8px;width:calc(100% - 32px);max-width:400px;display:flex;position:fixed;bottom:24px;right:16px}.toast{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);pointer-events:auto;opacity:0;align-items:flex-start;gap:12px;padding:14px 16px;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s;display:flex;overflow:hidden;transform:translate(120%)}.toast.show{opacity:1;transform:translate(0)}.toast.hide{opacity:0;transform:translate(120%)}.toast__icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;display:flex}.toast--success .toast__icon{background:var(--color-long-bg);color:var(--color-long)}.toast--error .toast__icon{background:var(--color-short-bg);color:var(--color-short)}.toast--warning .toast__icon{color:var(--color-warning);background:#f0b90b26}.toast--info .toast__icon{color:var(--color-info);background:#1e88e526}.toast__content{flex:1;min-width:0}.toast__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:2px}.toast__message{font-size:var(--font-size-xs);color:var(--text-secondary);word-break:break-word;line-height:1.4}.toast__close{width:20px;height:20px;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.toast__close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.toast__progress{background:var(--color-primary);border-radius:0 0 0 var(--radius-lg);height:3px;transition:width linear;position:absolute;bottom:0;left:0}.toast--success .toast__progress{background:var(--color-long)}.toast--error .toast__progress{background:var(--color-short)}.toast--warning .toast__progress{background:var(--color-warning)}.toast--info .toast__progress{background:var(--color-info)}@media (max-width:480px){.header__user-balance{display:none}.header__notification-bell{width:30px;height:30px}.toast-container{width:auto;max-width:none;bottom:140px;left:16px;right:16px}.app-toast-container{bottom:max(96px, calc(env(safe-area-inset-bottom) + 80px))}.toast{transform:translateY(100%)}.toast.show{transform:translateY(0)}.toast.hide{transform:translateY(100%)}}