*{margin:0;padding:0;box-sizing:border-box}:root{--black: #0a0a0a;--white: #ffffff;--accent: #3B82F6;--accent-dark: #2563EB;--accent-light: #EFF6FF;--success: #22c55e;--success-light: #f0fdf4;--error: #ef4444;--error-light: #fef2f2;--warning: #f59e0b;--warning-light: #fffbeb;--info: #3B82F6;--info-light: #EFF6FF;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #e5e5e5;--gray-300: #d4d4d4;--gray-400: #a3a3a3;--gray-500: #737373;--gray-600: #525252;--gray-700: #404040;--gray-800: #262626;--gray-900: #171717;--border: #e5e5e5;--shadow: 0 1px 3px rgba(0,0,0,.1);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 24px rgba(0,0,0,.12);--radius: 8px;--radius-sm: 5px;--radius-lg: 12px;--gusd: #22c55e;--gkrw: #3B82F6;--geur: #8B5CF6}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#f8f9fb;color:var(--black);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;font-size:14px}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:var(--white);border-bottom:1px solid var(--border);padding:0 1.5rem;position:sticky;top:0;z-index:100;height:56px;display:flex;align-items:center;box-shadow:0 1px 3px #0000000f}.header-content{max-width:1200px;margin:0 auto;width:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem}.logo{display:flex;align-items:center;gap:.625rem;flex-shrink:0;text-decoration:none}.logo-icon{width:34px;height:34px;background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;border-radius:9px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;box-shadow:0 2px 8px #3b82f659}.logo-text{display:flex;flex-direction:column}.logo h1{font-size:1rem;font-weight:800;color:var(--black);letter-spacing:-.3px;line-height:1.2}.logo-badge{font-size:.5625rem;color:var(--accent);text-transform:uppercase;letter-spacing:.8px;font-weight:600}.nav-tabs{display:flex;gap:2px;background:var(--gray-100);border:1px solid var(--border);border-radius:var(--radius);padding:2px;margin:0 auto;overflow-x:auto;scrollbar-width:none}.nav-tabs::-webkit-scrollbar{display:none}.nav-tab{padding:.4375rem .75rem;border:none;background:transparent;color:var(--gray-600);font-size:.75rem;font-weight:500;cursor:pointer;white-space:nowrap;border-radius:6px;display:flex;align-items:center;gap:.375rem;min-height:30px;transition:all .15s ease}.nav-tab:hover{background:var(--white);color:var(--gray-800)}.nav-tab.active{background:var(--white);color:var(--accent);font-weight:600;box-shadow:var(--shadow)}.wallet-section{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.wallet-info{display:flex;align-items:center;gap:.5rem}.address-short{font-family:JetBrains Mono,monospace;font-size:.6875rem;background:var(--gray-50);padding:.25rem .5rem;border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--gray-700)}.mobile-menu-btn{display:none;background:none;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.375rem;cursor:pointer;color:var(--gray-700)}.connect-screen{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem;background:linear-gradient(160deg,#f0f6ff,#f8f9fb 60%)}.connect-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.5rem 2rem;max-width:420px;width:100%;text-align:center;box-shadow:var(--shadow-lg)}.connect-card h2{font-size:1.5rem;font-weight:800;margin-bottom:.5rem;letter-spacing:-.3px}.connect-card p{color:var(--gray-600);margin-bottom:1.5rem;font-size:.875rem}.connect-features{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.5rem}.connect-feature{padding:.75rem .5rem;background:var(--gray-50);border:1px solid var(--border);border-radius:var(--radius);text-align:center}.connect-feature .feat-icon{font-size:1.25rem;margin-bottom:.25rem}.connect-feature .feat-label{font-size:.6875rem;font-weight:600;color:var(--gray-700)}.connect-feature .feat-desc{font-size:.625rem;color:var(--gray-500);margin-top:2px}.connect-network{margin-top:1rem;padding:.75rem;background:var(--accent-light);border:1px solid #bfdbfe;border-radius:var(--radius);font-size:.75rem;color:var(--accent-dark)}.main{flex:1;padding:1.5rem;max-width:1200px;margin:0 auto;width:100%}.footer{background:var(--white);border-top:1px solid var(--border);padding:.875rem 1.5rem}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;font-size:.6875rem;color:var(--gray-500);flex-wrap:wrap;gap:.75rem}.footer-links{display:flex;gap:1rem;align-items:center}.footer-links a{color:var(--gray-500);text-decoration:none}.footer-links a:hover{color:var(--accent)}.panel{width:100%}.panel h2{font-size:1.25rem;font-weight:800;margin-bottom:.375rem;color:var(--black);display:flex;align-items:center;gap:.5rem}.subtitle{color:var(--gray-500);font-size:.75rem;margin-bottom:1.25rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:0 1px 2px #0000000a}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin-bottom:1rem}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.card-title{display:flex;align-items:center;gap:.5rem}.card-title h3{font-size:.875rem;font-weight:600;color:var(--black)}.form-group{display:flex;flex-direction:column;gap:.625rem}input,select,textarea{padding:.625rem .75rem;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:inherit;font-size:.8125rem;color:var(--black);transition:border-color .15s}input:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61a}input::placeholder{color:var(--gray-400)}.btn-primary{background:var(--accent);color:#fff;border:none;padding:.625rem 1.25rem;font-size:.8125rem;font-weight:600;cursor:pointer;border-radius:var(--radius-sm);height:38px;display:inline-flex;align-items:center;justify-content:center;gap:.375rem;transition:all .15s;box-shadow:0 1px 3px #3b82f64d}.btn-primary:hover:not(:disabled){background:var(--accent-dark);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f659}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:var(--white);color:var(--gray-700);border:1px solid var(--border);padding:.5rem 1rem;font-size:.75rem;font-weight:500;cursor:pointer;border-radius:var(--radius-sm);height:34px;display:inline-flex;align-items:center;justify-content:center;gap:.25rem;transition:all .15s}.btn-secondary:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-400)}.btn-small{padding:.3125rem .625rem;font-size:.6875rem;font-weight:500;background:var(--white);border:1px solid var(--border);color:var(--gray-700);cursor:pointer;border-radius:var(--radius-sm);height:26px;display:inline-flex;align-items:center;justify-content:center;gap:.25rem}.btn-small:hover{background:var(--gray-50)}.btn-icon{width:30px;height:30px;border:1px solid var(--border);background:var(--white);color:var(--gray-600);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:var(--radius-sm);flex-shrink:0;transition:all .15s}.btn-icon:hover{background:var(--gray-50);border-color:var(--gray-400);color:var(--black)}.btn-danger{background:var(--error);color:#fff;border:none;padding:.5rem 1rem;font-size:.75rem;font-weight:600;cursor:pointer;border-radius:var(--radius-sm);height:34px;display:inline-flex;align-items:center;gap:.375rem}.notification{padding:.75rem 1rem;margin-bottom:1rem;background:var(--white);border:1px solid var(--border);border-left:3px solid var(--black);border-radius:var(--radius);font-size:.8125rem}.notification.success{border-left-color:var(--success);background:var(--success-light)}.notification.error{border-left-color:var(--error);background:var(--error-light);color:var(--error)}.notification.info{border-left-color:var(--accent);background:var(--accent-light)}.badge{display:inline-flex;align-items:center;gap:4px;padding:.1875rem .5rem;border-radius:20px;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.badge-success{background:var(--success-light);color:#15803d;border:1px solid #bbf7d0}.badge-error{background:var(--error-light);color:#b91c1c;border:1px solid #fecaca}.badge-accent{background:var(--accent-light);color:var(--accent-dark);border:1px solid #bfdbfe}.badge-gray{background:var(--gray-100);color:var(--gray-600);border:1px solid var(--border)}.status-badge{display:flex;align-items:center;gap:.375rem;font-size:.6875rem;font-weight:600}.status-badge.online{color:var(--success)}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.header-actions{display:flex;gap:.5rem}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.token-card{border-radius:var(--radius);padding:1rem;display:flex;flex-direction:column;gap:.5rem;position:relative;overflow:hidden}.token-card-eth{background:linear-gradient(135deg,#0a0a0a,#262626);color:#fff}.token-card-gusd{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0}.token-card-gkrw{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe}.token-card-geur{background:linear-gradient(135deg,#faf5ff,#ede9fe);border:1px solid #ddd6fe}.tokens-list{display:flex;flex-direction:column;gap:.5rem}.token-item{display:flex;align-items:center;justify-content:space-between;padding:.625rem .75rem;background:var(--gray-50);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color .15s}.token-item:hover{border-color:var(--accent)}.token-info{display:flex;align-items:center;gap:.625rem;flex:1;min-width:0}.token-symbol{width:34px;height:34px;background:var(--black);color:#fff;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem;flex-shrink:0}.token-details{display:flex;flex-direction:column;flex:1;min-width:0}.token-details strong{font-size:.8125rem;font-weight:600}.token-details small{font-size:.6875rem;color:var(--gray-500);font-family:JetBrains Mono,monospace}.token-actions{display:flex;gap:.375rem;align-items:center;flex-shrink:0}.history-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border-bottom:1px solid var(--border)}.history-item:last-child{border-bottom:none}.history-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.history-icon.out{background:#fef2f2;color:var(--error)}.history-icon.in{background:var(--success-light);color:var(--success)}.history-icon.swap{background:var(--accent-light);color:var(--accent)}.balance-info{padding:.5rem .75rem;background:var(--gray-50);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.75rem;color:var(--gray-600);font-family:JetBrains Mono,monospace}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.divider{border:none;border-top:1px solid var(--border);margin:1rem 0}code{font-family:JetBrains Mono,monospace;font-size:.8em;background:var(--gray-100);padding:.125rem .375rem;border-radius:3px;border:1px solid var(--border)}@media (max-width: 768px){.main{padding:1rem}.nav-tabs.desktop{display:none}.nav-tabs.mobile{display:flex;margin-top:0;width:100%}.mobile-menu-btn{display:flex}.dashboard-grid,.card-grid{grid-template-columns:1fr}.header-actions{flex-wrap:wrap}.footer-content{flex-direction:column;text-align:center}.footer-links{justify-content:center}.connect-features{grid-template-columns:1fr}.header{height:auto;padding:.75rem 1rem}.header-content{flex-wrap:wrap}}@media (min-width: 769px){.nav-tabs.mobile{display:none}.nav-tabs.desktop{display:flex}}