:root{--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-secondary:#0e7490;--color-signal:#22d3ee;--color-navy:#071426;--color-navy-soft:#0f2f5e;--color-primary-rgb:37, 99, 235;--color-signal-rgb:34, 211, 238;--color-ink:#111827;--color-accent:#eff6ff;--color-canvas:#f8fafc;--color-surface:#fff;--color-text:#111827;--color-text-muted:#64748b;--color-border:#e2e8f0;--color-surface-subtle:#f6f8fb;--color-surface-tint:#eef4ff;--color-success:#15803d;--color-success-bg:#ecfdf3;--color-warning:#b45309;--color-warning-bg:#fffbeb;--color-danger:#b91c1c;--color-danger-bg:#fef2f2;--brand-gradient:linear-gradient(145deg, var(--color-navy), #123b83 54%, var(--color-primary) 78%, var(--color-secondary));--brand-gradient-soft:linear-gradient(135deg, #2563eb1f, #22d3ee1a);--shadow-control:0 6px 18px #0f172a14;--shadow-card:0 14px 40px #0f172a1a;--shadow-panel:0 24px 64px #07142629;--shadow-elevated:0 32px 90px #07142638;--radius-sm:10px;--radius-control:12px;--radius-card:16px;--radius-panel:20px;--radius-marketing:24px;--radius-md:var(--radius-control);--radius-lg:var(--radius-card);--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2rem;--control-height:44px;--action-height:48px;--header-height-app:64px;--header-height-public:76px;--title-tracking:-.04em;--font-family-sans:Inter, Pretendard, "Noto Sans KR", "Noto Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-ko:Pretendard, "Noto Sans KR", "Noto Sans", system-ui, sans-serif;--font-family-ja:"Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;--font-family-zh-tw:"Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;--font-family-th:"Noto Sans Thai", Tahoma, sans-serif;--type-size-display:clamp(2.5rem, 5.6vw, 4.75rem);--type-size-h1:clamp(2rem, 4vw, 3.5rem);--type-size-h1-mobile:clamp(1.875rem, 9vw, 2.5rem);--type-size-h2:clamp(1.625rem, 3vw, 2.5rem);--type-size-h3:clamp(1.25rem, 2vw, 1.5rem);--type-size-title:1.125rem;--type-size-body-lg:1.125rem;--type-size-body:1rem;--type-size-body-sm:.875rem;--type-size-label:.875rem;--type-size-caption:.75rem;--type-size-micro:.6875rem;--type-leading-display:1.08;--type-leading-heading:1.2;--type-leading-body:1.65;--type-leading-body-cjk:1.75;--type-leading-body-thai:1.8;--type-leading-control:1.4;--type-weight-regular:400;--type-weight-medium:500;--type-weight-semibold:650;--type-weight-bold:750;--type-weight-heavy:800;--type-tracking-display:-.055em;--type-tracking-heading:-.035em;--type-tracking-label:0;--type-tracking-eyebrow:.1em;--focus-ring:0 0 0 3px #2563eb3d;--ink:var(--color-text);--ink-soft:var(--color-text-muted);--muted:var(--color-text-muted);--border:var(--color-border)}*{box-sizing:border-box}.app-shell-loading{color:#1d4ed8;letter-spacing:.08em;background:#f8fafc;place-items:center;min-height:100dvh;font-weight:900;display:grid}.public-prerender{color:#0f172a;background:#f8fafc;min-height:100dvh;padding:clamp(3rem,8vw,8rem) clamp(1.25rem,7vw,7rem)}.public-prerender article{max-width:760px}.public-prerender h1{letter-spacing:-.055em;margin:.5rem 0 1rem;font-size:clamp(2.4rem,6vw,5.5rem);line-height:1.02}.public-prerender p{color:#475569;line-height:1.7}html{color:var(--color-text);background:var(--color-canvas);font-family:Pretendard,Noto Sans KR,system-ui,sans-serif}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}button,input,select,textarea,a{outline:none}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{box-shadow:var(--focus-ring)}.app-shell{background:var(--color-surface);grid-template-columns:minmax(540px,1fr) minmax(440px,.92fr);min-height:100vh;display:grid}.brand-panel{isolation:isolate;background:var(--brand-gradient);color:#fff;flex-direction:column;justify-content:space-between;gap:clamp(1.35rem,3vh,2.4rem);padding:clamp(2rem,4vw,4rem);display:flex;position:relative;overflow:hidden}.brand-panel:before{content:"";z-index:-1;border:1px solid rgb(var(--color-signal-rgb)/18%);width:420px;height:420px;box-shadow:0 0 0 74px rgb(var(--color-signal-rgb)/5%),0 0 0 148px rgb(var(--color-primary-rgb)/5%);border-radius:50%;position:absolute;bottom:10%;right:-12%}.brand{letter-spacing:.08em;font-size:1.25rem;font-weight:800}.product-brand-mark{width:min(100%,230px);height:auto;display:block}.product-brand-mark.compact{width:32px}.brand .product-brand-mark{width:min(100%,270px)}.brand-copy{max-width:38rem}.brand-copy h1{letter-spacing:var(--title-tracking);word-break:keep-all;text-wrap:balance;margin:0 0 1rem;font-size:clamp(2.15rem,4vw,3.85rem);line-height:1.08}.brand-copy p{color:#dbeafe;max-width:29rem;margin:0;font-size:1.05rem;line-height:1.8}.proof-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin:1.6rem 0 0;padding:0;list-style:none;display:grid}.proof-list li{align-items:center;gap:.6rem;font-size:.75rem;line-height:1.45;display:flex}.proof-list li:before{content:"✓";width:1.5rem;height:1.5rem;color:var(--color-signal);background:#ffffff21;border-radius:99px;flex:none;place-items:center;display:grid}.form-panel{justify-content:center;align-items:center;padding:2rem;display:flex;position:relative}.card{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);width:min(100%,440px);box-shadow:var(--shadow-panel);padding:clamp(1.5rem,4vw,2.5rem)}.eyebrow{color:var(--color-primary);letter-spacing:.06em;text-transform:uppercase;margin:0 0 .5rem;font-size:.82rem;font-weight:800}.card h2{margin:0;font-size:1.7rem}.card .lead{color:var(--color-text-muted);margin:.6rem 0 1.8rem;line-height:1.6}.field{gap:.45rem;margin-bottom:1rem;display:grid}.field label{font-size:.92rem;font-weight:700}.field input,.field select{width:100%;min-height:var(--control-height);border:1px solid var(--color-border);border-radius:var(--radius-control);color:var(--color-text);background:#fff;padding:.7rem .9rem}.field input:hover{border-color:#a8a29e}.field input[aria-invalid=true]{border-color:var(--color-danger)}.primary-button{width:100%;min-height:var(--action-height);border-radius:var(--radius-control);color:#fff;background:var(--color-primary);box-shadow:var(--shadow-control);cursor:pointer;border:0;font-weight:800}.primary-button:hover{background:var(--color-primary-hover)}.primary-button:disabled{opacity:.55;cursor:wait}.message{border-radius:var(--radius-sm);margin:1rem 0 0;padding:.75rem;font-size:.9rem}.message.error{color:var(--color-danger);background:var(--color-danger-bg)}.message.success{color:var(--color-success);background:var(--color-success-bg)}.helper{color:var(--color-text-muted);margin-top:1.2rem;font-size:.82rem;line-height:1.55}.auth-convenience{flex-wrap:wrap;gap:.65rem 1.2rem;margin:.15rem 0 0;display:flex}.auth-option{min-height:40px;color:var(--color-text);cursor:pointer;align-items:center;gap:.5rem;font-size:.875rem;font-weight:700;display:inline-flex}.auth-option input{width:18px;height:18px;accent-color:var(--color-primary);margin:0}.auth-device-notice{color:var(--color-text-muted);margin:0 0 1rem;font-size:.78rem;line-height:1.55}.quiet-button{border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:#fff;min-height:44px;padding:0 1rem}.auth-switch{width:100%;min-height:44px;color:var(--color-primary);cursor:pointer;background:0 0;border:0;margin-top:.35rem;padding:.55rem .75rem;font-weight:800}.terms-check{color:var(--color-text-muted);align-items:flex-start;gap:.5rem;margin:.8rem 0 1rem;font-size:.75rem;display:flex}.terms-check input{margin-top:.1rem}.auth-policy-links{border-top:1px solid var(--color-border);flex-wrap:wrap;justify-content:center;gap:.25rem .8rem;margin-top:1rem;padding-top:.8rem;display:flex}.auth-policy-links a{min-height:44px;color:var(--color-primary);align-items:center;font-size:.75rem;font-weight:800;display:inline-flex}.signup-card,.recovery-card{width:min(100%,520px)}.recovery-grid{grid-template-columns:1fr 1fr;gap:.4rem;margin:1rem 0;display:grid}.recovery-grid code{color:#1e3a8a;text-align:center;background:#eff6ff;border-radius:6px;padding:.5rem;font-size:.72rem}@media (max-width:1100px){.app-shell{grid-template-columns:minmax(0,1fr) minmax(400px,.9fr)}.brand-panel{padding:2rem}.brand-copy h1{font-size:clamp(2rem,4.6vw,3rem)}.proof-list{grid-template-columns:1fr 1fr}.proof-list li:last-child{grid-column:1/-1}}@media (max-width:900px){.app-shell{grid-template-columns:1fr}.brand-panel{min-height:auto}.form-panel{min-height:620px}}@media (max-width:780px){.app-shell{grid-template-columns:1fr}.brand-panel{gap:1.25rem;min-height:0;padding:1.5rem}.brand-copy h1{margin-bottom:.65rem;font-size:2rem}.brand-copy p{font-size:.95rem;line-height:1.55}.proof-list,.brand-panel>small,.auth-product-scene{display:none}.form-panel{order:-1;align-items:flex-start;min-height:0;padding:1rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.gci-countries a{grid-template-columns:54px minmax(0,1.05fr) minmax(0,.78fr) minmax(122px,.9fr) auto minmax(150px,auto);min-width:0;max-width:100%}.gci-countries a>span{min-width:0}.gci-country-price{color:#12213a;gap:3px;display:grid}.gci-country-price strong{color:#0b5f57;font-size:.92rem}.gci-country-price small{color:#778599;margin:0;font-size:.7rem}.gci-country-price-cta{color:var(--gci-blue);white-space:nowrap;font-size:.82rem}.gci-vn-price-signal{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #7ce9dc47;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px 14px;max-width:520px;margin-top:24px;padding:15px 17px;text-decoration:none;display:grid}.gci-vn-price-signal span{color:#7ce9dc;letter-spacing:.1em;font-size:.68rem;font-weight:900}.gci-vn-price-signal strong{font-size:1.18rem}.gci-vn-price-signal small{color:#d7e6f4;font-weight:800}.gci-vn-plan-summary{background:#f4f7fb;max-width:none;padding-left:max(24px,50vw - 640px);padding-right:max(24px,50vw - 640px)}.gci-plan-notice{border-left:4px solid var(--gci-cyan);color:#31536f;background:#e7f8f5;border-radius:0 12px 12px 0;align-items:center;gap:14px;margin:-12px 0 22px;padding:15px 18px;display:flex}.gci-plan-notice b{color:#075e57}.gci-vn-plan-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.gci-vn-plan-grid article{border:1px solid var(--gci-line);background:#fff;border-radius:20px;flex-direction:column;min-width:0;min-height:310px;padding:25px;display:flex;position:relative;box-shadow:0 16px 44px #0f23410f}.gci-vn-plan-grid article.recommended{border-color:#2864ff;box-shadow:0 18px 48px #2864ff21}.gci-vn-plan-grid article>span{color:#2864ff;font-size:.75rem;font-weight:900}.gci-vn-plan-grid h3{letter-spacing:-.04em;margin:18px 0 10px;font-size:clamp(1.45rem,2.4vw,2.1rem)}.gci-vn-plan-grid h3 small{color:#758196;margin-left:4px;font-size:.72rem;font-weight:700}.gci-vn-plan-grid article>b{font-size:.9rem}.gci-vn-plan-grid article>p{color:#69778a;min-height:68px;font-size:.84rem;line-height:1.6}.gci-vn-plan-grid article>a{color:#fff;background:#2864ff;border-radius:11px;justify-content:center;align-items:center;min-height:46px;margin-top:auto;font-weight:850;text-decoration:none;display:inline-flex}.gci-vn-plan-grid article>small{color:#758196;text-align:center;margin-top:10px}.gci-plan-disclosure{color:#64748b;margin:20px 0 0;font-size:.84rem;line-height:1.65}@media (max-width:1100px){.gci-vn-plan-grid{grid-template-columns:1fr 1fr}.gci-countries a{grid-template-columns:54px minmax(0,1fr) minmax(122px,.68fr)}.gci-country-locale,.gci-countries a>em{display:none}.gci-country-price-cta{white-space:normal;grid-column:2/4;justify-self:start;font-size:.76rem}}@media (max-width:620px){.gci-countries a{grid-template-columns:48px 1fr}.gci-country-price{grid-column:2;display:grid!important}.gci-country-price-cta{grid-column:2;justify-self:start;display:block!important}.gci-vn-price-signal,.gci-vn-plan-grid{grid-template-columns:1fr}.gci-vn-plan-grid article{min-height:280px}.gci-plan-notice{flex-direction:column;align-items:flex-start;gap:4px}}:root{font-family:var(--font-family-sans);font-synthesis:none;text-rendering:optimizelegibility;font-size:100%}:lang(ko),:lang(ko-KR){--locale-font-family:var(--font-family-ko);--locale-body-leading:var(--type-leading-body-cjk);word-break:keep-all;overflow-wrap:anywhere}:lang(ja),:lang(ja-JP){--locale-font-family:var(--font-family-ja);--locale-body-leading:var(--type-leading-body-cjk)}:lang(zh),:lang(zh-TW){--locale-font-family:var(--font-family-zh-tw);--locale-body-leading:var(--type-leading-body-cjk)}:lang(th),:lang(th-TH){--locale-font-family:var(--font-family-th);--locale-body-leading:var(--type-leading-body-thai)}:lang(vi),:lang(vi-VN){--locale-font-family:var(--font-family-sans);--locale-body-leading:1.7}body,button,input,select,textarea{font-family:var(--locale-font-family,var(--font-family-sans))}body{font-size:var(--type-size-body);line-height:var(--locale-body-leading,var(--type-leading-body))}button,input,select,textarea{font-size:var(--type-size-label);line-height:var(--type-leading-control)}.public-site-header nav a,.public-site-actions a,.public-language-select,.public-site-footer a{font-size:var(--type-size-label)!important;line-height:var(--type-leading-control)!important}.type-display{font-size:var(--type-size-display)!important;font-weight:var(--type-weight-heavy)!important;line-height:var(--type-leading-display)!important;letter-spacing:var(--type-tracking-display)!important}.type-h1{font-size:var(--type-size-h1)!important;font-weight:var(--type-weight-heavy)!important;letter-spacing:var(--type-tracking-heading)!important;line-height:1.15!important}.type-h2{font-size:var(--type-size-h2)!important;font-weight:var(--type-weight-bold)!important;line-height:var(--type-leading-heading)!important;letter-spacing:var(--type-tracking-heading)!important}.type-h3{font-size:var(--type-size-h3)!important;font-weight:var(--type-weight-bold)!important;letter-spacing:-.02em!important;line-height:1.3!important}.type-body-lg{font-size:var(--type-size-body-lg)!important;line-height:1.7!important}.type-body{font-size:var(--type-size-body)!important;line-height:var(--locale-body-leading,var(--type-leading-body))!important}.type-body-sm{font-size:var(--type-size-body-sm)!important;line-height:1.6!important}.type-label{font-size:var(--type-size-label)!important;font-weight:var(--type-weight-semibold)!important;line-height:var(--type-leading-control)!important}.type-caption{font-size:var(--type-size-caption)!important;line-height:1.5!important}.gci-hero h1,.public-prerender h1{font-size:var(--type-size-display)!important;font-weight:var(--type-weight-heavy)!important;line-height:var(--type-leading-display)!important;letter-spacing:var(--type-tracking-display)!important}.gci-page-hero h1,.policy-hero h1{font-size:var(--type-size-h1)!important;font-weight:var(--type-weight-heavy)!important;letter-spacing:var(--type-tracking-heading)!important;line-height:1.15!important}.gci-section h2,.gci-final h2,.policy-center h2{font-size:var(--type-size-h2)!important;font-weight:var(--type-weight-bold)!important;line-height:var(--type-leading-heading)!important;letter-spacing:var(--type-tracking-heading)!important}.gci-site h3,.policy-center h3{font-size:var(--type-size-h3)!important;font-weight:var(--type-weight-bold)!important;line-height:1.3!important}.gci-hero>div:first-child>p,.gci-page-hero>p,.policy-hero>p{font-size:var(--type-size-body-lg)!important;line-height:1.7!important}.gci-section p,.gci-final p,.policy-center p{font-size:var(--type-size-body)!important;line-height:var(--locale-body-leading,var(--type-leading-body))!important}.gci-eyebrow,.gci-section header>span,.gci-final>span,.policy-hero>span,.ops-eyebrow{font-size:var(--type-size-caption)!important;font-weight:var(--type-weight-heavy)!important;letter-spacing:var(--type-tracking-eyebrow)!important;line-height:1.5!important}.gci-countries strong,.gci-country-localization b,.gci-plan-preview b{font-size:var(--type-size-label)!important;line-height:var(--type-leading-control)!important}.gci-countries small,.gci-countries em,.gci-plan-preview small,.gci-qa-facts small{font-size:var(--type-size-caption)!important;line-height:1.5!important}.workspace-shell .page-title h1{font-size:var(--type-size-h2)!important;font-weight:var(--type-weight-heavy)!important;line-height:var(--type-leading-heading)!important;letter-spacing:var(--type-tracking-heading)!important}.workspace-shell h2{font-size:var(--type-size-h3)!important;line-height:1.3!important}.workspace-shell h3,.workspace-shell article>strong{font-size:var(--type-size-title)!important;line-height:1.4!important}.workspace-shell p,.workspace-shell td{font-size:var(--type-size-body-sm)!important;line-height:1.6!important}.workspace-shell label,.workspace-shell button,.workspace-shell input,.workspace-shell select,.workspace-shell textarea{font-size:var(--type-size-label)!important;line-height:var(--type-leading-control)!important}.workspace-shell small,.workspace-shell th,.workspace-shell .workspace-mobile-page-title{font-size:var(--type-size-caption)!important;line-height:1.5!important}.ops-section-heading h2,.ops-drawer h2{font-size:var(--type-size-h2)!important;font-weight:var(--type-weight-heavy)!important;line-height:var(--type-leading-heading)!important}.ops-shell h3{font-size:var(--type-size-h3)!important;line-height:1.3!important}.ops-shell p,.ops-table-wrap td{font-size:var(--type-size-body-sm)!important;line-height:1.6!important}.ops-shell button,.ops-shell select,.ops-shell label{font-size:var(--type-size-label)!important;line-height:var(--type-leading-control)!important}.ops-shell small,.ops-table-wrap th,.ops-shell .ops-status{font-size:var(--type-size-caption)!important;line-height:1.5!important}@media (max-width:620px){.gci-hero h1,.public-prerender h1{font-size:var(--type-size-h1)!important}.gci-page-hero h1,.policy-hero h1{font-size:var(--type-size-h1-mobile)!important}}

/* VN CRM presentation; policy and API untouched */
.workspace-shell{background:#f5f8fc;color:#10223b}.workspace-sidebar{background:#102039}.workspace-page .page-title h1{font-size:clamp(1.55rem,3vw,2.3rem);letter-spacing:-.025em}.preview-primary{background:#155eef;border-radius:10px;min-height:44px}.crm-list,.crm-detail,.visit-card,.work-center-card{border:1px solid #d7e1ec;border-radius:14px;background:#fff}.crm-list{padding:16px}.crm-customer{min-height:70px;border-radius:10px}.crm-customer.selected{background:#eef4ff;border-color:#155eef}.visit-status-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px;padding:8px}.visit-status-tabs button{min-height:44px;border-radius:9px}.visit-status-tabs button[aria-pressed=true]{background:#155eef;color:#fff}.vn-pagination{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:16px 0}.vn-pagination button{min-width:44px;min-height:44px;border:1px solid #d7e1ec;border-radius:8px;background:#fff}.vn-pagination [aria-current=page]{background:#155eef;color:#fff}.vn-pagination span{width:100%;color:#52647b}.workspace-page input,.workspace-page select{min-height:44px}.workspace-page p{line-height:1.65}.visit-card p{overflow-wrap:anywhere}@media(max-width:620px){.crm-layout{grid-template-columns:1fr}.crm-layout.detail-open .crm-list{display:none}.crm-mobile-back{display:inline-flex;min-height:44px}.workspace-page .page-title{gap:14px;flex-wrap:wrap}.workspace-page .page-title h1{font-size:1.6rem}.visit-card{padding:16px}.vn-pagination{gap:4px}}
.crm-detail button,.customer-detail-actions button{border:1px solid #cbd8e8;border-radius:10px;min-height:44px;padding:10px 14px;background:#fff;color:#163252}.customer-detail-tabs button[aria-pressed=true],.visit-status-tabs button[aria-pressed=true]{background:#155eef!important;color:#fff!important}.crm-mobile-back{color:#155eef;font-weight:700}.customer-next-step{padding:16px;border-left:3px solid #155eef;background:#eef5ff;border-radius:10px}

@media(max-width:1023px){.workspace-mobile-nav{background:#101f35!important}.workspace-mobile-nav button:not(.active){color:#dbeafe!important}.workspace-mobile-nav button.active{background:#eaf0ff!important;color:#1745b4!important}.workspace-mobile-nav button:focus-visible{outline:3px solid #60a5fa;outline-offset:-3px}}@media(max-width:620px){.work-center-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.work-center-actions button{min-width:0;min-height:60px;height:auto!important;padding:10px!important}.work-center-actions button span,.work-center-actions button strong{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;max-width:none!important;line-height:1.4;overflow-wrap:anywhere}}