:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media(prefers-color-scheme:dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}html,body,#app{width:100%}img,svg,video,canvas{max-width:100%;height:auto}input,select,textarea,button{font:inherit}@media(max-width:768px){body{font-size:14px;line-height:1.55}}#app{width:100%;min-height:100vh;color-scheme:light}:root{--db-ink: #172033;--db-muted: #68738a;--db-line: #e5eaf2;--db-surface: #ffffff;--db-canvas: #f5f7fb;--db-navy: #14213d;--db-blue: #2563eb;--db-cyan: #06b6d4;--db-mint: #10b981;--db-radius: 18px;--db-shadow: 0 12px 32px rgba(20, 33, 61, .08)}body{color:var(--db-ink);background:var(--db-canvas);font-family:Pretendard,Noto Sans KR,Apple SD Gothic Neo,Inter,system-ui,sans-serif}button,input,select,textarea{font-family:inherit}button{-webkit-tap-highlight-color:transparent}#app .admin-view,#app .consultant-view,#app .page,#app .sheet-page,#app .record-sheet-view{background:var(--db-canvas)!important}#app .admin-view .sidebar,#app .consultant-view .sidebar{background:linear-gradient(180deg,#111b32,#172b4d 58%,#1d4a72)!important;box-shadow:12px 0 30px #0f172a14}#app .sidebar-brand{min-height:80px;letter-spacing:-.02em}#app .sidebar-brand-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--db-cyan),#3b82f6);font-size:1rem}#app .sidebar-nav{padding-top:1.35rem;gap:.35rem}#app .sidebar-nav-item{border-radius:12px;min-height:44px}#app .sidebar-nav-item.active{background:linear-gradient(90deg,#2563ebc7,#06b6d457)!important;box-shadow:inset 3px 0 #67e8f9}#app .sidebar-user{margin:.25rem 0 .5rem;border-radius:10px;background:#ffffff0f}#app .content-topbar{min-height:80px;padding:1.15rem 2rem!important;background:#ffffffe6!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--db-line)!important}#app .content-topbar h1{color:var(--db-ink)!important;font-size:1.35rem!important;letter-spacing:-.04em}#app .main-content,#app .content-area,#app .tab-content{max-width:1440px}#app .card,#app .panel,#app .content-card,#app .dashboard-card,#app .auth-preview-card,#app .empty-customers,#app .empty-state{border:1px solid var(--db-line)!important;border-radius:var(--db-radius)!important;box-shadow:var(--db-shadow)!important;background:var(--db-surface)!important}#app input:not([type=checkbox]):not([type=radio]),#app select,#app textarea{min-height:42px;border:1px solid #d8e0ec!important;border-radius:10px!important;background:#fff!important;color:var(--db-ink)!important;transition:border-color .16s,box-shadow .16s}#app input:focus,#app select:focus,#app textarea:focus{outline:0;border-color:#60a5fa!important;box-shadow:0 0 0 3px #2563eb1f!important}#app .btn-primary,#app .login-btn,#app .home-btn,#app .btn-auth-url,#app .btn-auth-open,#app .btn-submit,#app .primary-btn{border:0!important;border-radius:10px!important;background:linear-gradient(135deg,#2563eb,#0ea5e9)!important;box-shadow:0 7px 16px #2563eb33;font-weight:750!important}#app .btn-secondary,#app .btn-back,#app .btn-upload,#app .btn-auth-copy,#app .secondary-btn,#app .outline-btn{border:1px solid #cfd9e7!important;border-radius:10px!important;background:#fff!important;color:#31415e!important;font-weight:700!important}#app table{border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid var(--db-line);border-radius:12px}#app th{background:#f7f9fd!important;color:#65708a!important;font-size:.78rem;font-weight:800!important;letter-spacing:.02em}#app td{border-color:var(--db-line)!important;color:#334155}#app .generational-view{background:var(--db-canvas);color:var(--db-ink)}#app .generational-view .gen-header{background:#ffffffeb!important;border-color:var(--db-line)!important;box-shadow:none!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}#app .generational-view .header-inner{max-width:1240px;height:72px}#app .generational-view .logo{color:var(--db-navy)!important;letter-spacing:-.04em}#app .generational-view .logo span{color:var(--db-blue)!important}#app .generational-view .logo-icon{color:var(--db-cyan)}#app .generational-view .gen-tabs{gap:.45rem}#app .generational-view .gen-tab{border:0!important;border-radius:9px!important;background:#f0f4fa!important;color:#5c6880!important}#app .generational-view .gen-tab.active{background:#e0edff!important;color:#1d4ed8!important;box-shadow:inset 0 0 0 1px #bfdbfe}#app .generational-view .gen-hero{max-width:1216px;min-height:440px;margin:2rem auto 1.25rem;padding:4.5rem 3rem!important;border:1px solid rgba(255,255,255,.38);border-radius:26px;box-shadow:0 20px 45px #1e40af26;text-align:left;overflow:hidden;position:relative}#app .generational-view .gen-hero:after{content:"";position:absolute;width:320px;height:320px;right:-85px;top:-100px;border:54px solid rgba(255,255,255,.12);border-radius:50%;pointer-events:none}#app .generational-view .hero-inner{position:relative;z-index:1;max-width:790px;margin:0;padding:0}#app .generational-view .hero-badge{background:#ffffff29;border-color:#ffffff4d}#app .generational-view .gen-hero h1{font-size:clamp(2.25rem,4.1vw,3.65rem);letter-spacing:-.065em}#app .generational-view .hero-sub{max-width:620px;font-size:1.05rem}#app .generational-view .hero-btns{justify-content:flex-start}#app .generational-view .btn-primary,#app .generational-view .btn-secondary{border-radius:10px!important}#app .generational-view .features-section,#app .generational-view .trust-section,#app .generational-view .budget-section,#app .generational-view .offline-section{padding:3.5rem 0!important}#app .generational-view .section-inner{max-width:1216px}#app .generational-view .section-label{color:var(--db-blue);font-weight:800}#app .generational-view h2{color:var(--db-ink);letter-spacing:-.055em}#app .generational-view .feature-card,#app .generational-view .trust-item,#app .generational-view .budget-calculator,#app .generational-view .offline-card{border:1px solid var(--db-line)!important;border-radius:16px!important;box-shadow:none!important;background:#fff!important}#app .generational-view .feature-card:hover{transform:translateY(-5px);border-color:#bfdbfe!important;box-shadow:var(--db-shadow)!important}#app .login-view,#app .complete-view,#app .codef-auth-page{background:radial-gradient(circle at 12% 10%,#dbeafe 0,transparent 26%),linear-gradient(135deg,#f8fbff,#edf3fb)!important}#app .login-card,#app .complete-card,#app .auth-card{border:1px solid rgba(255,255,255,.9)!important;border-radius:22px!important;box-shadow:0 24px 60px #1e3a5f21!important}#app .login-logo .logo-icon{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:18px;background:#e0edff;font-size:2rem}#app .login-logo h1,#app .complete-card h1,#app .auth-card h1{color:var(--db-ink)!important;letter-spacing:-.04em}#app .check-icon{background:linear-gradient(135deg,#10b981,#06b6d4)!important;box-shadow:0 10px 20px #10b98138}#app .mobile-view,#app .mobile-complete{background:var(--db-canvas)!important}#app .mobile-view .mobile-header{background:#fffffff0!important;border-color:var(--db-line)!important}#app .mobile-view .hero-section{border-radius:0 0 24px 24px;box-shadow:0 10px 26px #1e40af1f}#app .mobile-view .feature-card,#app .mobile-view .trust-item,#app .mobile-view .budget-card{border-radius:14px!important;border-color:var(--db-line)!important}@media(max-width:768px){#app .content-topbar{min-height:64px;padding:.85rem 1rem!important}#app .generational-view .header-inner{height:64px;padding:0 1rem}#app .generational-view .gen-hero{margin:0;min-height:0;border-radius:0 0 22px 22px;padding:3rem 1.25rem!important}#app .generational-view .gen-hero h1{font-size:2.2rem}#app .generational-view .features-section,#app .generational-view .trust-section,#app .generational-view .budget-section{padding:2.5rem 0!important}#app .generational-view .hero-btns{align-items:stretch}#app .generational-view .hero-btns button{width:100%}}