@font-face { font-family: 'Jakarta'; src: url('/assets/onerp/plus-jakarta-sans-latin.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: 'Archive Sans'; src: url('/assets/fonts/sans.woff2') format('woff2'); font-display: swap; }
:root { --ink:#1c2732; --muted:#7a8499; --faint:#8d98a7; --line:#e4e7e4; --blue:#0e8c5d; --blue-dark:#0a6f49; --blue-soft:#e8f5ef; --navy:#153b30; --paper:#faf7f2; --surface:#fff; --max:1130px; --ease:cubic-bezier(.2,.8,.2,1); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:'Archive Sans','Apple SD Gothic Neo','Noto Sans KR',sans-serif; font-size:16px; line-height:1.6; -webkit-font-smoothing:antialiased; }
body.is-modal-open { overflow:hidden; }
img { display:block; max-width:100%; }
a { color:inherit; text-decoration:none; }
button, input { font:inherit; }
button { cursor:pointer; }
.section-shell { width:min(calc(100% - 48px), var(--max)); margin:0 auto; }
.site-header { position:sticky; top:0; z-index:30; background:rgba(250,250,253,.9); border-bottom:1px solid rgba(230,229,234,.72); backdrop-filter:blur(18px); }
.nav-shell { width:min(calc(100% - 48px), var(--max)); height:72px; margin:auto; display:flex; align-items:center; gap:32px; }
.brand { display:flex; align-items:center; gap:9px; font-weight:850; letter-spacing:-.05em; white-space:nowrap; }
.brand img { width:30px; height:30px; border-radius:9px; box-shadow:0 3px 10px rgba(13,73,202,.15); }
.desktop-nav { display:flex; gap:29px; margin:auto; color:#383740; font-size:14px; }
.desktop-nav a, .login-link { transition:color .2s; }
.desktop-nav a:hover, .login-link:hover, .site-footer nav a:hover { color:var(--blue); }
.nav-actions { display:flex; align-items:center; gap:25px; font-size:14px; }
.menu-toggle, .mobile-nav { display:none; }
.button { min-height:48px; padding:0 22px; border:1px solid transparent; border-radius:10px; display:inline-flex; justify-content:center; align-items:center; gap:8px; color:var(--ink); background:transparent; font-weight:700; letter-spacing:-.035em; transition:transform .2s var(--ease), background .2s, border-color .2s, color .2s, box-shadow .2s; }
.button:hover { transform:translateY(-2px); }
.button--primary { color:#fff; background:var(--blue); box-shadow:0 9px 22px rgba(13,73,202,.18); }
.button--primary:hover { background:var(--blue-dark); }
.button--outline { color:var(--blue); border-color:#afc8ff; background:#fff; }
.button--outline:hover { border-color:var(--blue); background:var(--blue-soft); }
.button--small { min-height:40px; padding:0 17px; border-radius:9px; font-size:13px; }
.button--light { color:var(--blue); background:#fff; }
.button--glass { color:#fff; border-color:rgba(255,255,255,.5); background:rgba(255,255,255,.12); }
.button--ghost { border-color:var(--line); background:#fff; }
.hero { min-height:1560px; padding:104px 0 0; text-align:center; }
.hero-copy { max-width:860px; margin:0 auto; }
.pill { width:max-content; margin:0 auto 30px; padding:7px 13px; display:flex; align-items:center; gap:9px; border:1px solid #d0deff; border-radius:999px; color:var(--blue); background:#fff; font-size:13px; font-weight:750; }
.pill-dot { width:8px; height:8px; border-radius:50%; background:var(--blue); box-shadow:0 0 0 4px var(--blue-soft); }
h1, h2, h3, p { margin-top:0; }
h1, h2, h3 { letter-spacing:-.075em; }
h1 { margin-bottom:26px; font-size:clamp(48px,6.4vw,78px); line-height:1.11; font-weight:900; }
h1 em, h2 em { color:var(--blue); font-style:normal; }
.hero-lead { max-width:730px; margin:0 auto 32px; color:#5d5c66; font-size:18px; line-height:1.75; letter-spacing:-.04em; }
.hero-lead strong { color:var(--ink); }
.ai-command { width:min(100%,480px); min-height:54px; margin:0 auto 25px; padding:7px 9px 7px 12px; display:flex; align-items:center; gap:10px; border:1px solid #dddde4; border-radius:11px; background:#fff; box-shadow:0 8px 25px rgba(29,33,55,.07); text-align:left; font-size:13px; overflow:hidden; }
.ai-label { flex:none; padding:4px 7px; border-radius:7px; color:var(--blue); background:var(--blue-soft); font-weight:850; }
.ai-command strong { flex:1; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px; }
.ai-command button { flex:none; padding:8px 10px; border:0; border-radius:8px; color:#fff; background:var(--blue); font-size:12px; font-weight:750; }
.ai-command button.is-approved { background:#1f936f; }
.hero-actions { display:flex; justify-content:center; gap:12px; }
.hero-notes { margin:22px auto 0; padding:0; display:flex; justify-content:center; flex-wrap:wrap; gap:16px; color:#7c7b84; list-style:none; font-size:12px; }
.hero-notes li, .checks li { display:flex; align-items:center; gap:6px; }
.hero-notes svg, .checks svg { width:13px; height:13px; color:var(--blue); stroke-width:2.8; }
.browser-window { position:relative; width:min(100%,1120px); margin:75px auto 0; border:1px solid #e2e2e9; border-radius:12px 12px 0 0; background:#fff; box-shadow:0 19px 50px rgba(33,39,77,.1); overflow:hidden; text-align:left; }
.browser-top { height:38px; padding:0 15px; display:flex; align-items:center; gap:6px; border-bottom:1px solid #e5e5eb; background:#fcfcfe; }
.browser-top > span { width:10px; height:10px; border-radius:50%; background:#dedee7; }
.address { width:360px; margin:auto; padding:4px 10px; border:1px solid #ececf1; border-radius:7px; color:#96959e; font-size:10px; text-align:center; }
.browser-window img { width:100%; height:auto; }
.floating-message { position:absolute; left:-14px; bottom:44px; padding:12px 16px; display:flex; gap:12px; align-items:center; border:1px solid #e6e6ee; border-radius:16px; background:#fff; box-shadow:0 11px 25px rgba(35,35,55,.12); font-size:12px; }
.floating-message b { padding:3px 7px; border-radius:5px; color:var(--blue); background:var(--blue-soft); }
.stats { min-height:216px; display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.stats div { padding:52px 20px; display:flex; align-items:center; justify-content:center; gap:12px; border-left:1px solid var(--line); }
.stats div:first-child { border-left:0; }
.stats strong { color:var(--blue); font-family:'Jakarta',sans-serif; font-size:42px; line-height:1; letter-spacing:-.08em; }
.stats span { color:#686771; font-size:13px; line-height:1.35; }
.section { padding:142px 0; }
.section--what { padding-bottom:155px; background:#fff; }
.two-col { display:grid; grid-template-columns:1fr 1fr; gap:100px; align-items:start; }
.section-intro { max-width:500px; }
.section-intro--wide { max-width:720px; }
.kicker { margin-bottom:18px; color:var(--blue); font-family:'Jakarta','Archive Sans',sans-serif; font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
h2 { margin-bottom:25px; font-size:clamp(36px,4.5vw,58px); line-height:1.16; font-weight:880; }
.section-intro > p:last-child, .section-intro--wide > p:last-child { color:var(--muted); line-height:1.85; letter-spacing:-.035em; }
.principles { border-top:1px solid var(--line); }
.principles article { padding:24px 0 22px 48px; position:relative; border-bottom:1px solid var(--line); }
.principles article > span { position:absolute; left:0; top:26px; color:var(--blue); font-family:'Jakarta'; font-size:13px; font-weight:800; }
.principles h3 { margin:0 0 6px; font-size:22px; }
.principles p { margin:0; color:var(--muted); font-size:14px; }
.compare { margin-top:105px; }
.compare-head { display:flex; align-items:end; justify-content:space-between; margin-bottom:23px; }
.compare-head h3 { margin:0; font-size:25px; }
.compare-head .kicker { margin:0; }
.compare-table { border-top:1px solid #babac5; }
.compare-row { display:grid; grid-template-columns:1.2fr 1.2fr 1.35fr; border-bottom:1px solid var(--line); }
.compare-row > * { margin:0; padding:17px 15px; color:#6d6c75; font-size:13px; font-weight:400; }
.compare-row > * + * { border-left:1px solid var(--line); }
.compare-row strong { color:var(--blue); font-weight:750; }
.compare-row--head > * { padding-top:12px; padding-bottom:12px; color:var(--ink); font-weight:800; }
.section--story { background:#f2f5fb; }
.flow-grid { margin-top:62px; display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }
.flow-card { min-height:390px; padding:30px; position:relative; border:1px solid #dae2f1; border-radius:15px; background:rgba(255,255,255,.72); }
.flow-number { position:absolute; right:27px; top:24px; color:#bbcadf; font-family:'Jakarta'; font-size:13px; }
.flow-card h3 { margin:0 0 12px; font-size:28px; }
.flow-card > p:not(.kicker) { max-width:38ch; color:var(--muted); font-size:14px; }
.mini-chat, .ledger { margin-top:42px; padding:17px; display:grid; gap:4px; border:1px solid #dde4ef; border-radius:11px; background:#fff; font-size:13px; }
.mini-chat span { color:var(--blue); font-size:11px; font-weight:800; }
.mini-chat small, .ledger span { color:#9698a1; font-size:11px; }
.approval-line { margin-top:56px; display:flex; align-items:center; gap:12px; color:#9a9ba3; font-size:12px; }
.approval-line span { padding:7px 10px; border:1px solid #dfe2ea; border-radius:7px; background:#fff; }
.approval-line .is-done { border-color:#b6d1ff; color:var(--blue); background:var(--blue-soft); }
.approval-line i { flex:1; height:1px; background:#bfc9d9; }
.ledger { grid-template-columns:auto 1fr; margin-top:44px; }
.ledger b { font-size:13px; text-align:right; }
.dashboard-bars { height:95px; margin-top:35px; display:flex; align-items:end; justify-content:space-around; padding:10px 22px 0; border-bottom:1px solid #cbd5e5; background:linear-gradient(180deg,rgba(13,73,202,.02),transparent); }
.dashboard-bars i { width:11%; border-radius:4px 4px 0 0; background:linear-gradient(#6ca3ff,var(--blue)); }
.flow-thumb { width:100%; height:38px; margin-top:16px; object-fit:cover; object-position:center 20%; border:1px solid #dce2ed; border-radius:6px; opacity:.72; }
.feature-section { background:#fff; }
.feature-list { margin-top:73px; }
.feature-row { min-height:360px; padding:55px 0; display:grid; grid-template-columns:.8fr 1.2fr; gap:80px; align-items:center; border-top:1px solid var(--line); }
.feature-row--reverse { grid-template-columns:1.2fr .8fr; }
.feature-row--reverse div { order:2; }
.feature-row img { width:100%; border:1px solid #e0e1e8; border-radius:12px; box-shadow:0 12px 32px rgba(25,35,65,.09); }
.feature-row h3 { margin:0 0 14px; font-size:32px; }
.feature-row p:not(.kicker) { color:var(--muted); line-height:1.8; }
.ai-section { color:#fff; background:var(--navy); }
.ai-section .kicker { color:#8db7ff; }
.ai-section h2 em { color:#73a7ff; }
.ai-section .section-intro > p:last-child, .ai-copy > p:not(.kicker) { color:#c4cadb; }
.ai-layout { display:grid; grid-template-columns:.8fr 1.1fr; gap:100px; align-items:center; }
.ai-copy .checks { margin:28px 0; }
.checks { margin:0; padding:0; display:grid; gap:10px; list-style:none; }
.ai-section .checks { color:#dbe2f3; font-size:13px; }
.ai-section .checks svg { color:#7cb0ff; }
.ai-console { padding:22px; border:1px solid #33415d; border-radius:17px; background:#131a30; box-shadow:0 20px 45px rgba(0,0,0,.24); }
.console-head { padding:0 2px 17px; display:flex; gap:8px; align-items:center; border-bottom:1px solid #303a54; color:#dbe3f7; font-size:12px; }
.console-head > span:last-child { margin-left:auto; color:#7f8da8; }
.live-dot { width:7px; height:7px; border-radius:50%; background:#70e0af; box-shadow:0 0 0 4px rgba(112,224,175,.1); }
.console-message { max-width:85%; margin:18px 0; padding:12px 14px; display:grid; gap:4px; border-radius:10px; font-size:13px; }
.console-message b { color:#87b6ff; font-size:11px; }
.console-message--user { margin-left:auto; background:#1d407f; }
.console-message--ai { background:#242d45; }
.console-actions { display:flex; gap:7px; margin-top:7px; }
.console-actions button { padding:6px 10px; border:1px solid #4a5874; border-radius:6px; color:#c8d2ea; background:transparent; font-size:11px; }
.console-actions .selected { color:#fff; border-color:#5387e6; background:#2461ca; }
.console-status { padding-top:13px; border-top:1px solid #303a54; color:#87d5af; font-size:11px; }
.modules-section { background:#fff; }
.module-grid { margin-top:55px; display:grid; grid-template-columns:repeat(5,1fr); gap:11px; }
.module-card { min-height:132px; padding:17px; display:flex; flex-direction:column; justify-content:space-between; border:1px solid var(--line); border-radius:11px; transition:transform .2s, border-color .2s, box-shadow .2s; }
.module-card:hover { transform:translateY(-3px); border-color:#b6cdf8; box-shadow:0 10px 22px rgba(13,73,202,.08); }
.module-card span { color:#9ca0a9; font-family:'Jakarta'; font-size:10px; }
.module-card b { font-size:16px; }
.module-card small { color:#888993; font-size:11px; }
.security-section { background:#f4f6fb; }
.security-layout { display:grid; grid-template-columns:.85fr 1.15fr; gap:90px; align-items:start; }
.security-cards { display:grid; grid-template-columns:repeat(2,1fr); gap:13px; }
.security-cards article { min-height:220px; padding:23px; border:1px solid #dce2ee; border-radius:12px; background:#fff; }
.feature-icon { width:36px; height:36px; margin-bottom:30px; display:grid; place-items:center; border-radius:9px; color:var(--blue); background:var(--blue-soft); font-size:23px; }
.feature-icon svg { width:20px; height:20px; }
.security-cards h3 { margin:0 0 8px; font-size:18px; }
.security-cards p { margin:0; color:var(--muted); font-size:13px; }
.fit-section { background:#fff; }
.fit-layout { display:grid; grid-template-columns:1fr 1.4fr; gap:80px; align-items:center; }
.fit-number { color:var(--blue); font-family:'Jakarta'; font-size:clamp(110px,18vw,220px); font-weight:800; line-height:.8; letter-spacing:-.14em; }
.fit-layout p:not(.kicker) { max-width:52ch; color:var(--muted); }
.setting-pills { margin-top:28px; display:flex; flex-wrap:wrap; gap:8px; }
.setting-pills span { padding:6px 11px; border:1px solid #d6e2fa; border-radius:7px; color:var(--blue); background:var(--blue-soft); font-size:12px; }
.downloads-section { background:#f4f6fb; }
.downloads-layout { display:grid; grid-template-columns:.75fr 1.25fr; gap:90px; align-items:center; }
.download-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.download-cards article { min-height:200px; padding:20px; display:flex; flex-direction:column; border:1px solid #dbe2ef; border-radius:12px; background:#fff; }
.download-cards b { color:var(--blue); font-size:12px; }
.download-cards strong { margin:23px 0 8px; font-size:17px; }
.download-cards small { color:#858691; font-size:11px; line-height:1.5; }
.download-cards a { margin-top:auto; padding-top:18px; color:var(--blue); font-size:12px; font-weight:750; }
.pricing-section { background:#fff; }
.pricing-tabs { width:max-content; margin:45px 0 20px; padding:4px; display:flex; gap:2px; border:1px solid var(--line); border-radius:9px; background:#f7f7f9; }
.pricing-tabs button { padding:9px 16px; border:0; border-radius:6px; color:#92919a; background:transparent; font-size:12px; }
.pricing-tabs button.is-active { color:var(--ink); background:#fff; box-shadow:0 3px 9px rgba(0,0,0,.08); }
.plans { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; }
.plan { min-height:360px; padding:27px; position:relative; display:flex; flex-direction:column; border:1px solid var(--line); border-radius:13px; background:#fff; }
.plan--featured { border:2px solid var(--blue); box-shadow:0 12px 30px rgba(13,73,202,.11); }
.plan-badge { position:absolute; top:-13px; right:18px; margin:0; padding:4px 9px; border-radius:6px; color:#fff; background:var(--blue); font-size:11px; font-weight:800; }
.plan-name { margin:0 0 12px; color:var(--blue); font-size:13px; font-weight:800; }
.plan > strong { font-size:31px; letter-spacing:-.08em; }
.plan > p:not(.plan-name):not(.plan-badge) { margin:6px 0 24px; color:#8a8992; font-size:12px; }
.plan .checks { flex:1; margin-bottom:20px; color:var(--muted); font-size:12px; }
.quotes { margin-top:85px; }
.quotes h3 { margin-bottom:7px; font-size:28px; }
.quotes > p { color:var(--muted); }
.quote-grid { margin-top:30px; display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.quote-grid article { min-height:205px; padding:19px; display:flex; flex-direction:column; border:1px solid var(--line); border-radius:11px; background:#fbfbfd; }
.quote-grid p { min-height:48px; margin:0 0 14px; font-size:13px; font-weight:750; }
.quote-grid small { color:#888892; font-size:11px; line-height:1.6; }
.quote-grid strong { margin-top:auto; display:flex; flex-direction:column; color:var(--blue); font-family:'Jakarta'; font-size:26px; letter-spacing:-.08em; }
.quote-grid strong em { color:#8d8c94; font-family:'Archive Sans'; font-size:11px; font-style:normal; letter-spacing:0; }
.quote-grid strong b { margin-left:3px; font-family:'Archive Sans'; font-size:12px; }
.quote-note { margin-top:17px; color:#9999a2; font-size:12px; }
.faq-section { background:#f4f6fb; }
.faq-grid { margin-top:55px; display:grid; grid-template-columns:repeat(2,1fr); column-gap:44px; border-top:1px solid #cfd6e4; }
.faq-grid details { border-bottom:1px solid #cfd6e4; }
.faq-grid summary { min-height:63px; padding:20px 0; display:flex; justify-content:space-between; cursor:pointer; list-style:none; font-size:14px; font-weight:750; }
.faq-grid summary::-webkit-details-marker { display:none; }
.faq-grid summary span { color:var(--blue); font-family:'Jakarta'; font-size:20px; font-weight:400; transition:transform .2s; }
.faq-grid details[open] summary span { transform:rotate(45deg); }
.faq-grid details p { margin:-2px 0 20px; padding-right:22px; color:var(--muted); font-size:13px; line-height:1.75; }
.final-cta { color:#fff; background:var(--blue); }
.final-cta-inner { min-height:633px; padding:100px 0; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; }
.final-cta .kicker { color:#b6ceff; }
.final-cta h2 { margin-bottom:30px; }
.final-cta h2 em { color:#9fc0ff; }
.final-cta p:last-child { margin:23px 0 0; color:#c8d8ff; font-size:12px; }
.final-cta p:last-child a { text-decoration:underline; text-underline-offset:3px; }
.final-mark { width:86px; height:55px; margin-bottom:34px; display:flex; align-items:center; justify-content:space-around; border:2px solid rgba(255,255,255,.6); border-radius:14px; color:#fff; font-family:'Jakarta'; font-size:27px; font-weight:800; letter-spacing:-.2em; }
.site-footer { padding:80px 0 25px; color:#6d6c75; background:#fff; }
.footer-grid { display:grid; grid-template-columns:1.7fr repeat(3,1fr) 1fr; gap:42px; }
.footer-brand > p { max-width:220px; margin:20px 0; font-size:13px; line-height:1.7; }
.footer-tag { color:var(--blue); font-family:'Jakarta'; font-size:12px!important; font-weight:800; }
.footer-actions { display:flex; gap:7px; }
.site-footer nav { display:flex; flex-direction:column; gap:9px; font-size:12px; }
.site-footer nav h3, .footer-contact h3 { margin:0 0 8px; color:var(--ink); font-size:13px; }
.footer-contact { display:flex; flex-direction:column; gap:8px; font-size:12px; }
.footer-contact a { color:var(--blue); font-weight:750; }
.footer-legal { margin-top:70px; padding-top:18px; display:flex; justify-content:space-between; gap:20px; border-top:1px solid var(--line); color:#aaa9b1; font-size:11px; }
.footer-legal p { margin:0; }
.modal-backdrop { position:fixed; inset:0; z-index:100; display:grid; place-items:center; padding:20px; background:rgba(8,12,27,.55); backdrop-filter:blur(9px); }
.modal-backdrop[hidden] { display:none; }
.modal { width:min(100%,480px); padding:35px; position:relative; border-radius:18px; background:#fff; box-shadow:0 25px 70px rgba(0,0,0,.25); }
.modal h2 { margin-bottom:16px; font-size:34px; }
.modal > p:not(.kicker) { color:var(--muted); font-size:13px; }
.demo-code { color:var(--blue); font-family:'Jakarta'; letter-spacing:.05em; }
.modal-close { position:absolute; top:19px; right:19px; width:34px; height:34px; padding:6px; border:0; border-radius:50%; color:#696873; background:#f3f3f7; }
.modal-close svg { width:100%; height:100%; }
.demo-form { margin-top:25px; display:flex; gap:9px; align-items:end; }
.demo-form label { flex:1; color:#7e7d87; font-size:11px; font-weight:700; }
.demo-form input { width:100%; height:48px; margin-top:5px; padding:0 13px; border:1px solid #dfe0e7; border-radius:9px; color:var(--ink); background:#f7f7fa; font-family:'Jakarta'; letter-spacing:.05em; }
.demo-form .button { height:48px; }
.modal small { display:block; margin-top:18px; color:#a5a4ab; font-size:11px; }
.toast { position:fixed; z-index:110; right:22px; bottom:22px; max-width:min(360px,calc(100% - 44px)); padding:13px 17px; border-radius:10px; color:#fff; background:#171b2a; box-shadow:0 12px 30px rgba(0,0,0,.2); font-size:12px; opacity:0; transform:translateY(12px); pointer-events:none; transition:opacity .25s, transform .25s; }
.toast.is-visible { opacity:1; transform:translateY(0); }
@media (max-width:900px) { .desktop-nav { gap:16px; }.nav-shell { gap:20px; }.hero { min-height:1250px; }.two-col, .security-layout, .downloads-layout, .ai-layout, .fit-layout { grid-template-columns:1fr; gap:50px; }.module-grid { grid-template-columns:repeat(3,1fr); }.footer-grid { grid-template-columns:repeat(3,1fr); }.footer-brand { grid-column:1/-1; }.footer-contact { grid-column:1/-1; }.quote-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:700px) { .section-shell, .nav-shell { width:calc(100% - 34px); }.site-header { position:sticky; }.nav-shell { height:64px; justify-content:space-between; }.desktop-nav, .login-link { display:none; }.nav-actions { display:flex; margin-left:auto; }.nav-actions .button { min-height:40px; padding-inline:16px; }.menu-toggle { width:40px; height:40px; padding:9px; display:block; border:0; border-radius:9px; color:var(--ink); background:transparent; }.menu-toggle svg { width:100%; height:100%; }.mobile-nav { position:absolute; top:64px; right:0; left:0; padding:17px; display:none; flex-direction:column; gap:5px; border-bottom:1px solid var(--line); background:rgba(250,250,253,.98); box-shadow:0 14px 24px rgba(23,27,55,.08); }.mobile-nav.is-open { display:flex; }.mobile-nav > a { padding:12px 3px; font-size:14px; }.mobile-nav .button { margin-top:7px; }.hero { min-height:1030px; padding-top:68px; }.pill { margin-bottom:24px; font-size:12px; }.hero h1 { font-size:37px; line-height:1.17; letter-spacing:-.15em; }.hero-lead { font-size:15px; }.ai-command { align-items:stretch; flex-wrap:wrap; }.ai-command strong { flex-basis:calc(100% - 57px); align-self:center; }.ai-command button { width:100%; }.hero-actions { flex-direction:column; }.hero-actions .button { width:100%; }.hero-notes { justify-content:flex-start; gap:10px 13px; font-size:11px; text-align:left; }.browser-window { margin-top:47px; border-radius:10px 10px 0 0; }.browser-top { height:29px; padding:0 10px; }.browser-top > span { width:7px; height:7px; }.address { font-size:8px; }.floating-message { bottom:16px; left:8px; right:8px; gap:7px; padding:8px; font-size:10px; }.stats { grid-template-columns:repeat(2,1fr); }.stats div { min-height:102px; padding:20px 8px; justify-content:flex-start; }.stats div:nth-child(3) { border-left:0; border-top:1px solid var(--line); }.stats div:nth-child(4) { border-top:1px solid var(--line); }.stats strong { font-size:32px; }.stats span { font-size:11px; }.section { padding:90px 0; } h2 { font-size:38px; }.two-col { gap:48px; }.compare { margin-top:70px; overflow:hidden; }.compare-head { display:block; }.compare-head h3 { font-size:21px; }.compare-table { width:700px; }.compare-row > * { padding:13px 10px; font-size:11px; }.flow-grid { grid-template-columns:1fr; margin-top:45px; }.flow-card { min-height:330px; padding:23px; }.flow-card h3 { font-size:25px; }.feature-list { margin-top:45px; }.feature-row, .feature-row--reverse { grid-template-columns:1fr; gap:27px; padding:40px 0; }.feature-row--reverse div { order:0; }.feature-row h3 { font-size:28px; }.ai-layout { gap:44px; }.ai-console { padding:14px; }.console-message { max-width:94%; font-size:12px; }.module-grid { grid-template-columns:repeat(2,1fr); gap:8px; }.module-card { min-height:118px; padding:13px; }.module-card b { font-size:14px; }.module-card small { font-size:10px; }.security-cards { grid-template-columns:1fr 1fr; gap:8px; }.security-cards article { min-height:205px; padding:16px; }.feature-icon { margin-bottom:20px; }.security-cards h3 { font-size:15px; }.security-cards p { font-size:11px; }.fit-layout { gap:30px; }.fit-number { font-size:130px; }.downloads-layout { gap:42px; }.download-cards { grid-template-columns:1fr; }.download-cards article { min-height:145px; }.download-cards strong { margin:8px 0; }.plans { grid-template-columns:1fr; }.plan { min-height:320px; }.pricing-tabs { width:100%; }.pricing-tabs button { flex:1; padding-inline:7px; }.quotes { margin-top:65px; }.quote-grid { grid-template-columns:1fr; }.quote-grid article { min-height:170px; }.faq-grid { grid-template-columns:1fr; margin-top:42px; }.faq-grid summary { min-height:58px; font-size:13px; }.final-cta-inner { min-height:500px; padding:70px 0; }.final-cta h2 { font-size:36px; }.final-cta .hero-actions { width:100%; }.footer-grid { grid-template-columns:repeat(2,1fr); gap:32px 18px; }.footer-brand, .footer-contact { grid-column:1/-1; }.site-footer nav { font-size:11px; }.footer-legal { display:block; margin-top:45px; }.footer-legal p + p { margin-top:7px; }.modal { padding:28px 20px; }.modal h2 { font-size:29px; }.demo-form { display:block; }.demo-form .button { width:100%; margin-top:9px; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition-duration:.01ms!important; animation-duration:.01ms!important; } }

/* Local product demo shell: mock state only, ready for API/data-layer replacement. */
.product-shell{min-height:100vh;background:#f6f8fb;color:#17243a;font-family:Jakarta,AppleSDGothicNeo,"Noto Sans KR",sans-serif}.product-header{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #e5e9f0;background:#fff;position:sticky;top:0;z-index:20}.product-header-left,.product-header-tools{display:flex;align-items:center;gap:18px}.product-brand,.product-switcher,.product-header-tools button{border:0;background:transparent;color:#17243a;cursor:pointer;font:inherit}.product-brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:15px}.product-brand img{width:28px;height:28px}.product-switcher{display:grid;grid-template-columns:auto auto 16px;align-items:center;column-gap:8px;padding:8px 12px;border-left:1px solid #edf0f4;text-align:left}.product-switcher strong{font-size:13px}.product-switcher span{font-size:11px;color:#7e8da1}.product-switcher i{font-style:normal;color:#7e8da1}.product-header-tools{gap:7px}.product-header-tools>button{padding:9px 10px;border-radius:9px;font-size:12px;color:#637189}.product-header-tools>button:hover{background:#f1f5fb}.product-header-tools em{font-style:normal;color:#2e74d3;font-weight:800}.product-account{display:flex;align-items:center;gap:7px!important;margin-left:7px}.product-account span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#cce3ff;color:#2e74d3;font-weight:800}.product-account b{font-size:12px}.product-account small{color:#9aa7b8}.product-body{display:flex;min-height:calc(100vh - 68px)}.product-sidebar{width:248px;flex:0 0 248px;background:#fff;border-right:1px solid #e5e9f0;padding:24px 14px;display:flex;flex-direction:column;gap:17px}.product-sidebar-label{padding:0 12px;color:#94a1b2;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.product-sidebar-group{display:grid;gap:5px}.product-sidebar-group>small{padding:0 12px 5px;color:#9aa7b8;font-size:10px;font-weight:800}.product-module-button{width:100%;display:grid;grid-template-columns:27px 1fr;grid-template-rows:auto auto;gap:1px 8px;padding:9px 10px;border:0;border-radius:9px;background:transparent;text-align:left;cursor:pointer;color:#34435a}.product-module-button span{grid-row:span 2;width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:#eef3f9;color:#91a0b2;font-size:8px;font-weight:800}.product-module-button b{font-size:12px;line-height:1.2}.product-module-button small{color:#9aa7b8;font-size:10px;line-height:1.2}.product-module-button:hover,.product-module-button.is-active{background:#eaf3ff;color:#2169c3}.product-module-button.is-active span{background:#2f7bdc;color:#fff}.product-module-button.is-active small{color:#5e8aca}.product-back-link{margin-top:auto;border:0;background:transparent;color:#7e8da1;text-align:left;padding:12px;font:inherit;font-size:11px;cursor:pointer}.product-back-link--workspace{margin-top:auto}.product-back-link--workspace + .product-back-link{margin-top:0}.product-main{width:min(1260px,100%);padding:40px 46px 80px;margin:0 auto}.product-module-menu{position:fixed;top:62px;left:252px;width:310px;max-height:calc(100vh - 80px);overflow:auto;padding:14px;background:#fff;border:1px solid #dfe7f1;border-radius:14px;box-shadow:0 18px 50px rgba(39,67,103,.18);z-index:30}.product-module-menu>div{display:flex;justify-content:space-between;align-items:center;padding:5px 5px 11px;color:#50617a;font-size:12px}.product-module-menu>div button{border:0;background:transparent;font-size:20px;color:#8b98a8;cursor:pointer}.product-module-menu .product-module-button{margin-bottom:3px}.product-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}.product-eyebrow{margin:0 0 8px;color:#2d78d4;font-size:12px;font-weight:800}.product-page-heading h1{margin:0;color:#17243a;font-size:34px;letter-spacing:-.06em}.product-page-heading p:not(.product-eyebrow){margin:10px 0 0;color:#718096;font-size:13px}.product-heading-meta{display:flex;align-items:center;gap:12px;color:#8592a2;font-size:11px}.product-primary-button,.product-secondary-button{border:0;border-radius:8px;padding:10px 14px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.product-primary-button{background:#2e78d6;color:#fff}.product-secondary-button{background:#edf1f6;color:#66768b}.product-view-tabs{display:flex;gap:6px;margin-bottom:18px}.product-view-tabs button{border:1px solid #dde5ee;background:#fff;border-radius:8px;padding:9px 15px;color:#78879b;font:inherit;font-size:11px;cursor:pointer}.product-view-tabs button.is-active{border-color:#2e78d6;background:#eaf3ff;color:#2169c3;font-weight:800}.product-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.product-kpis article,.product-stat-row article{background:#fff;border:1px solid #e4eaf2;border-radius:12px;padding:18px;min-height:126px;box-shadow:0 4px 15px rgba(44,72,108,.04)}.product-kpis small,.product-stat-row small{display:block;color:#8592a2;font-size:11px}.product-kpis strong,.product-stat-row strong{display:block;margin:9px 0 4px;color:#1e3150;font-size:25px;letter-spacing:-.07em}.product-kpis span,.product-stat-row span{color:#7f8da0;font-size:11px}.product-kpis article>button{border:0;background:transparent;color:#2e78d6;padding:9px 0 0;font:inherit;font-size:11px;cursor:pointer}.product-progress{height:6px;margin-top:17px;border-radius:10px;background:#eaf0f7;overflow:hidden}.product-progress i{display:block;height:100%;border-radius:10px;background:#3d8ae5}.product-progress--green i{background:#48b586}.product-sparkline{height:30px;display:flex;align-items:flex-end;gap:5px;margin-top:10px}.product-sparkline i{flex:1;background:#9cc9fb;border-radius:4px 4px 1px 1px}.product-grid-two{display:grid;grid-template-columns:1.3fr .9fr;gap:18px;margin-bottom:18px}.product-panel,.product-ai-card{background:#fff;border:1px solid #e4eaf2;border-radius:12px;box-shadow:0 4px 15px rgba(44,72,108,.04)}.product-panel{padding:22px}.product-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.product-panel-heading small{color:#8592a2;font-size:11px}.product-panel-heading h2{margin:5px 0 0;color:#1e3150;font-size:16px;letter-spacing:-.05em}.product-panel-heading>button,.product-table-tools button{border:1px solid #dde5ee;background:#fff;color:#728198;border-radius:7px;padding:8px 10px;font:inherit;font-size:10px;cursor:pointer}.product-chart{height:194px;padding-top:8px}.product-chart-bars{height:156px;display:flex;align-items:flex-end;gap:10px;border-bottom:1px solid #e7edf4;background:repeating-linear-gradient(to bottom,transparent 0,transparent 38px,#eef2f7 39px)}.product-chart-bars i{flex:1;display:block;max-width:30px;margin:0 auto;background:linear-gradient(180deg,#65a6ef,#b7d8fb);border-radius:5px 5px 0 0}.product-chart-labels{display:flex;justify-content:space-between;padding-top:10px;color:#9aa7b8;font-size:9px}.product-alert-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.product-alert-list button{width:100%;display:grid;grid-template-columns:9px 1fr auto;grid-template-rows:auto auto;align-items:center;gap:3px 8px;padding:8px;border:0;border-radius:8px;background:#f7f9fc;text-align:left;cursor:pointer}.product-alert-list button:hover{background:#eef5fd}.product-alert-list b{font-size:11px;color:#41516a}.product-alert-list small{grid-column:2;color:#9aa7b8;font-size:9px}.product-alert-list strong{grid-column:3;grid-row:span 2;color:#d55c61;font-size:11px}.product-alert-dot{width:7px;height:7px;border-radius:50%;background:#e77b72;grid-row:span 2}.product-ai-card{display:grid;grid-template-columns:1fr 1.1fr;gap:18px;padding:24px;border-color:#d7e6f8;background:linear-gradient(135deg,#fafdff,#f0f7ff)}.product-ai-badge{display:inline-flex;padding:6px 9px;border-radius:99px;background:#dceeff;color:#2371cf;font-size:10px;font-weight:800}.product-ai-card h3{margin:12px 0 7px;font-size:17px;letter-spacing:-.05em}.product-ai-card p{margin:0;color:#718096;font-size:11px;line-height:1.7}.product-ai-card form{display:flex;align-items:center;gap:7px}.product-ai-card form input{flex:1;min-width:0;border:1px solid #d8e4f1;border-radius:8px;padding:12px;background:#fff;color:#34435a;font:inherit;font-size:11px}.product-ai-card form button{border:0;border-radius:8px;padding:12px 14px;background:#286fc8;color:#fff;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.product-ai-suggestions{grid-column:2;display:flex;flex-wrap:wrap;gap:6px;margin-top:-8px}.product-ai-suggestions button{border:1px solid #d7e5f6;background:#fff;border-radius:99px;color:#5e80a7;padding:6px 9px;font:inherit;font-size:9px;cursor:pointer}.product-ai-response{grid-column:2;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:9px;padding:11px;border:1px solid #d6e7fb;border-radius:9px;background:#fff}.product-ai-response>span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#2e78d6;color:#fff;font-size:10px;font-weight:800}.product-ai-response p{font-size:10px;line-height:1.55}.product-ai-response button{border:0;background:transparent;color:#2e78d6;font:inherit;font-size:10px;font-weight:800;cursor:pointer}.product-stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.product-table-panel{margin-bottom:18px}.product-table-tools{display:flex;gap:6px}.product-table-tools input,.product-panel-heading>input{width:210px;border:1px solid #dde5ee;border-radius:7px;padding:9px 10px;color:#52637a;font:inherit;font-size:10px}.product-table-wrap{overflow:auto}.product-table-wrap table{width:100%;min-width:650px;border-collapse:collapse}.product-table-wrap th,.product-table-wrap td{padding:13px 10px;border-bottom:1px solid #edf1f5;text-align:left;font-size:11px}.product-table-wrap th{color:#97a3b2;font-size:10px;font-weight:700}.product-table-wrap td{color:#52637a}.product-table-wrap td button{border:0;background:transparent;color:#2e78d6;font:inherit;font-size:10px;cursor:pointer}.product-create-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px;margin-bottom:18px}.product-create-panel h2{margin:6px 0;font-size:16px}.product-create-panel p{margin:0;color:#7e8da1;font-size:11px}.product-create-panel form{display:grid;grid-template-columns:1fr 1fr;gap:11px}.product-create-panel label{display:grid;gap:6px;color:#7e8da1;font-size:10px}.product-create-panel input{border:1px solid #dbe4ed;border-radius:7px;padding:10px;color:#34435a;font:inherit;font-size:11px}.product-create-panel form>div{grid-column:span 2;display:flex;justify-content:flex-end;gap:7px}.approval-panel{margin-bottom:18px}.approval-list{display:grid;gap:1px}.approval-item{display:grid;grid-template-columns:130px 1fr 120px auto;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid #edf1f5}.approval-item:last-child{border-bottom:0}.approval-check{display:grid;gap:5px}.approval-status{width:max-content;padding:5px 8px;border-radius:99px;background:#fff1df;color:#c87f1c;font-size:9px;font-weight:800}.approval-status.is-approved{background:#e1f5ea;color:#219360}.approval-check small{color:#9aa7b8;font-size:9px}.approval-item h3{margin:0;color:#42536b;font-size:12px}.approval-item p{margin:5px 0 0;color:#9aa7b8;font-size:10px}.approval-item>strong{color:#40516a;font-size:11px}.approval-actions{display:flex;gap:6px}.approval-actions button{border:1px solid #d9e3ef;border-radius:6px;background:#fff;padding:7px 9px;color:#2e78d6;font:inherit;font-size:10px;font-weight:800;cursor:pointer}.approval-actions button:last-child{color:#a27676}.approval-done{color:#219360;font-size:10px;font-weight:800}.product-chat-layout{display:grid;grid-template-columns:220px 1fr;min-height:520px;background:#fff;border:1px solid #e4eaf2;border-radius:12px;overflow:hidden}.product-chat-list{padding:15px;border-right:1px solid #e8edf3;background:#fbfcfe}.product-chat-list button{width:100%;display:flex;justify-content:space-between;padding:11px;border:0;border-radius:7px;background:transparent;text-align:left;color:#61728a;font:inherit;font-size:11px;cursor:pointer}.product-chat-list button.is-active,.product-chat-list button:hover{background:#eaf3ff;color:#2169c3;font-weight:800}.product-chat-list em{font-style:normal;color:#2e78d6}.product-chat-room{display:grid;grid-template-rows:auto 1fr auto}.product-chat-room-head{display:flex;justify-content:space-between;align-items:center;padding:17px 20px;border-bottom:1px solid #edf1f5}.product-chat-room-head b{display:block;color:#34435a;font-size:13px}.product-chat-room-head small{display:block;margin-top:4px;color:#9aa7b8;font-size:10px}.product-chat-room-head button{border:0;background:transparent;color:#73839a;font:inherit;font-size:10px;cursor:pointer}.product-chat-messages{padding:22px;display:grid;align-content:start;gap:17px}.product-chat-message{display:flex;gap:10px}.product-chat-message>span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#dce9f8;color:#2f75cc;font-size:10px;font-weight:800}.product-chat-message>div{max-width:680px}.product-chat-message b{color:#44556c;font-size:11px}.product-chat-message small{margin-left:7px;color:#aab3be;font-size:9px}.product-chat-message p{margin:5px 0 0;color:#61728a;font-size:11px;line-height:1.6}.product-chat-message--ai{padding:12px;border:1px solid #d9e8f8;border-radius:9px;background:#f7fbff}.product-chat-message--ai>span{background:#2e78d6;color:#fff}.product-chat-message--ai button{margin-top:7px;border:0;background:#e1efff;border-radius:6px;padding:6px 8px;color:#2572ce;font:inherit;font-size:9px;font-weight:800;cursor:pointer}.product-chat-composer{display:flex;gap:8px;padding:16px;border-top:1px solid #edf1f5}.product-chat-composer input{flex:1;border:1px solid #dbe4ed;border-radius:8px;padding:11px;color:#34435a;font:inherit;font-size:11px}.product-chat-composer button{border:0;border-radius:8px;background:#2e78d6;color:#fff;padding:0 15px;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.task-panel{margin-bottom:18px}.task-list{display:grid;gap:1px}.task-item{display:grid;grid-template-columns:20px 1fr 22px;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid #edf1f5;cursor:pointer}.task-item:last-child{border-bottom:0}.task-item input{position:absolute;opacity:0}.task-item>span{width:17px;height:17px;border:1px solid #b7c5d5;border-radius:5px}.task-item.is-done>span{border-color:#2e78d6;background:#2e78d6;box-shadow:inset 0 0 0 4px #fff}.task-item>div{display:grid;gap:4px}.task-item b{color:#4b5b71;font-size:11px}.task-item small{color:#99a6b6;font-size:9px}.task-item.is-done b{text-decoration:line-through;color:#9aa7b8}.task-item>button{border:0;background:transparent;color:#9aa7b8;font-size:15px;cursor:pointer}.product-shell .toast{position:fixed;right:24px;bottom:24px;z-index:50;padding:12px 15px;border-radius:9px;background:#173252;color:#fff;box-shadow:0 8px 24px rgba(23,50,82,.25);font-size:11px;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s}.product-shell .toast.is-visible{opacity:1;transform:translateY(0)}
@media (max-width:900px){.product-sidebar{width:205px;flex-basis:205px}.product-main{padding:28px 24px 60px}.product-kpis,.product-stat-row{grid-template-columns:repeat(2,1fr)}.product-grid-two{grid-template-columns:1fr}.product-ai-card{grid-template-columns:1fr}.product-ai-suggestions,.product-ai-response{grid-column:1}.product-module-menu{left:18px;right:18px;width:auto}.product-header{padding:0 16px}.product-header-tools>button:not(.product-account){display:none}}
@media (max-width:700px){.product-header{height:58px}.product-header-left{gap:5px}.product-brand span{display:none}.product-brand img{width:25px;height:25px}.product-switcher{grid-template-columns:auto 16px;padding:7px;border-left:0}.product-switcher span{display:none}.product-switcher strong{font-size:12px}.product-runtime-status{display:none!important}.product-account b{display:none}.product-account{margin-left:0}.product-body{display:block}.product-sidebar{width:100%;padding:10px 14px;border-right:0;border-bottom:1px solid #e5e9f0;display:flex;flex-direction:row;overflow:auto;gap:6px}.product-sidebar-label,.product-sidebar-group>small,.product-back-link{display:none}.product-sidebar-group{display:flex;flex:0 0 auto;gap:5px}.product-sidebar-group:not(:first-of-type){padding-left:6px;border-left:1px solid #edf0f4}.product-module-button{display:flex;width:auto;align-items:center;gap:6px;padding:7px 8px;white-space:nowrap}.product-module-button span{width:23px;height:23px}.product-module-button small{display:none}.product-back-link--workspace{display:block;flex:0 0 auto;margin-top:0;padding:7px 8px;white-space:nowrap}.product-main{padding:24px 15px 50px}.product-page-heading{display:block;margin-bottom:20px}.product-page-heading h1{font-size:29px}.product-heading-meta{justify-content:space-between;margin-top:17px}.product-heading-meta span{font-size:10px}.product-kpis,.product-stat-row{grid-template-columns:repeat(2,1fr);gap:8px}.product-kpis article,.product-stat-row article{min-height:112px;padding:14px}.product-kpis strong,.product-stat-row strong{font-size:21px}.product-panel{padding:16px}.product-panel-heading{align-items:flex-start}.product-panel-heading h2{font-size:14px}.product-chart-bars{gap:5px}.product-ai-card{padding:17px;gap:14px}.product-ai-card h3{font-size:15px}.product-ai-card form{display:grid;grid-template-columns:1fr auto}.product-ai-suggestions{margin-top:0}.product-table-tools{width:100%}.product-table-tools input{width:100%}.product-panel-heading>input{width:155px}.approval-item{grid-template-columns:1fr auto;gap:8px}.approval-item>strong{grid-column:2;grid-row:1}.approval-actions{grid-column:1 / -1}.product-chat-layout{grid-template-columns:1fr;min-height:560px}.product-chat-list{display:flex;overflow:auto;padding:8px;border-right:0;border-bottom:1px solid #e8edf3;gap:5px}.product-chat-list button{width:auto;white-space:nowrap;padding:8px}.product-chat-messages{padding:16px}.product-create-panel{display:block}.product-create-panel form{margin-top:18px}.product-module-menu{top:57px;left:12px;right:12px;max-height:calc(100vh - 70px)}.product-shell .toast{right:15px;bottom:15px}}

.welfare-stat-row article strong{color:#1d7d67}.welfare-grid{margin-bottom:18px}.product-alert-dot--ok{background:#46b28d}.welfare-flow{display:flex;align-items:center;justify-content:space-between;gap:7px;flex-wrap:wrap;padding:18px 0;color:#2d78d4;font-size:11px;font-weight:800}.welfare-flow span{padding:10px 9px;border:1px solid #d7e7f7;border-radius:8px;background:#f4faff}.welfare-flow i{color:#9aabba;font-style:normal}.welfare-note{margin:12px 0 0;padding-top:14px;border-top:1px solid #edf1f5;color:#7e8da1;font-size:10px;line-height:1.7}.welfare-table-panel{margin-bottom:18px}
.product-approval-form{margin-bottom:18px}.product-approval-form form{display:grid;gap:18px}.product-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.product-form-grid label{display:grid;gap:6px;color:#7e8da1;font-size:10px}.product-form-grid__wide{grid-column:1 / -1}.product-form-grid input,.product-form-grid select,.product-form-grid textarea{width:100%;border:1px solid #dbe4ed;border-radius:7px;padding:10px;color:#34435a;background:#fff;font:inherit;font-size:11px}.product-form-grid textarea{min-height:74px;resize:vertical}.product-approval-line{padding-top:17px;border-top:1px solid #edf1f5}.product-line-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.product-line-heading small{display:block;color:#8592a2;font-size:10px}.product-line-heading b{display:block;margin-top:4px;color:#1e3150;font-size:14px}.product-line-heading button,.product-approval-form .product-panel-heading>button{border:1px solid #dde5ee;background:#fff;color:#2e78d6;border-radius:7px;padding:8px 10px;font:inherit;font-size:10px;font-weight:800;cursor:pointer}.product-approval-line>p{margin:8px 0 12px;color:#9aa7b8;font-size:10px}.product-line-row{display:grid;grid-template-columns:24px 1fr 1.5fr 30px;align-items:center;gap:8px;margin-top:7px}.product-line-row>span{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:#eaf3ff;color:#2e78d6;font-size:10px;font-weight:800}.product-line-row input{min-width:0;border:1px solid #dbe4ed;border-radius:7px;padding:9px;color:#34435a;font:inherit;font-size:11px}.product-line-row button{width:28px;height:28px;border:0;border-radius:6px;background:#f5f7fa;color:#8b98a8;font-size:16px;cursor:pointer}.product-form-actions{display:flex;justify-content:flex-end;gap:7px;padding-top:2px}
@media (max-width:700px){.welfare-flow{display:grid;grid-template-columns:1fr auto 1fr;justify-items:stretch}.welfare-flow span{text-align:center}.welfare-flow span:last-of-type{grid-column:1 / -1}.welfare-flow i:last-of-type{display:none}.welfare-table-panel .product-panel-heading{margin-bottom:8px}.product-form-grid{grid-template-columns:1fr}.product-form-grid__wide{grid-column:auto}.product-line-row{grid-template-columns:24px 1fr 30px}.product-line-row input:nth-of-type(2){grid-column:2 / -1}.product-line-row button{grid-column:3;grid-row:1}.product-form-actions{justify-content:stretch}.product-form-actions button{flex:1}}

/* Dawith ERP keeps the captured OnERP product shell as its baseline; welfare extensions live inside the same layout. */

/* Keep the product content inside the space left by the sidebar at tablet widths. */
.product-main { flex:1 1 auto; width:auto; min-width:0; max-width:1260px; }
.product-shell .approval-sync{color:#2e78d6;font-size:9px;font-weight:800}
.product-shell .product-runtime-status{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;background:#eef2f7;color:#718096;font-size:9px;font-weight:800;white-space:nowrap}.product-shell .product-runtime-status::before{content:"";width:6px;height:6px;border-radius:50%;background:#98a6b6}.product-shell .product-runtime-status.is-ready{background:#e5f7ed;color:#148254}.product-shell .product-runtime-status.is-ready::before{background:#16a269}.product-shell .product-runtime-status.is-auth{background:#fff3df;color:#a76c16}.product-shell .product-runtime-status.is-auth::before{background:#e6a13a}.product-shell .product-runtime-status.is-error{background:#ffebeb;color:#b24b52}.product-shell .product-runtime-status.is-error::before{background:#d85d64}.product-shell .product-runtime-status.is-loading{background:#eaf3ff;color:#2e78d6}.product-shell .product-runtime-status.is-loading::before{background:#2e78d6;animation:runtime-pulse 1.2s ease-in-out infinite}.product-shell .product-empty-state{padding:28px 8px;color:#8b98a8;text-align:center;font-size:11px;border:1px dashed #dce4ed;border-radius:8px}@keyframes runtime-pulse{0%,100%{opacity:.35}50%{opacity:1}}
.product-shell [hidden]{display:none!important}.product-shell button:focus-visible,.product-shell input:focus-visible,.product-shell select:focus-visible,.product-shell textarea:focus-visible{outline:3px solid rgba(46,120,214,.28);outline-offset:2px}.product-view-tabs button span{margin-left:4px;color:inherit;font-size:9px;opacity:.7}.product-search-empty{margin-top:12px}.product-alert-list .product-empty-state{display:block;background:#fff}.product-ai-response{min-width:0}.product-ai-response p{margin:0}.approval-status.is-rejected{background:#ffebeb;color:#b24b52}
.product-chat-create{margin:-12px 0 18px}.product-chat-create form{display:flex;align-items:center;justify-content:flex-end;gap:8px}.product-chat-create label{display:flex;align-items:center;gap:8px;margin-right:auto;color:#7e8da1;font-size:10px}.product-chat-create input{min-width:220px;border:1px solid #dbe4ed;border-radius:7px;padding:10px;color:#34435a;font:inherit;font-size:11px}
.product-sidebar-toggle{display:grid;place-items:center;width:30px;height:30px;border:1px solid #e0e7f0;border-radius:8px;background:#fff;color:#6f8198;font:inherit;font-size:18px;line-height:1;cursor:pointer}.product-sidebar-toggle:hover{background:#f1f5fb;color:#2e78d6}.product-main{width:100%;max-width:none;padding:40px clamp(32px,3.5vw,68px) 80px}.product-shell.is-sidebar-hidden .product-sidebar{display:none}.product-shell.is-sidebar-hidden .product-module-menu{left:24px}.product-shell.is-sidebar-hidden .product-main{width:100%}
@media (max-width:700px){.product-sidebar-toggle{width:28px;height:28px;font-size:16px}.product-main{padding:24px 15px 50px}.product-shell.is-sidebar-hidden .product-sidebar{display:none}}

.product-setup-hero,.product-accounting-readiness,.product-bank-intro,.product-mapping-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px;padding:22px 24px;border:1px solid #dce8f5;border-radius:12px;background:#fafdff}.product-setup-hero h2,.product-accounting-readiness h2,.product-bank-intro h2,.product-mapping-intro h2{margin:8px 0 6px;color:#1e3150;font-size:18px;letter-spacing:-.05em}.product-setup-hero p,.product-accounting-readiness p,.product-bank-intro p,.product-mapping-intro p{margin:0;color:#718096;font-size:11px;line-height:1.7}.product-setup-hero small,.product-accounting-readiness small,.product-bank-intro small,.product-mapping-intro small{color:#2e78d6;font-size:10px;font-weight:800}.product-setup-progress{width:190px;flex:0 0 190px}.product-setup-progress strong{display:block;color:#1e3150;font-size:29px;letter-spacing:-.08em}.product-setup-progress span{display:block;margin:4px 0 11px;color:#7e8da1;font-size:10px}.product-setup-progress i{display:block;height:7px;overflow:hidden;border-radius:8px;background:#e8eff7}.product-setup-progress i b{display:block;height:100%;border-radius:8px;background:#2e78d6}.product-setup-note,.product-accounting-readiness>div+button,.product-bank-intro>button,.product-mapping-intro>span{flex:0 0 auto;color:#728198;font-size:10px}.product-setup-list{display:grid;gap:1px}.product-setup-step{display:grid;grid-template-columns:30px 1fr auto 18px;align-items:center;gap:11px;width:100%;padding:13px 5px;border:0;border-bottom:1px solid #edf1f5;background:#fff;text-align:left;cursor:pointer}.product-setup-step:last-child{border-bottom:0}.product-setup-step>span{display:grid;width:25px;height:25px;place-items:center;border-radius:50%;background:#eef3f9;color:#6f8198;font-size:10px;font-weight:800}.product-setup-step.is-complete>span{background:#e0f5e9;color:#208e5c}.product-setup-step div{display:grid;gap:4px}.product-setup-step b{color:#40516a;font-size:12px}.product-setup-step small{color:#96a3b2;font-size:10px}.product-setup-step em{font-style:normal;color:#d08b32;font-size:10px;font-weight:800}.product-setup-step.is-complete em{color:#208e5c}.product-setup-step i{color:#a1adba;font-style:normal}.product-setup-step:hover{background:#f7fbff}.product-setup-roles,.product-setup-rules{display:grid;gap:11px;margin:0;padding:0;list-style:none}.product-setup-roles li,.product-setup-rules li{display:grid;gap:4px;padding-bottom:11px;border-bottom:1px solid #edf1f5}.product-setup-roles li:last-child,.product-setup-rules li:last-child{padding-bottom:0;border-bottom:0}.product-setup-roles b{color:#40516a;font-size:11px}.product-setup-roles span,.product-setup-rules li{color:#7c8b9e;font-size:10px;line-height:1.55}.product-setup-rules li{padding-left:13px;position:relative}.product-setup-rules li::before{content:'·';position:absolute;left:2px;color:#2e78d6;font-weight:900}.product-accounting-readiness{padding:18px 22px}.product-accounting-readiness h2{font-size:16px}.product-accounting-flow-panel,.product-accounting-source-panel,.product-bank-list,.product-mapping-panel{margin-bottom:18px}.product-accounting-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:8px}.product-accounting-flow>div{display:grid;gap:5px;padding:14px 10px;border:1px solid #e4eaf2;border-radius:9px;background:#fbfcfe}.product-accounting-flow span{color:#2e78d6;font-size:9px;font-weight:800}.product-accounting-flow b{color:#40516a;font-size:11px}.product-accounting-flow small{color:#9aa7b8;font-size:9px}.product-accounting-flow i{color:#9aa7b8;font-style:normal}.product-source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.product-source-grid button{display:grid;gap:5px;padding:14px;border:1px solid #e2e9f1;border-radius:9px;background:#fff;text-align:left;cursor:pointer}.product-source-grid button:hover{border-color:#9cc4ef;background:#fafdff}.product-source-grid b{color:#40516a;font-size:11px}.product-source-grid span{color:#8a98a8;font-size:10px}.product-source-grid em{color:#2e78d6;font-size:10px;font-style:normal;font-weight:800}.product-receipt-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.product-receipt-upload p{margin:0 0 15px;color:#718096;font-size:11px;line-height:1.7}.product-source-badge,.product-warning-badge{padding:6px 8px;border-radius:99px;background:#eef5fd;color:#2e78d6;font-size:9px;font-weight:800}.product-warning-badge{background:#fff1df;color:#c87f1c}.product-receipt-form{display:grid;gap:10px}.product-file-drop{display:grid;gap:7px;padding:20px;border:1px dashed #b9cfe8;border-radius:9px;background:#fafdff;cursor:pointer}.product-file-drop input{position:absolute;width:1px;height:1px;opacity:0}.product-file-drop strong{color:#40516a;font-size:12px}.product-file-drop span{color:#8a98a8;font-size:10px}.product-receipt-policy{display:flex;justify-content:space-between;gap:10px;margin-top:16px;padding-top:13px;border-top:1px solid #edf1f5;color:#8795a5;font-size:9px}.product-receipt-policy b{color:#50617a}.product-receipt-list{display:grid;gap:1px}.product-receipt-item{display:grid;grid-template-columns:36px 1fr auto;grid-template-rows:auto auto;align-items:center;gap:3px 9px;padding:11px 0;border:0;border-bottom:1px solid #edf1f5;background:#fff;text-align:left;cursor:pointer}.product-receipt-item:last-child{border-bottom:0}.product-receipt-item>span{grid-row:span 2;display:grid;place-items:center;width:31px;height:25px;border-radius:6px;background:#eaf3ff;color:#2e78d6;font-size:8px;font-weight:800}.product-receipt-item div{display:grid;gap:4px}.product-receipt-item b{color:#40516a;font-size:11px}.product-receipt-item small{color:#96a3b2;font-size:9px}.product-receipt-item strong{color:#40516a;font-size:10px}.product-receipt-item em{grid-column:2;color:#c98529;font-size:9px;font-style:normal}.product-receipt-item:hover{background:#fafdff}.product-receipt-review{margin-bottom:18px}.product-receipt-review-form{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.product-receipt-review-form label{display:grid;gap:6px;color:#7e8da1;font-size:10px}.product-receipt-review-form input,.product-receipt-review-form select,.product-receipt-review-form textarea,.product-bank-form input,.product-bank-form select,.product-mapping-form input,.product-mapping-form select{width:100%;border:1px solid #dbe4ed;border-radius:7px;padding:10px;color:#34435a;background:#fff;font:inherit;font-size:11px}.product-receipt-review-form textarea{min-height:62px;resize:vertical}.product-receipt-review-actions{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:4px}.product-receipt-review-actions span{color:#7e8da1;font-size:10px}.product-bank-setup{margin-bottom:18px}.product-bank-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.product-bank-form label{display:grid;gap:6px;color:#7e8da1;font-size:10px}.product-bank-warning{grid-column:1 / -1;margin:0;padding:11px;border:1px solid #f3dfbf;border-radius:7px;background:#fffaf1;color:#a77a38;font-size:10px;line-height:1.6}.product-bank-form .product-form-actions{grid-column:1 / -1}.product-bank-rows{display:grid;gap:1px}.product-bank-rows article{display:grid;grid-template-columns:1.3fr 120px 150px auto;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #edf1f5}.product-bank-rows article:last-child{border-bottom:0}.product-bank-rows article div{display:grid;gap:4px}.product-bank-rows b{color:#40516a;font-size:11px}.product-bank-rows small,.product-bank-rows span{color:#96a3b2;font-size:9px}.product-bank-rows strong{color:#c98529;font-size:10px}.product-bank-rows strong.is-connected{color:#208e5c}.product-bank-rows button,.product-bank-boundary button{border:1px solid #d9e3ef;border-radius:6px;background:#fff;padding:7px 9px;color:#2e78d6;font:inherit;font-size:10px;font-weight:800;cursor:pointer}.product-bank-boundary{display:flex;align-items:center;justify-content:space-between;gap:14px}.product-bank-boundary div{display:grid;gap:5px}.product-bank-boundary b{color:#40516a;font-size:11px}.product-bank-boundary span{color:#7e8da1;font-size:10px}.product-mapping-intro{margin-bottom:18px}.product-mapping-list{display:grid;gap:1px;margin-bottom:15px}.product-mapping-list article{display:grid;grid-template-columns:1fr 1.3fr 1.1fr;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #edf1f5}.product-mapping-list article:last-child{border-bottom:0}.product-mapping-list b{color:#40516a;font-size:11px}.product-mapping-list span,.product-mapping-list small{color:#7e8da1;font-size:10px}.product-mapping-form{display:grid;grid-template-columns:1fr 1.3fr 1fr auto;gap:8px;padding-top:16px;border-top:1px solid #edf1f5}.product-mapping-note{display:flex;align-items:center;justify-content:space-between;gap:15px}.product-mapping-note b{color:#40516a;font-size:11px}.product-mapping-note span{color:#7e8da1;font-size:10px}

@media (max-width:900px){.product-accounting-flow{grid-template-columns:1fr auto 1fr;gap:8px}.product-accounting-flow>div:nth-of-type(n+4){grid-row:3}.product-accounting-flow>i:nth-of-type(n+3){grid-row:3}.product-receipt-layout{grid-template-columns:1fr}.product-bank-rows article{grid-template-columns:1fr auto;gap:7px}.product-bank-rows article span{grid-column:1}.product-bank-rows article button{grid-column:2;grid-row:1 / span 2}.product-mapping-form{grid-template-columns:1fr 1fr}.product-mapping-form button{grid-column:1 / -1}.product-setup-lane{grid-template-columns:1fr}}
@media (max-width:700px){.product-setup-hero,.product-accounting-readiness,.product-bank-intro,.product-mapping-intro,.product-bank-boundary,.product-mapping-note{display:block;padding:17px}.product-setup-progress{width:auto;margin-top:17px}.product-setup-note{display:block;margin-top:8px}.product-setup-step{grid-template-columns:28px 1fr auto 12px;gap:8px}.product-setup-step small{line-height:1.45}.product-accounting-flow{grid-template-columns:1fr;gap:5px}.product-accounting-flow>i{display:none}.product-accounting-flow>div{grid-template-columns:26px 1fr;align-items:center}.product-accounting-flow>div span{grid-row:span 2}.product-source-grid{grid-template-columns:1fr}.product-receipt-policy{display:grid}.product-receipt-review-form,.product-bank-form{grid-template-columns:1fr}.product-receipt-review-form .product-form-grid__wide,.product-bank-warning,.product-bank-form .product-form-actions{grid-column:auto}.product-receipt-review-actions{display:grid}.product-bank-rows article{grid-template-columns:1fr auto}.product-bank-rows article span{grid-column:1}.product-bank-rows article button{grid-column:2;grid-row:1 / span 2}.product-mapping-list article{grid-template-columns:1fr 1fr}.product-mapping-list small{grid-column:1 / -1}.product-mapping-form{grid-template-columns:1fr}.product-mapping-form button{grid-column:auto}}

.product-performance-form-panel,.product-performance-table-panel,.product-performance-note,.product-program-budget-intro,.product-program-budget-panel,.product-program-budget-add{margin-bottom:18px}.product-performance-form,.product-program-budget-form{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.product-performance-form label,.product-program-budget-form label{display:grid;gap:6px;color:#7e8da1;font-size:10px}.product-performance-form input,.product-performance-form select,.product-performance-form textarea,.product-program-budget-form input,.product-program-budget-form select{width:100%;border:1px solid #dbe4ed;border-radius:7px;padding:10px;color:#34435a;background:#fff;font:inherit;font-size:11px}.product-performance-form textarea{min-height:70px;resize:vertical}.product-performance-form label>small{color:#9aa7b8;font-size:9px;line-height:1.45}.product-performance-form .product-form-actions,.product-program-budget-form .product-form-actions{grid-column:1 / -1}.product-status-chip{display:inline-block;padding:5px 7px;border-radius:99px;background:#fff1df;color:#b97824;font-size:9px;white-space:nowrap}.product-performance-table-panel .product-table-wrap table small{display:block;margin-top:4px;color:#96a3b2;font-size:9px;line-height:1.45}.product-performance-note{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px}.product-performance-note b{color:#40516a;font-size:11px}.product-performance-note span{color:#7e8da1;font-size:10px;line-height:1.55;text-align:right}.product-program-budget-intro{display:flex;align-items:center;justify-content:space-between;gap:20px}.product-program-budget-intro>div{min-width:0}.product-program-budget-intro h2{margin:7px 0 6px;color:#1e3150;font-size:18px;letter-spacing:-.05em}.product-program-budget-intro p{margin:0;color:#718096;font-size:11px;line-height:1.7}.product-program-budget-intro small,.product-program-budget-panel .product-panel-heading>span,.product-program-budget-add .product-panel-heading>span{color:#2e78d6;font-size:10px;font-weight:800}.product-program-budget-list{display:grid;gap:1px}.product-program-budget-list article{display:grid;grid-template-columns:1.15fr auto 1.15fr 110px 42px auto;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid #edf1f5}.product-program-budget-list article:last-child{border-bottom:0}.product-program-budget-list article>div{display:grid;gap:4px}.product-program-budget-list b{color:#40516a;font-size:11px}.product-program-budget-list small,.product-program-budget-list span{color:#7e8da1;font-size:9px;line-height:1.45}.product-program-budget-list>article>strong{color:#1e3150;font-size:11px}.product-program-budget-list>article>i{height:7px;overflow:hidden;border-radius:99px;background:#e8eff7}.product-program-budget-list>article>i>b{display:block;height:100%;border-radius:99px;background:#2e78d6}.product-program-budget-list>article>em{color:#2e78d6;font-size:10px;font-style:normal;font-weight:800}.product-program-budget-list button{border:1px solid #d9e3ef;border-radius:6px;background:#fff;padding:7px 9px;color:#2e78d6;font:inherit;font-size:10px;font-weight:800;cursor:pointer}.product-program-budget-add .product-panel-heading{margin-bottom:15px}
@media (max-width:900px){.product-program-budget-list article{grid-template-columns:1fr auto 100px 40px}.product-program-budget-list article>span{grid-column:1 / 3}.product-program-budget-list article>small{grid-column:1 / -1}.product-program-budget-list article>button{grid-column:4;grid-row:1 / span 2}.product-program-budget-list article>i{grid-column:3;grid-row:1}.product-program-budget-list article>em{grid-column:3;grid-row:2}.product-program-budget-intro{align-items:flex-start;flex-direction:column}}
@media (max-width:700px){.product-performance-form,.product-program-budget-form{grid-template-columns:1fr}.product-performance-form .product-form-grid__wide,.product-performance-form .product-form-actions,.product-program-budget-form .product-form-grid__wide,.product-program-budget-form .product-form-actions{grid-column:auto}.product-performance-note{display:block}.product-performance-note span{display:block;margin-top:8px;text-align:left}.product-performance-table-panel .product-table-wrap{overflow-x:auto}.product-performance-table-panel table{min-width:720px}.product-program-budget-list article{grid-template-columns:1fr auto}.product-program-budget-list article>strong{grid-column:2;grid-row:1}.product-program-budget-list article>span{grid-column:1 / -1}.product-program-budget-list article>i{grid-column:1}.product-program-budget-list article>em{grid-column:2;grid-row:3}.product-program-budget-list article>small{grid-column:1 / -1}.product-program-budget-list article>button{grid-column:1 / -1;grid-row:auto;width:100%}}

.product-journal-intro{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:18px;padding:22px 24px;border:1px solid #dce8f5;border-radius:12px;background:#fafdff}.product-journal-intro h2{margin:7px 0 6px;color:#1e3150;font-size:19px;letter-spacing:-.05em}.product-journal-intro p{margin:0;color:#718096;font-size:11px;line-height:1.7}.product-journal-intro small{color:#2e78d6;font-size:10px;font-weight:800}.product-journal-intro>span{flex:0 0 auto;color:#728198;font-size:10px}.product-journal-stats{margin-bottom:18px}.product-journal-panel{margin-bottom:18px}.product-journal-panel table{min-width:860px}.product-journal-panel td b{display:block}.product-journal-panel td small{display:block;margin-top:4px;color:#96a3b2;font-size:9px;line-height:1.45}.product-status-chip.is-confirmed{background:#e1f5ea;color:#208e5c}.product-journal-note{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px}.product-journal-note b{color:#40516a;font-size:11px}.product-journal-note span{color:#7e8da1;font-size:10px;line-height:1.55;text-align:right}
@media (max-width:700px){.product-journal-intro{display:block;padding:17px}.product-journal-intro>span{display:block;margin-top:10px}.product-journal-note{display:block}.product-journal-note span{display:block;margin-top:8px;text-align:left}}

.product-export-button{border:1px solid #d9e3ef;border-radius:6px;background:#fff;padding:7px 9px;color:#2e78d6;font:inherit;font-size:10px;font-weight:800;cursor:pointer}.product-export-button:hover{border-color:#9cc4ef;background:#fafdff}.product-close-intro{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:18px;padding:22px 24px;border:1px solid #dce8f5;border-radius:12px;background:#fafdff}.product-close-intro h2{margin:7px 0 6px;color:#1e3150;font-size:19px;letter-spacing:-.05em}.product-close-intro p{max-width:700px;margin:0;color:#718096;font-size:11px;line-height:1.7}.product-close-intro small{color:#2e78d6;font-size:10px;font-weight:800}.product-close-status{min-width:150px;display:grid;gap:4px;padding:12px 14px;border-left:1px solid #e1e9f2}.product-close-status strong{font-size:14px;color:#40516a}.product-close-status span{color:#7e8da1;font-size:10px}.product-close-status.is-attention strong{color:#b97824}.product-close-status.is-ready strong{color:#208e5c}.product-close-status.is-closed strong{color:#2e78d6}.product-close-panel,.product-reconciliation-panel{margin-bottom:18px}.product-close-actions{display:flex;align-items:center;gap:7px}.product-close-actions button:disabled,.product-close-check button:disabled{color:#9ca9b8;border-color:#e7edf3;background:#f8fafc;cursor:default}.product-close-checklist{display:grid;gap:1px}.product-close-check{display:grid;grid-template-columns:28px 1fr auto 90px;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid #edf1f5}.product-close-check:last-child{border-bottom:0}.product-close-check>span{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:#e0f5e9;color:#208e5c;font-size:11px;font-weight:900}.product-close-check.is-attention>span{background:#fff1df;color:#b97824}.product-close-check div{display:grid;gap:3px}.product-close-check b{color:#40516a;font-size:11px}.product-close-check small{color:#96a3b2;font-size:9px}.product-close-check strong{color:#7e8da1;font-size:10px;text-align:right}.product-close-check.is-attention strong{color:#b97824}.product-close-check button,.product-reconciliation-panel table button{border:1px solid #d9e3ef;border-radius:6px;background:#fff;padding:7px 8px;color:#2e78d6;font:inherit;font-size:9px;font-weight:800;cursor:pointer}.product-close-check button:hover,.product-reconciliation-panel table button:hover{border-color:#9cc4ef;background:#fafdff}.product-reconciliation-panel table{min-width:760px}.product-reconciliation-panel td b,.product-reconciliation-panel td small{display:block}.product-reconciliation-panel td small{margin-top:4px;color:#96a3b2;font-size:9px;line-height:1.4}.product-reconciliation-panel .product-status-chip{white-space:nowrap}.product-close-note{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px}.product-close-note b{color:#40516a;font-size:11px}.product-close-note span{color:#7e8da1;font-size:10px;line-height:1.55;text-align:right}.product-journal-detail{margin-bottom:18px}.product-journal-detail-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.product-journal-detail-summary>div{display:grid;gap:5px;padding:12px;border:1px solid #e4eaf2;border-radius:8px;background:#fbfcfe}.product-journal-detail-summary span{color:#8a98a8;font-size:9px}.product-journal-detail-summary b{color:#40516a;font-size:11px;line-height:1.45}.product-journal-timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.product-journal-timeline-item{position:relative;padding:12px 10px;border:1px solid #e4eaf2;border-radius:8px;background:#fff}.product-journal-timeline-item>span{color:#2e78d6;font-size:9px;font-weight:800}.product-journal-timeline-item div{display:grid;gap:4px;margin-top:8px}.product-journal-timeline-item b{color:#40516a;font-size:10px}.product-journal-timeline-item strong{color:#51647d;font-size:10px;line-height:1.45}.product-journal-timeline-item small{color:#96a3b2;font-size:8px;line-height:1.4}.product-journal-detail-note{margin:15px 0 0;padding-top:13px;border-top:1px solid #edf1f5;color:#8a98a8;font-size:9px}.product-journal-detail .product-panel-heading{margin-bottom:16px}
@media (max-width:900px){.product-journal-timeline{grid-template-columns:repeat(3,1fr)}.product-journal-detail-summary{grid-template-columns:repeat(2,1fr)}}
@media (max-width:700px){.product-close-intro{display:block;padding:17px}.product-close-status{min-width:0;margin-top:15px;padding:11px 0 0;border-top:1px solid #e1e9f2;border-left:0}.product-close-actions{display:grid;grid-template-columns:1fr 1fr}.product-close-actions button{width:100%}.product-close-check{grid-template-columns:28px 1fr auto;gap:8px}.product-close-check strong{grid-column:2;text-align:left}.product-close-check button{grid-column:3;grid-row:1 / span 2}.product-close-note{display:block}.product-close-note span{display:block;margin-top:8px;text-align:left}.product-journal-detail-summary{grid-template-columns:1fr}.product-journal-timeline{grid-template-columns:1fr}.product-journal-timeline-item{display:grid;grid-template-columns:26px 1fr;gap:8px}.product-journal-timeline-item div{margin-top:0}.product-reconciliation-panel .product-table-wrap{overflow-x:auto}}