@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css";
:root{--color-primary:#3182f6;--color-primary-hover:#1b64da;--color-primary-light:#eff4ff;--color-primary-subtle:#c7d8fb;--color-navy-header:#1c2b4a;--color-navy-deep:#0f1a33;--color-navy-mid:#1e293b;--color-gray-950:#0f172a;--color-gray-700:#334155;--color-gray-500:#64748b;--color-gray-400:#94a3b8;--color-gray-200:#e2e8f0;--color-gray-100:#f1f5f9;--color-gray-50:#f8fafc;--color-white:#fff;--color-danger:#dc2626;--color-danger-light:#fef2f2;--color-success:#00c471;--color-success-light:#ecfdf5;--color-warning:#f59e0b;--color-warning-light:#fffbeb;--font-family:"Pretendard Variable", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--text-display:2rem;--text-heading:1.375rem;--text-title:1.125rem;--text-body:.9375rem;--text-caption:.8125rem;--text-micro:.6875rem;--weight-bold:700;--weight-semibold:600;--weight-medium:500;--weight-regular:400;--leading-tight:1.3;--leading-normal:1.5;--leading-relaxed:1.65;--tracking-tight:-.02em;--tracking-normal:-.01em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--shadow-card:0 1px 2px #0f172a0a, 0 4px 12px #0f172a08;--shadow-card-hover:0 8px 24px #0f172a14, 0 2px 6px #0f172a0a;--shadow-elevated:0 12px 32px #0f172a24, 0 2px 8px #0f172a0f;--shadow-bottom-nav:0 -1px 0 #0f172a0d, 0 -4px 12px #0f172a0a;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-normal:.25s cubic-bezier(.4,0,.2,1);--safe-top:env(safe-area-inset-top);--safe-bottom:env(safe-area-inset-bottom);--bottom-nav-height:56px;--primary:var(--color-primary);--primary-dark:var(--color-primary-hover);--primary-light:var(--color-primary-light);--bg:var(--color-gray-50);--bg-page:var(--color-gray-50);--bg-card:var(--color-white);--bg-accent:var(--color-primary-light);--surface:var(--color-white);--surface-2:var(--color-gray-50);--surface-3:var(--color-gray-100);--border:#eaedf1;--border-light:#f1f3f6;--text-1:#191f28;--text-2:var(--color-gray-700);--text-3:var(--color-gray-500);--text-4:var(--color-gray-400);--text:#191f28;--text4:var(--color-gray-400);--color-text-1:#191f28;--color-text-2:var(--color-gray-700);--color-text-3:var(--color-gray-500);--color-text-4:var(--color-gray-400);--color-profit:#f04452;--color-loss:var(--color-primary);--color-navy:#1c2b4a;--navy:#1c2b4a;--navy-light:#1e293b;--navy-900:#1c2b4a;--blue:var(--color-primary);--blue-dark:var(--color-primary-hover);--blue-light:var(--color-primary-light);--green:var(--color-success);--green-dark:#047857;--green-light:var(--color-success-light);--red:var(--color-danger);--red-dark:#dc2626;--red-light:var(--color-danger-light);--orange:var(--color-warning);--orange-light:var(--color-warning-light);--amber:var(--color-warning);--amber-light:var(--color-warning-light);--purple:#8b5cf6;--purple-light:#f5f3ff;--shadow-sm:var(--shadow-card);--shadow-md:var(--shadow-card-hover);--shadow-lg:var(--shadow-elevated);--r:var(--radius-md);--r-sm:var(--radius-sm);--r-md:var(--radius-md);--r-lg:var(--radius-lg);--r-xl:var(--radius-xl);--r-full:var(--radius-full);--ease:cubic-bezier(.4,0,.2,1);--dur:.15s;--radius-card:var(--radius-lg);--radius-button:var(--radius-md);--page-px:20px;--section-gap:28px;--card-padding:20px;--card-gap:14px;--card-border:1px solid #0f172a0a}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important}html,body{max-width:100vw;overflow-x:hidden}body{background:var(--color-gray-50);color:var(--color-gray-700);font-size:var(--text-body);font-weight:var(--weight-regular);line-height:var(--leading-normal);letter-spacing:-.01em}.h1{letter-spacing:-.03em;color:var(--color-gray-950);font-size:44px;font-weight:800;line-height:1.15}.h2{letter-spacing:-.03em;color:var(--color-gray-950);font-size:32px;font-weight:800;line-height:1.2}.h3{letter-spacing:-.02em;color:var(--color-gray-950);font-size:22px;font-weight:700;line-height:1.3}.h4{letter-spacing:-.01em;color:var(--color-gray-950);font-size:17px;font-weight:700;line-height:1.4}.page-title{letter-spacing:-.03em;color:var(--color-gray-950);font-size:24px;font-weight:800;line-height:1.25}.section-title{letter-spacing:-.02em;color:var(--color-gray-950);font-size:18px;font-weight:700;line-height:1.35}.caption{letter-spacing:-.01em;color:var(--color-gray-500);font-size:13px;font-weight:400;line-height:1.55}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}input,textarea,select{background:0 0;border:none;outline:none;font-family:inherit}img{max-width:100%;height:auto;display:block}::selection{background:var(--color-primary-light);color:var(--color-primary)}:focus-visible{border-radius:8px;outline:none;box-shadow:0 0 0 3px #3182f626}.ds-display{letter-spacing:-.03em;color:#1a1a2e;font-size:32px;font-weight:700;line-height:1.25}.ds-title-lg{letter-spacing:-.02em;color:#1a1a2e;font-size:24px;font-weight:700;line-height:1.3}.ds-title{letter-spacing:-.02em;color:#1a1a2e;font-size:20px;font-weight:700;line-height:1.35}.ds-section{letter-spacing:-.01em;color:#1a1a2e;font-size:16px;font-weight:700;line-height:1.4}.ds-body{letter-spacing:-.01em;color:#374151;font-size:14px;font-weight:400;line-height:1.55}.ds-caption{letter-spacing:-.01em;color:#6b7280;font-size:13px;font-weight:500;line-height:1.5}.ds-meta{letter-spacing:-.01em;color:#9ca3af;font-size:12px;font-weight:500;line-height:1.5}.ds-tabular{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.ic-inline{width:13px;height:13px}.ic-ui{width:15px;height:15px}.ic-card{width:18px;height:18px}.ic-hero{width:24px;height:24px}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:var(--radius-full)}.card{background:var(--color-white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:border-color .15s,box-shadow .15s,transform .15s}.card:hover{border-color:var(--border);box-shadow:var(--shadow-card-hover)}.card-static{background:var(--color-white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.input{color:#0f172a;width:100%;height:44px;transition:all var(--transition-fast);letter-spacing:-.01em;background:#f1f5f9;border:1px solid #0000;border-radius:8px;padding:0 14px;font-family:inherit;font-size:14px;font-weight:400;display:block}.input:focus{border-color:var(--color-primary);background:#fff;box-shadow:0 0 0 3px #3182f61a}.input::placeholder{color:#94a3b8}.input.tabular{font-variant-numeric:tabular-nums;text-align:right}@media (max-width:640px){.input,input[type=text],input[type=number],input[type=tel],input[type=email],input[type=password],input[type=date],input[type=search],textarea,select{font-size:16px!important}}.form-label{color:#64748b;margin-bottom:8px;font-size:13px;font-weight:500;display:block}.form-field{margin-bottom:20px}.form-section{margin-bottom:32px}.sticky-action-bar{padding:12px 20px calc(12px + env(safe-area-inset-bottom));z-index:90;background:#fff;border-top:1px solid #e2e8f0;position:fixed;bottom:0;left:0;right:0}.sticky-action-bar button{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:12px;width:100%;height:52px;font-size:16px;font-weight:600}.sticky-action-bar button:disabled{color:#94a3b8;cursor:not-allowed;background:#e2e8f0}.btn-primary{background:var(--color-primary);min-height:48px;color:var(--color-white);letter-spacing:-.01em;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:15px;font-weight:600;transition:background .15s,transform 80ms;display:inline-flex}.btn-primary:hover{background:var(--color-primary-hover)}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{opacity:1;cursor:not-allowed;background:#94a3b8}.btn-secondary{min-height:48px;color:var(--color-gray-950);border:1px solid var(--border);letter-spacing:-.01em;background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:15px;font-weight:600;transition:background .15s,border-color .15s,transform 80ms;display:inline-flex}.btn-secondary:hover{background:var(--color-gray-50);border-color:var(--color-gray-400)}.btn-secondary:active{transform:scale(.97)}.btn-dark{background:var(--color-navy-header);color:#fff;letter-spacing:-.01em;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 24px;font-size:15px;font-weight:600;transition:background .15s,transform 80ms;display:inline-flex}.btn-dark:hover{background:var(--color-navy-deep)}.btn-dark:active{transform:scale(.97)}.btn-sm{border-radius:10px;gap:6px;min-height:36px;padding:0 14px;font-size:13px;font-weight:600}.btn-lg{min-height:52px;padding:0 24px;font-size:16px}.btn-block{width:100%}.btn-ghost{min-height:48px;color:var(--color-gray-500);letter-spacing:-.01em;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:15px;font-weight:600;transition:background .15s,transform 80ms;display:inline-flex}.btn-ghost:hover{background:var(--color-gray-100);color:var(--color-gray-950)}.btn-ghost:active{transform:scale(.97)}.btn-danger{background:var(--color-danger);color:#fff;letter-spacing:-.01em;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 20px;font-size:15px;font-weight:600;transition:background .15s,transform 80ms;display:inline-flex}.btn-danger:hover{background:#b91c1c}.btn-danger:active{transform:scale(.97)}.btn-danger:disabled{cursor:not-allowed;background:#fca5a5}.seg{background:var(--color-gray-100);border-radius:var(--radius-md);gap:4px;padding:4px;display:inline-flex}.seg-full{width:100%;display:flex}.seg-full .seg-item{flex:1}.seg-item{min-height:40px;color:var(--color-gray-500);border-radius:calc(var(--radius-md) - 4px);white-space:nowrap;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex}.seg-item.active{background:var(--color-white);color:var(--color-gray-950);box-shadow:0 1px 2px #0f172a0f}.seg-item:disabled{opacity:.4;cursor:not-allowed}.opt-row{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:14px 0;display:flex}.opt-row:last-child{border-bottom:none}.opt-row-label{color:var(--color-gray-950);font-size:15px;font-weight:600}.opt-row-sub{color:var(--color-gray-500);margin-top:2px;font-size:13px;font-weight:400}.badge{border-radius:var(--radius-full);font-size:var(--text-micro);font-weight:var(--weight-semibold);white-space:nowrap;align-items:center;gap:3px;padding:3px 10px;display:inline-flex}.badge-blue{background:var(--color-primary-light);color:var(--color-primary)}.badge-green{background:var(--color-success-light);color:var(--color-success)}.badge-red{background:var(--color-danger-light);color:var(--color-danger)}.badge-amber{background:var(--color-warning-light);color:var(--color-warning)}.badge-gray{background:var(--color-gray-100);color:var(--color-gray-700)}.badge-navy{background:var(--color-navy-header);color:#fff}.pill{border-radius:var(--radius-full);white-space:nowrap;font-variant-numeric:tabular-nums;align-items:center;gap:3px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.pill-green{background:var(--color-success-light);color:#15803d}.pill-amber{background:var(--color-warning-light);color:#a16207}.pill-red{background:var(--color-danger-light);color:var(--color-danger)}.pill-blue{background:var(--color-primary-light);color:var(--color-primary)}.pill-gray{background:var(--color-gray-100);color:var(--color-gray-500)}.num{font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-weight:700}.tabular{font-variant-numeric:tabular-nums}.truncate-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tabular-num,.num,[class*=num]{font-variant-numeric:tabular-nums}.press{min-height:44px;transition:transform 80ms}.press:active{transform:scale(.97)}button,[role=button],a.card,.card-press{transition:transform 80ms}button:active:not(:disabled),[role=button]:active,a.card:active,.card-press:active{transform:scale(.97)}.chip{border-radius:var(--radius-full);min-height:40px;font-size:var(--text-caption);font-weight:var(--weight-semibold);transition:all var(--transition-fast);justify-content:center;align-items:center;padding:8px 16px;display:inline-flex}.scroll-x{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overflow-x:auto}.scroll-x::-webkit-scrollbar{display:none}.scroll-x>*{scroll-snap-align:start}@supports (-webkit-touch-callout:none){input,select,textarea{font-size:16px!important}}.pc-only{display:none!important}.mobile-only{display:flex!important}.form-submit-bar{left:0}@media (min-width:1024px){.pc-only{display:flex!important}.mobile-only{display:none!important}.dashboard-main{padding-left:240px}.form-submit-bar{left:240px}.confirm-sheet{width:560px;max-width:92vw;transform:translate(-50%);border-radius:20px!important;bottom:24px!important;left:50%!important;right:auto!important}}.dashboard-content{padding:16px 20px 0;animation:.3s ease-out both pageEnter}@media (min-width:768px){.dashboard-content{padding:24px 24px 0}}.dashboard-content>*{animation:.35s ease-out both cardStagger}.dashboard-content>:first-child{animation-delay:0s}.dashboard-content>:nth-child(2){animation-delay:60ms}.dashboard-content>:nth-child(3){animation-delay:.12s}.dashboard-content>:nth-child(4){animation-delay:.18s}.dashboard-content>:nth-child(5){animation-delay:.24s}.dashboard-content>:nth-child(6){animation-delay:.3s}.dashboard-content>:nth-child(7){animation-delay:.36s}.dashboard-content>:nth-child(8){animation-delay:.42s}.hover-lift{transition:transform var(--transition-fast), box-shadow var(--transition-fast)}.hover-lift:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.skeleton{background:linear-gradient(90deg, var(--color-gray-100) 25%, var(--color-gray-200) 50%, var(--color-gray-100) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes pageEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes cardStagger{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes modalIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes incExpand{0%{opacity:0;max-height:0;transform:translateY(-4px)}to{opacity:1;max-height:800px;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{transform:scale(0)}60%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes illustFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes illustCarRise{0%,to{opacity:1;transform:translateY(0)scale(1)}50%{opacity:1;transform:translateY(-6px)scale(1.04)}}@keyframes illustSpark{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}@keyframes illustBounce{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-3px)rotate(2deg)}}@keyframes illustCount{0%{opacity:0}20%,80%{opacity:1}to{opacity:0}}@keyframes illustPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}@keyframes illustGrow{0%{opacity:.4;transform:scaleY(.2)}50%{opacity:1;transform:scaleY(1.05)}to{opacity:1;transform:scaleY(1)}}@keyframes illustDraw{0%{stroke-dashoffset:200px}60%,to{stroke-dashoffset:0}}.feat-card{transition:transform .2s,box-shadow .2s}.feat-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0f172a14}.animate-in{animation:fadeIn .2s var(--ease) both}.animate-up{animation:slideUp .25s var(--ease) both}.animate-bounce{animation:bounce .3s var(--ease)}.animate-count{animation:countUp .35s var(--ease) both}.animate-slide{animation:slideIn .2s var(--ease) both}
