:root{--navy: #1c3443;--line: #cadae1;--pale: #e9f3f7;--blue: #3c6b81;--red: #d64141;--bg: #f5f8fa;--txt: #223643}*{box-sizing:border-box}body{margin:0;color:var(--txt);font-family:Noto Sans KR,Malgun Gothic,sans-serif;font-weight:300;background:var(--bg)}button,input,select,textarea{font:inherit}strong,b,h1,h2,h3,th,.brand,.kpi strong,.stats b{font-weight:700}button{cursor:pointer;border:1px solid #adc1cb;border-radius:7px;background:#fff;color:var(--txt);padding:10px 14px}button:hover{background:#f0f8fc}button:disabled{opacity:.45;cursor:not-allowed}.primary{color:#fff;background:var(--blue);border-color:var(--blue)}.primary:hover{background:#27576c}.danger{color:#a73535}.pill{border-radius:20px}.topbar{background:#fff;padding:15px 26px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.brand{font-weight:700;letter-spacing:3px;font-size:25px}.subtitle{font-size:12px;letter-spacing:1px;color:#77909d}.toggle{display:flex;gap:8px}.app{max-width:1500px;margin:auto}.panel{background:#fff;border:1px solid var(--line);border-radius:11px;padding:20px;box-shadow:0 4px 14px #17374a08}.muted{color:#7c909b}.tiny{font-size:12px}.adminlayout{display:grid;grid-template-columns:170px 1fr;gap:22px;padding:22px}.sidebar{display:flex;flex-direction:column;gap:12px}.sidebar button{min-height:62px;font-size:16px}.sidebar button.active{background:var(--pale);border:2px solid var(--blue)}h1,h2,h3{margin:0 0 16px}h1{font-size:23px}h2{font-size:19px}h3{font-size:15px}.section{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:15px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.kpi{text-align:center;border:1px solid var(--line);padding:20px 5px;border-radius:8px}.kpi strong{display:block;font-size:28px;margin-top:12px}.red{color:var(--red)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stats div{border:1px solid var(--line);padding:20px;text-align:center}.stats b{display:block;margin-top:7px;font-size:20px}.controlrow{display:flex;flex-wrap:wrap;align-items:center;gap:9px}.controlrow input,.controlrow select{max-width:230px}.field{border:1px solid var(--line);border-radius:7px;padding:12px;width:100%;min-height:42px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{border-bottom:1px solid #e6eff2;padding:13px 8px;text-align:left;white-space:nowrap}th{background:#f0f5f7;font-weight:600}tr:hover td{background:#f9fcfd}.tablewrap{overflow:auto}textarea{min-height:160px}.empty{padding:55px;text-align:center;color:#8ca1ab}.tabletbg{padding:22px;min-height:calc(100vh - 78px);display:flex;justify-content:center;align-items:flex-start}.tablet{background:#fff;border:2px solid var(--line);border-radius:15px;width:min(1020px,100%);min-height:600px;display:grid;grid-template-columns:40% 60%;overflow:hidden}.tabletinfo{padding:42px 28px;display:flex;flex-direction:column;gap:22px}.balance{border:2px solid var(--line);padding:25px 14px;border-radius:8px;text-align:center}.balance strong{font-size:39px;color:var(--red);display:block;margin:12px 0 0}.keyarea{border-left:2px solid var(--line);display:flex;flex-direction:column}.display{padding:22px 18px;min-height:124px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;border-bottom:2px solid var(--line)}.display .biginput{border:0;width:100%;text-align:center;font-size:41px;outline:0;color:var(--navy);background:transparent}.keypad{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);flex:1;min-height:400px}.keypad button{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;font-size:34px}.keypad button.primary{color:var(--navy);background:var(--pale);font-size:26px}.keypad button:active{background:#d1e4ed}.notice{background:#eaf4f8;border:1px solid #cbdde6;padding:12px 15px;border-radius:8px;margin:12px 0;color:#385f72}.workqueue{border-left:5px solid var(--blue);background:#f5fbfd;padding:16px;margin:12px 0;border-radius:6px}.flex{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.full{width:100%}.hidden{display:none!important}.small{font-size:13px}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#213e4c;color:#fff;border-radius:9px;padding:13px 22px;display:none;box-shadow:0 6px 22px #0002;z-index:5}.tag{display:inline-block;background:#e7f1f6;color:#2e607a;border-radius:20px;padding:4px 10px;font-size:12px;margin:3px}.headerline{border-bottom:1px solid var(--line);padding-bottom:13px;margin-bottom:18px}.status{display:inline-block;border-radius:20px;padding:5px 9px;background:#f3e9d5;font-size:12px}.minihelp{font-size:12px;color:#7b929e;line-height:1.6}.modalback{position:fixed;inset:0;background:#172b3880;display:flex;justify-content:center;align-items:center;z-index:9;padding:18px}.modal{background:#fff;border-radius:13px;padding:25px;width:min(480px,100%)}.rowline{display:flex;justify-content:space-between;gap:12px;margin:10px 0}.setting{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.sep{height:1px;background:#e1ebef;margin:20px 0}.rowcards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.rowcards>div{background:#f7fbfd;border:1px solid var(--line);padding:20px;border-radius:8px}input[type=checkbox]{accent-color:#3c6b81;width:18px;height:18px}.register{max-width:520px;margin:auto;padding:30px;text-align:center}.register h1{font-size:30px}.register input{font-size:24px;text-align:center}.register .regbtns{display:flex;gap:10px;justify-content:center;margin-top:18px}.register .regbtns button{min-width:130px;padding:14px}.selected{background:#dfedf4!important;border:2px solid var(--blue)!important}@media(max-width:850px){.adminlayout{grid-template-columns:1fr}.sidebar{flex-direction:row}.sidebar button{min-height:44px;flex:1}.grid2,.tablet{grid-template-columns:1fr}.keyarea{border-left:0;border-top:2px solid var(--line)}.keypad{min-height:330px}.tabletinfo{padding:22px}.kpis{grid-template-columns:repeat(2,1fr)}.rowcards{grid-template-columns:1fr}.topbar{flex-wrap:wrap}}label{display:inline-flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600}.tag{cursor:pointer}.tag:hover{background:#d4e9f4}.modal label{margin-top:12px}.crmcondition{padding:16px;border:1px solid var(--line);background:#f7fafc;border-radius:10px}.crmcondition .controlrow{align-items:end}.crmcondition label{flex:1;min-width:145px}.reglayout{grid-column:1/-1;display:grid;grid-template-columns:40% 60%;min-height:600px}.regleft{padding:44px 24px;text-align:center;display:flex;flex-direction:column;justify-content:center;gap:12px}.regleft h1{font-size:31px}.regleft h2{font-size:20px;line-height:1.6;font-weight:300}.regfield{font-size:26px;text-align:center;max-width:360px;margin:0 auto}.regbtns{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.regbtns button{min-width:110px}.regkeyarea{border-left:2px solid var(--line);display:flex;flex-direction:column;min-width:0}.reginstruction{padding:24px 14px;text-align:center;color:#77909d;border-bottom:1px solid var(--line);font-size:15px}.regnumkeys{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,minmax(68px,1fr));flex:1}.regnumkeys button,.reghangulkeys button{border-radius:0;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:27px;background:#fff}.regnumkeys button:active,.reghangulkeys button:active{background:var(--pale)}.reghangulkeys{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));grid-auto-rows:minmax(74px,1fr);flex:1}.reghangulkeys button{font-size:23px;padding:6px 0}.reghangulkeys .wide{grid-column:span 4;font-size:16px;background:var(--pale)}@media(max-width:850px){.reglayout{grid-template-columns:1fr}.regleft{padding:30px 15px}.regkeyarea{border-left:0;border-top:2px solid var(--line)}.reghangulkeys{grid-auto-rows:55px}.regnumkeys{grid-template-rows:repeat(4,72px)}}.tablet-result{grid-column:1/-1;min-height:600px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:42px 28px;text-align:center;gap:14px}.tablet-result h1{font-size:clamp(34px,4vw,48px);margin:0;font-weight:700}.result-caption{font-size:clamp(18px,2vw,24px);margin:0 0 8px}.result-values{display:grid;width:min(650px,100%);gap:12px}.result-item{border:2px solid var(--line);border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:20px 24px;text-align:left}.result-item span{font-size:clamp(18px,2.2vw,25px);font-weight:700}.result-item strong{font-size:clamp(31px,3.5vw,44px);font-weight:700;color:var(--red);white-space:nowrap}.result-balance{background:var(--pale);border-color:var(--blue)}.result-reset{font-size:clamp(17px,1.9vw,22px);margin:10px 0;color:var(--txt)}.result-confirm{min-width:210px;min-height:62px;font-size:24px;font-weight:700}@media(max-width:560px){.tablet-result{padding:28px 15px}.result-item{flex-direction:column;text-align:center;padding:16px}.result-item strong{font-size:35px}}:root{font-family:Noto Sans KR,Malgun Gothic,Arial,sans-serif}body{font-weight:400}.app{min-height:100vh}.brand-link{text-decoration:none;color:inherit}.brand span{font-size:13px;font-weight:500;letter-spacing:1px}.topbar{min-height:84px}.demo-label{display:flex;align-items:center;gap:7px;font-size:12px;color:#647b88}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--red)}.demo-strip{padding:9px 26px;background:#eaf3f7;color:#486473;font-size:12px;display:flex;gap:8px;align-items:center;border-bottom:1px solid var(--line)}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#688392;margin-bottom:12px}.launcher{max-width:1160px;margin:auto;padding:70px 28px 40px}.launcher>h1{font-size:clamp(30px,4vw,46px);line-height:1.5;letter-spacing:-1.5px}.launch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:35px 0}.launch-card{text-decoration:none;color:inherit;min-height:230px;display:flex;flex-direction:column;padding:30px;transition:transform .15s,border-color .15s}.launch-card:hover{transform:translateY(-3px);border-color:var(--blue)}.launch-card svg{color:var(--blue);margin-bottom:22px}.launch-card h2{margin:0}.launch-card p{font-size:13px;color:#687f8b;line-height:1.8;flex:1}.launch-card span{display:flex;gap:12px;align-items:center;color:var(--blue);font-weight:700;font-size:13px}.launch-card span svg{margin:0}.demo-guide{padding:25px 30px}.demo-guide li{font-size:14px;margin:12px 0;line-height:1.7}.sidebar button{display:flex;align-items:center;gap:12px;text-align:left;position:relative}.sidebar .dot{position:absolute;right:8px;top:8px}.sidebar-footer{margin-top:30px;display:grid;gap:8px}.sidebar-footer button{font-size:12px;min-height:40px}.workspace{min-width:0}.section h1{margin:0}.section .eyebrow{margin-bottom:7px}.request-banner{width:100%;display:flex;align-items:center;gap:12px;text-align:left;margin:0 0 16px;background:#e9f3f7;border-color:var(--blue)}.auth-card{max-width:440px;margin:65px auto;padding:32px}.auth-card h1{font-size:26px}.form-label{display:flex;width:100%;margin:14px 0;font-size:13px;font-weight:600;gap:7px}.form-label input{max-width:100%}.check{display:flex;flex-direction:row;gap:10px;align-items:flex-start;margin:18px 0;font-size:14px;font-weight:400;line-height:1.6}.check input{flex-shrink:0}.space-top{margin-top:20px}.rowcards b{display:block;margin-top:10px;font-size:23px}.kpi strong{font-size:25px}.tier-badge{border:1px solid var(--line);border-radius:20px;padding:4px 9px;background:#f2f7fa;font-size:12px}.wrap-cell{white-space:normal;min-width:200px;max-width:400px}.compact-keypad{max-width:310px;margin-top:18px}.compact-keypad .keypad{min-height:180px;gap:0;border:1px solid var(--line)}.compact-keypad .keypad button{font-size:18px;min-height:42px}.compact-keypad .keypad button.primary{font-size:16px}.button{display:inline-block;padding:10px 14px;border:1px solid #adc1cb;border-radius:7px;background:#fff;color:var(--txt);text-decoration:none;font-size:14px}.confirmation{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.confirmation dt{color:#6e8592}.confirmation dd{text-align:right;font-weight:700;margin:0}dialog{border:1px solid var(--line);border-radius:13px;padding:25px;width:min(680px,calc(100vw - 36px));max-height:90vh;overflow:auto;color:var(--txt);box-shadow:0 15px 60px #17374a30}dialog::backdrop{background:#172b3880}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}.dialog-head h2{margin:0}.dialog-head button{padding:7px;display:flex}.history-line{border-bottom:1px solid var(--line);display:grid;gap:9px;padding:15px 0}.history-line button{justify-self:start}.registration-content{grid-column:1/-1;padding:35px;max-width:700px;margin:auto}.consent-text{max-height:200px;overflow:auto;background:#f7fafc;border:1px solid var(--line);padding:18px;font-size:13px;line-height:1.8}.toast.visible{display:flex;align-items:center;gap:15px;z-index:100}.toast button{padding:0;background:none;border:0;color:#fff;font-size:21px}.app-footer{padding:24px;text-align:center;color:#7b929e;font-size:11px}.field:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #80b0cb;outline-offset:3px}.tabletinfo .eyebrow{margin:0}.tablet-result .balance{min-width:250px}details summary{cursor:pointer;padding:12px;background:var(--pale);border-radius:6px}.notice{line-height:1.7}.kpis .kpi{min-width:0}.panel h2 small{font-size:11px;font-weight:400}.controlrow .form-label{width:auto;min-width:150px}.full{margin-top:8px}button:disabled{cursor:not-allowed}.form-label+.primary{margin-top:12px}form .field{background:#fff}.reghangulkeys button{min-width:0}.regleft .form-label{text-align:left}.auth-card small{line-height:1.8;color:#7b929e}@media(max-width:850px){.launch-grid{grid-template-columns:1fr}.launcher{padding-top:36px}.launch-card{min-height:160px}.sidebar{overflow-x:auto;flex-wrap:wrap}.sidebar button{font-size:13px;flex:1 0 100px}.sidebar-footer{display:flex;margin:0;flex:1}.topbar{padding:15px}.adminlayout{padding:15px;gap:16px}.section{align-items:flex-start}.rowcards b{font-size:21px}.auth-card{margin:30px 16px}.demo-strip{padding:10px 15px}.controlrow .form-label{min-width:120px;flex:1}.kpi{padding:14px 5px}dialog{padding:20px}.tabletbg{padding:12px}.registration-content{padding:25px 18px}}
