@import url('/man-fonts.css');
:root{--blue:#3659e3;--ink:#171a20;--yellow:#f5d94e;--muted:#6c7588;--line:#e8ebf1;--paper:#faf9f6;font-family:Arial,'Noto Sans KR','Apple SD Gothic Neo',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);background:white;color:var(--ink);border-radius:14px;padding:13px 17px;font-weight:650;min-height:46px}button:hover{border-color:#bcc9ff;background:#f5f7ff}button:disabled{opacity:.55;cursor:default}a{color:var(--blue);text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a6b6ff;outline-offset:3px}svg{vertical-align:middle}.icon{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.primary{background:var(--blue);color:white;border-color:var(--blue)}.primary:hover{background:#2648ce;color:white}.danger{color:#ad3248}.soft{background:#edf2ff;color:var(--blue);border-color:transparent}.muted{color:var(--muted);font-size:14px;line-height:1.7}.small{font-size:12px}.brand{color:#111a31;letter-spacing:-1px;font-size:23px;font-weight:850;white-space:nowrap}.brand b{color:var(--blue)}.topbar{height:80px;padding:20px 34px;display:flex;align-items:center;gap:18px;background:#fff;border-bottom:1px solid var(--line)}.topbar .tag{margin-right:auto}.icon-button{padding:10px;min-width:44px;border:0;background:transparent}.tag{font-size:11px;padding:6px 10px;background:#eef2ff;color:var(--blue);border-radius:20px;font-weight:700}.layout{display:grid;grid-template-columns:220px 1fr;min-height:calc(100dvh - 80px)}.sidebar{padding:30px 18px;border-right:1px solid var(--line);background:#fff;display:flex;flex-direction:column;gap:6px}.sidebar button{display:flex;align-items:center;gap:13px;border:0;text-align:left;background:transparent;font-size:14px;font-weight:500}.sidebar button.active{background:#edf2ff;color:var(--blue);font-weight:750}.sidebar .sidebar-foot{margin-top:auto;padding:28px 13px 0}main{min-width:0;padding:34px 40px 60px;max-width:1500px;width:100%;margin:0 auto}.page-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:26px}.page-head h1{margin:0;font-size:26px;letter-spacing:-.8px}.page-head p{margin:7px 0 0}.home-screen{max-width:440px;margin:18px auto 0}.home-label{display:none}.company-picker{background:#eef0f5;border:0;text-align:center;width:100%;padding:15px;border-radius:13px;font-weight:650;margin-bottom:26px}.business-card{overflow:hidden;border-radius:18px;box-shadow:0 12px 35px #25355712;line-height:0;background:#fff}.business-card svg{width:100%;height:auto;display:block}.business-card.vertical{max-width:280px;margin:auto}.home-card{margin-bottom:28px}.home-message{text-align:center;line-height:1.65;font-size:16px;color:#73809a;margin:30px 0 26px}.big-actions{display:grid;grid-template-columns:1fr 1fr;gap:13px}.big-action{height:133px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;border-radius:18px;box-shadow:0 5px 16px #17243b06}.big-action .icon{width:31px;height:31px}.big-action b{font-size:18px}.big-action span{font-size:12px;font-weight:400}.big-action.receive .icon{color:#d8ac05}.book-entry{display:flex;align-items:center;gap:15px;width:100%;margin-top:23px;padding:20px;text-align:left;box-shadow:0 5px 16px #17243b06}.book-entry b{display:block;margin-bottom:4px}.book-entry small{color:var(--muted);font-weight:400}.book-entry .arrow{margin-left:auto}.empty-card{background:linear-gradient(135deg,#fff,#f4f6ff);padding:38px 25px;text-align:center;line-height:1.6;border:1px dashed #bac8ee;border-radius:20px;margin-bottom:24px}.empty-card .icon{width:45px;height:45px;color:var(--blue)}.empty-card h2{font-size:22px}.empty-card p{color:var(--muted)}.tool-dock{max-width:440px;margin:28px auto 0;display:flex;justify-content:center;gap:12px;padding:14px 0;border-top:1px solid var(--line)}.tool-dock a{width:48px;height:48px;background:#fff;display:grid;place-items:center;border-radius:14px;border:1px solid var(--line)}.panel{padding:24px;background:#fff;border:1px solid var(--line);border-radius:20px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.stack{display:flex;flex-direction:column;gap:14px}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.row{display:flex;align-items:center;justify-content:space-between;gap:16px}.row>div{min-width:0}.list-row{display:flex;gap:15px;align-items:center;width:100%;padding:20px 18px;border:0;border-bottom:1px solid var(--line);text-align:left;border-radius:0;background:#fff}.list-row:last-child{border-bottom:0}.list-row b,.list-row small{display:block}.list-row small{color:var(--muted);font-weight:400;margin-top:6px}.list-row .arrow{margin-left:auto}.avatar{width:46px;height:46px;flex-shrink:0;border-radius:50%;background:#edf2ff;color:var(--blue);display:grid;place-items:center;font-size:20px}.pill{font-size:12px;background:#fff4d1;padding:7px 11px;border-radius:10px;color:#8e6a00;display:inline-block}.success{background:#e7f6ef;color:#19644b}.locked{padding:16px;border:1px solid #f3dfa0;background:#fffbeb;border-radius:14px;color:#876a10;line-height:1.7;font-size:14px}.search{width:100%;padding:15px 18px;margin-bottom:18px;background:#fff}.filter{display:flex;gap:8px;overflow:auto;margin-bottom:20px}.filter button{white-space:nowrap;border-radius:24px;padding:10px 18px;min-height:40px}.filter button.active{background:var(--blue);color:#fff;border-color:var(--blue)}input,textarea,select{border:1px solid #dfe4ef;border-radius:11px;padding:12px;color:var(--ink);background:#fff;max-width:100%;min-width:0}input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]),select,textarea{width:100%}input[type=color]{width:70px;height:46px;padding:4px}input[type=range]{padding:0;width:100%}label{display:block;font-size:13px;color:#535f75;line-height:1.6}label>input,label>select,label>textarea{margin-top:7px}label.check{display:flex;align-items:center;gap:9px;margin-top:10px}label.check input{margin:0}form{display:flex;flex-direction:column;gap:18px}form .grid{gap:14px}.form-error{color:#ac2f45;white-space:pre-wrap;line-height:1.6;font-size:14px;margin:0}.notice{background:#edf3ff;color:#36548e;padding:15px;border-radius:13px;font-size:13px;line-height:1.7}.template{padding:16px;text-align:left}.template .business-card{margin-bottom:16px;box-shadow:0 4px 12px #00000008}.template.active{outline:2px solid var(--blue)}.preview-layout{display:grid;grid-template-columns:minmax(280px,410px) minmax(0,1fr);gap:30px;align-items:start}.preview-side{position:sticky;top:25px;background:#f3f5f9;border-radius:20px;padding:30px}.preview-side h3{font-size:14px;margin:0 0 20px;color:var(--muted)}.preview-side .actions{margin-top:20px}.qr-box{text-align:center;padding:26px;background:#fff;border:1px solid var(--line);border-radius:18px}.qr-box svg{width:220px;max-width:100%;height:auto}.send-card{max-width:460px;margin:auto;display:flex;flex-direction:column;gap:18px}.send-card .business-card{max-width:100%}video.scan{width:100%;max-height:300px;background:#17243b;border-radius:14px;object-fit:cover}.original-image{display:block;width:100%;max-height:260px;object-fit:contain;background:#f3f4f7;border-radius:12px}.crop-tools{padding:16px;background:#f4f6fa;border-radius:14px}.logo-option{width:100%;text-align:center;padding:25px}.logo-option>svg{width:110px;height:110px;margin:8px}.logo-option .business-card{margin-top:18px}.stat{font-size:34px;font-weight:750;margin:15px 0}.download-card h2{font-size:20px}.download-card button{margin-top:15px}.download-card.recommended{border-color:var(--blue);box-shadow:0 4px 25px #3659e310}.download-card .tag{display:inline-block}.public-page{max-width:480px;margin:35px auto 0}.public-page h1{font-size:24px;line-height:1.5}.public-page .business-card{margin:23px 0}.public-page .actions>*{flex:1;text-align:center}.details-list{display:grid;grid-template-columns:95px 1fr;gap:12px;font-size:14px}.details-list dt{color:var(--muted)}.details-list dd{margin:0;overflow-wrap:anywhere}.legacy{border-left:3px solid #c4cad7}.hidden,[hidden]{display:none!important}.loading{padding:50px;color:var(--muted);text-align:center}dialog{border:0;border-radius:24px;padding:27px;max-width:720px;width:calc(100% - 34px);max-height:calc(100dvh - 44px);overflow:auto;color:var(--ink);box-shadow:0 25px 100px #17243b30}dialog::backdrop{background:#11182765;backdrop-filter:blur(2px)}dialog .dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}dialog h2{font-size:21px;margin:0}.more-menu{max-width:450px}.more-menu button{width:100%;display:flex;align-items:center;gap:15px;text-align:left;border:0;padding:17px 8px;background:#fff}.more-menu button .arrow{margin-left:auto}.more-menu .muted{font-size:12px;font-weight:400}.more-menu b{display:block}.more-menu small{display:block;margin-top:4px;font-weight:400;color:var(--muted)}#man-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:15px 22px;border-radius:14px;background:#17243b;color:#fff;max-width:calc(100% - 30px);z-index:1000;box-shadow:0 5px 20px #17243b20;font-size:14px}.login{max-width:410px;margin:45px auto}.login h1{font-size:30px}.login .brand{display:block;margin-bottom:30px}.login-divider{text-align:center;margin:18px;color:var(--muted)}.hero{max-width:1260px;margin:auto;padding:80px 40px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.hero h1{font-size:55px;line-height:1.2;letter-spacing:-2px}.hero p{line-height:1.9;font-size:18px;color:var(--muted)}.hero .business-card{transform:rotate(-5deg);box-shadow:0 30px 70px #3659e31a}.home-features{max-width:1260px;margin:auto;padding:40px}.home-features h2{font-size:30px}.site-footer{padding:45px;text-align:center;color:var(--muted);font-size:13px}.mobile-only{display:none}
@media(max-width:1000px){main{padding:28px 24px}.layout{grid-template-columns:190px 1fr}.grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-grid{gap:35px}.hero h1{font-size:42px}.preview-layout{grid-template-columns:1fr}.preview-side{position:static;order:-1}.preview-side .business-card{max-width:500px;margin:auto}}
@media(max-width:640px){.topbar{height:72px;padding:18px 22px;border:0;background:var(--paper)}.topbar .brand{font-size:23px}.topbar .desktop-only{display:none}.topbar .tag{font-size:10px;padding:5px 8px}.layout{display:block;min-height:calc(100dvh - 72px)}.sidebar{display:none}main{padding:12px 22px 36px}.home-screen{margin:8px auto 0}.home-label{display:block}.page-head{margin:10px 0 23px}.page-head h1{font-size:23px}.home-screen .page-head{display:none}.grid,.grid.three{grid-template-columns:1fr}.company-picker{font-size:14px;padding:13px;margin-bottom:24px}.home-message{font-size:14px;margin:26px 0 22px}.big-action{height:125px;padding:14px 7px}.big-action b{font-size:16px}.big-action span{font-size:11px}.book-entry{padding:18px}.panel{padding:20px;border-radius:17px}.row{gap:10px}.row .actions{justify-content:flex-end}.preview-side{padding:20px}.preview-layout{gap:20px}.form-grid.grid{grid-template-columns:1fr 1fr}.mobile-only{display:block}.public-page{margin-top:5px}.public-page h1{font-size:22px}.public-page .business-card{margin:22px 0}.topbar .home-link{margin-left:auto}.hero{padding:35px 24px}.hero-grid{display:flex;flex-direction:column;gap:42px}.hero h1{font-size:41px}.hero p{font-size:16px}.hero .business-card{width:100%;transform:rotate(-3deg);margin:12px 0}.home-features{padding:35px 22px}.home-features h2{font-size:26px}.site-footer{padding:35px 22px}.more-menu{position:fixed;bottom:0;left:0;right:0;margin:0 auto;width:100%;max-height:90dvh;max-width:480px;border-radius:24px 24px 0 0;padding:23px 26px}.more-menu button{padding:14px 5px}.qr-box svg{width:200px}.details-list{grid-template-columns:75px 1fr}.actions button{min-width:0}.download-card button{width:100%}dialog{padding:22px}.logo-option{padding:18px}.tool-dock{margin-bottom:0}}
@media(prefers-reduced-motion:no-preference){button,a{transition:background .15s,border-color .15s,transform .15s}.business-card{animation:appear .25s ease-out}@keyframes appear{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}}

.brand-ko{display:none}@media(max-width:640px){.brand-en{display:none}.brand-ko{display:inline}.topbar .tag{margin-right:auto}.topbar>a.desktop-only{display:none}}

.guest-language{max-width:125px;font-size:12px}

.panel.primary{background:var(--blue);color:#fff;border-color:var(--blue)}.panel.primary:hover{background:#2648ce;color:#fff}