@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Noto+Sans+KR:wght@400;500;600;700&display=swap";:root{font-family:Noto Sans KR,sans-serif;color:#17251d;background:#f4f1ea;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.shell{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:100vh}aside{background:#17251d;color:#fff;padding:30px 20px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;margin:0 7px 27px}.bean{width:42px;height:42px;border-radius:50% 45%;background:#dca45b;color:#17251d;display:grid;place-items:center;font:28px "DM Serif Display";transform:rotate(-9deg)}.brand b,.brand span{display:block;letter-spacing:.12em}.brand b{font-size:13px}.brand span{color:#93a295;font-size:7px;margin-top:4px}.store-card{background:#213329;border:1px solid #30453a;padding:14px;border-radius:10px;margin-bottom:24px}.store-card span,.store-card b,.store-card small{display:block}.store-card span{color:#91a095;font-size:9px}.store-card b{font-size:12px;margin:6px 0 3px}.store-card small{color:#77877b;font-size:9px}nav{display:grid;gap:6px}nav button{border:0;background:transparent;text-align:left;padding:13px 15px;color:#aab6ac;border-radius:8px;font-size:13px}nav button:hover{color:#fff;background:#213329}nav button.active{color:#fff;background:#2a3b31;box-shadow:inset 3px 0 #dca45b}.system{margin-top:auto;color:#91a095;font-size:10px;padding:14px 8px 0;border-top:1px solid #304138}.system i{display:inline-block;width:7px;height:7px;background:#6ec888;border-radius:50%;margin-right:7px;box-shadow:0 0 0 4px #6ec88814}main{padding:36px clamp(24px,4vw,64px) 70px;max-width:1540px;width:100%;overflow:hidden}header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px}header p{color:#9b7247;font-size:9px;font-weight:700;letter-spacing:.18em;margin:0 0 6px}h1{font:40px "DM Serif Display",Noto Sans KR;margin:0;font-weight:400}h2{margin:4px 0 0;font-size:17px}h3{margin:14px 0 3px;font-size:16px}.header-actions{display:flex;gap:8px;align-items:flex-end}.header-actions label{color:#797c74;font-size:9px}.header-actions input{display:block;margin-top:5px;border:1px solid #ddd8cd;background:#fff;padding:8px 10px;border-radius:8px;color:#26362c}.icon-button{width:37px;height:37px;border-radius:8px;border:1px solid #ddd8cd;background:#fff;color:#5e6d63}.notice{display:flex;justify-content:space-between;align-items:center;background:#fff8e7;border:1px solid #e7d5ac;padding:11px 15px;border-radius:9px;margin-bottom:17px;font-size:12px}.notice button{background:transparent;border:0;color:#877b64;font-size:18px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric{position:relative;overflow:hidden;background:#fff;border:1px solid #e2ded3;border-radius:13px;padding:20px;min-height:126px;box-shadow:0 9px 28px #1f28200a}.metric:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#4e775d}.metric.gold:before{background:#d39c54}.metric.blue:before{background:#68869b}.metric.red:before{background:#b66a5c}.metric span{color:#797c74;font-size:11px}.metric strong{display:block;font:26px "DM Serif Display",Noto Sans KR;margin:13px 0 5px;white-space:nowrap}.metric small{color:#a0a199;font-size:9px}.overview-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;align-items:start}.panel{background:#fff;border:1px solid #e2ded3;border-radius:13px;padding:23px;box-shadow:0 9px 28px #1f28200a}.panel.wide{min-height:420px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panel-title span,.modal>span{color:#a47b4f;font-size:8px;font-weight:700;letter-spacing:.15em}.panel-title em{color:#899088;font-style:normal;font-size:10px}.caption{color:#999b93;font-size:9px}.person-row{display:grid;grid-template-columns:38px 1fr auto 52px;gap:11px;align-items:center;padding:12px 0;border-top:1px solid #efede6}.avatar{width:36px;height:36px;border-radius:50%;background:#e9eee9;color:#41604d;display:grid;place-items:center;font-size:12px;font-weight:700}.avatar.large{width:44px;height:44px;font-size:15px}.person-main b,.person-main small{display:block}.person-main b{font-size:12px}.person-main small{color:#999b93;font-size:9px;margin-top:3px}.status{width:fit-content;border-radius:99px;padding:5px 9px;font-size:8px;font-weight:600;white-space:nowrap}.status.working{background:#e9f4eb;color:#3f7251}.status.off{background:#f0f0ed;color:#898b84}.status.planned{background:#edf0f7;color:#5d6f8e}.status.complete{background:#ebf3ee;color:#47745b}.compact{border:1px solid #d9d5ca;background:#faf9f5;color:#4c5c52;border-radius:6px;padding:6px 8px;font-size:9px}.activity{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:9px;padding:13px 0;border-top:1px solid #efede6}.timeline-dot{width:7px;height:7px;background:#d9aa6c;border-radius:50%}.activity b,.activity small{display:block}.activity b{font-size:11px}.activity small{color:#999b93;font-size:8px;margin-top:4px}.activity strong{font-size:9px;color:#5e6c63}.primary{border:0;background:#315642;color:#fff;padding:9px 14px;border-radius:7px;font-size:10px}.primary:hover{background:#244735}.primary:disabled,button:disabled{opacity:.55;cursor:not-allowed}.employee-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.employee-card{border:1px solid #e8e4da;border-radius:11px;padding:18px;background:#fdfcf9;transition:border-color .2s,transform .2s,box-shadow .2s}.employee-card:hover{border-color:#bfcbbf;transform:translateY(-2px);box-shadow:0 12px 28px #273a2e14}.employee-card-select{display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.employee-card-top{display:flex;justify-content:space-between}.employee-card-select>p{color:#8f928a;font-size:9px;margin:0 0 17px}.employee-card dl{margin:0;border-top:1px solid #ece9e1}.employee-card dl div{display:flex;justify-content:space-between;padding-top:9px}.employee-card dt{color:#999b93;font-size:9px}.employee-card dd{margin:0;font-size:9px;font-weight:600}.employee-detail-link{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding-top:12px;border-top:1px solid #ece9e1;color:#315642;font-size:9px;font-weight:700}.employee-detail-link b{font-size:14px}.data-table{min-width:690px}.table-head,.table-row{display:grid;gap:15px;align-items:center;padding:12px 10px}.table-head{background:#f6f4ee;color:#868981;border-radius:7px;font-size:9px}.table-row{border-bottom:1px solid #eeebe4;color:#525e56;font-size:10px}.table-row b,.table-row small{display:block}.table-row small{color:#a1a29b;font-size:8px;margin-top:3px}.schedule-table .table-head,.schedule-table .table-row{grid-template-columns:1.1fr .8fr 1.2fr .5fr .5fr}.attendance-table .table-head,.attendance-table .table-row{grid-template-columns:.8fr 1.4fr 1.4fr .5fr .7fr .6fr}.payroll-table .table-head,.payroll-table .table-row{grid-template-columns:1fr .7fr .8fr 1.2fr .8fr}.summary-strip{display:grid;grid-template-columns:repeat(3,1fr);background:#24372c;color:#fff;border-radius:12px;margin-bottom:17px;padding:18px 24px}.summary-strip div{padding:0 20px;border-right:1px solid #405247}.summary-strip div:first-child{padding-left:0}.summary-strip div:last-child{border:0}.summary-strip span,.summary-strip b{display:block}.summary-strip span{color:#aeb9b1;font-size:9px}.summary-strip b{margin-top:7px;font-size:15px}.payroll-hero{background:#24372c;color:#fff;border-radius:13px;padding:25px 28px;margin-bottom:17px;display:flex;align-items:center;justify-content:space-between}.payroll-hero span{color:#d6b27d;font-size:9px}.payroll-hero h2{font:34px "DM Serif Display",Noto Sans KR;margin:7px 0}.payroll-hero p{margin:0;color:#aeb9b1;font-size:9px}.payroll-action{display:flex;align-items:center;gap:10px}.payroll-action .primary{background:#d6a25e;color:#17251d}.empty{min-height:180px;display:grid;place-content:center;text-align:center;color:#a0a198}.empty span{font:30px "DM Serif Display"}.empty p{font-size:10px;margin:7px}.modal-backdrop{position:fixed;inset:0;z-index:20;background:#0f19139e;display:grid;place-items:center;padding:20px}.modal{width:min(540px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:14px;padding:28px;position:relative;box-shadow:0 30px 80px #00000047}.modal-close{position:absolute;right:17px;top:14px;border:0;background:transparent;color:#8e928a;font-size:23px}.modal h2{font-size:21px;margin:6px 0 23px}.form{display:grid;gap:13px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.form label{color:#6f756f;font-size:9px;font-weight:600}.form input,.form select{display:block;width:100%;margin-top:6px;border:1px solid #ddd9cf;background:#fbfaf7;border-radius:7px;padding:10px 11px;color:#26362c;font-size:11px}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:9px;padding-top:16px;border-top:1px solid #ebe8e0}.form-actions button{border:1px solid #ddd9cf;background:#fff;color:#69736c;padding:9px 15px;border-radius:7px;font-size:10px}.form-actions .primary{border:0;background:#315642;color:#fff}.loading{min-height:100vh;display:grid;place-content:center;text-align:center;color:#777d77;font-size:11px}.loader{margin:auto;width:45px;height:45px;border-radius:50% 45%;background:#dca45b;color:#17251d;display:grid;place-items:center;font:27px "DM Serif Display"}.error{color:#b84d3d}@media(max-width:1050px){.metrics{grid-template-columns:1fr 1fr}.overview-grid{grid-template-columns:1fr}.employee-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.shell{display:block}aside{padding:17px}.brand{margin-bottom:13px}.store-card,.system{display:none}nav{display:flex;overflow-x:auto}nav button{white-space:nowrap}main{padding:25px 15px 50px}header{align-items:flex-start}h1{font-size:31px}.metrics{grid-template-columns:1fr 1fr}.employee-grid{grid-template-columns:1fr}.panel{overflow-x:auto}.summary-strip{grid-template-columns:1fr;gap:12px}.summary-strip div{border:0;padding:0}.payroll-hero{display:block}.payroll-action{margin-top:18px}.form-grid{grid-template-columns:1fr}}@media(max-width:460px){.metrics{grid-template-columns:1fr}header{display:block}.header-actions{margin-top:14px}}.attendance-table.enhanced .table-head,.attendance-table.enhanced .table-row{grid-template-columns:.8fr 1.25fr 1.25fr .45fr .65fr .8fr .6fr}.status.alert{background:#faece7;color:#b84d3d}.summary-strip.four{grid-template-columns:repeat(4,1fr)}.payroll-action>button:not(.primary){border:1px solid #53655a;color:#d8dfda;background:transparent;padding:8px 10px;border-radius:7px;font-size:9px}.payroll-cards{display:grid;gap:12px}.payroll-card{border:1px solid #e7e3d9;border-radius:11px;background:#fdfcf9;padding:18px}.payroll-card-head{display:flex;justify-content:space-between;align-items:flex-start}.payroll-card-head h3{margin:0}.payroll-card-head p{color:#979991;font-size:9px;margin:4px 0 0}.payroll-card-head>strong{font-size:16px;text-align:right}.payroll-card-head>strong small{color:#999b93;display:block;font-size:8px;margin-top:3px}.pay-breakdown{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:15px 0;padding:13px 0;border-top:1px solid #ece9e1;border-bottom:1px solid #ece9e1}.pay-breakdown span,.pay-breakdown b{display:block}.pay-breakdown span{color:#999b93;font-size:8px}.pay-breakdown b{font-size:9px;margin-top:5px}.work-tags{display:flex;flex-wrap:wrap;gap:6px}.work-tags span{background:#eef2ed;color:#607067;border-radius:99px;padding:5px 8px;font-size:8px}.approval-panel{margin-bottom:17px;min-height:0}.approval-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-top:1px solid #ece9e1}.approval-row b,.approval-row small{display:block}.approval-row b{font-size:11px}.approval-row small{color:#979991;font-size:8px;margin-top:4px}.approval-actions{display:flex;gap:6px}.approval-actions button{border:1px solid #ddd8cd;background:#fff;color:#69736c;border-radius:6px;padding:7px 10px;font-size:9px}.approval-actions .primary{background:#315642;color:#fff;border:0}.exception-banner{display:flex;justify-content:space-between;align-items:center;border:1px solid #efd4c9;background:#fff1eb;color:#9a4e3e;border-radius:9px;padding:11px 14px;margin-bottom:17px;font-size:9px}.exception-banner b{font-size:10px}.exception-text{color:#9a5b4d;font-size:9px}.form fieldset{border:1px solid #e2ded5;border-radius:8px;padding:10px 12px;display:flex;flex-wrap:wrap;gap:10px 16px}.form legend{color:#777d76;font-size:9px;padding:0 5px}.form label.check{display:flex;align-items:center;gap:5px;font-weight:500}.form label.check input{display:inline-block;width:auto;margin:0}.form label.check.single{padding:7px 0}.form-help{background:#f3f5f1;color:#6f786f;border-radius:7px;padding:10px 12px;margin:0;font-size:9px;line-height:1.6}.employee-form-summary{display:flex;align-items:center;gap:12px;padding:13px;border-radius:10px;background:#f4f6f2}.employee-form-summary span,.employee-form-summary b{display:block}.employee-form-summary span{color:#62806d;font-size:8px;font-weight:700}.employee-form-summary b{margin-top:4px;font-size:11px}.employee-profile-form.viewing input:disabled,.employee-profile-form.viewing select:disabled,.employee-profile-form.viewing fieldset:disabled{opacity:1;color:#566159;-webkit-text-fill-color:#566159}.locked-fields input[readonly]{background:#eeeee9;color:#757b75;cursor:not-allowed}.identity-lock{padding-left:32px;position:relative}.identity-lock:before{content:"🔒";position:absolute;left:11px}.employee-number-preview{min-height:62px;padding:10px 12px;border:1px dashed #bdcbbb;border-radius:8px;background:#f3f7f2}.employee-number-preview span,.employee-number-preview b,.employee-number-preview small{display:block}.employee-number-preview span{color:#66806f;font-size:8px;font-weight:700}.employee-number-preview b{margin:5px 0 3px;font-size:13px;letter-spacing:.04em}.employee-number-preview b i{color:#aa7b48;font-style:normal}.employee-number-preview small,.field-help{color:#92978f;font-size:8px;line-height:1.45}.field-help{display:block;margin-top:5px;font-weight:400}.onboarding-documents{display:block!important}.document-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.document-upload-grid button{display:grid;grid-template-columns:28px 1fr 10px;align-items:center;gap:8px;min-width:0;border:1px solid #dfdcd3;border-radius:9px;padding:10px;background:#fbfaf7;color:#4f5d54;text-align:left}.document-upload-grid button:hover{border-color:#afc2b2;background:#f5f8f4}.document-upload-grid button>i{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;background:#ebece7;color:#718078;font-style:normal}.document-upload-grid button.attached>i{background:#dfeee3;color:#3e7853}.document-upload-grid span,.document-upload-grid b,.document-upload-grid small{display:block;min-width:0}.document-upload-grid b{font-size:9px}.document-upload-grid small{margin-top:3px;color:#999d96;font-size:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-upload-grid em{color:#9ba29c;font-style:normal}.document-dialog-backdrop{position:fixed;z-index:45;inset:0;display:grid;place-items:center;padding:20px;background:#0d1610ad}.document-dialog{position:relative;width:min(500px,100%);max-height:calc(100vh - 40px);overflow:auto;border-radius:16px;padding:26px;background:#fff;box-shadow:0 28px 80px #00000052}.document-dialog>span{color:#a1774a;font-size:8px;font-weight:700;letter-spacing:.13em}.document-dialog h3{margin:6px 0;font-size:20px}.document-dialog>p{color:#858b84;font-size:9px;line-height:1.55}.document-preview{height:260px;margin:18px 0 12px;border:1px solid #dedbd2;border-radius:12px;overflow:hidden;background:#f2f1ed;display:grid;place-items:center}.document-preview img{width:100%;height:100%;object-fit:contain}.empty-preview{color:#92978f;text-align:center}.empty-preview b,.empty-preview small{display:block}.empty-preview small{margin-top:7px;font-size:8px}.document-error{border-radius:7px;padding:9px 11px;background:#fff0eb;color:#a34e3f!important}.document-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.document-dialog-actions button,.document-file-picker{border:1px solid #d9d6cd;border-radius:8px;padding:10px 14px;background:#fff;color:#68736b;font-size:9px;cursor:pointer}.document-file-picker{border:0;background:#315642;color:#fff}.document-file-picker input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}@media(max-width:600px){.document-upload-grid{grid-template-columns:1fr}.document-preview{height:210px}}@media(max-width:1050px){.pay-breakdown{grid-template-columns:repeat(3,1fr)}.payroll-hero{align-items:flex-start}.payroll-action{flex-wrap:wrap;justify-content:flex-end}}@media(max-width:760px){.summary-strip.four{grid-template-columns:1fr}.pay-breakdown{grid-template-columns:1fr 1fr}.payroll-card-head{display:block}.payroll-card-head>strong{display:block;text-align:left;margin-top:12px}.exception-banner{display:grid;gap:5px}}.mobile-app{min-height:100dvh;background:#f6f3ed;padding-bottom:82px;color:#17251d}.mobile-header{height:72px;padding:13px 20px;margin:0;background:#17251d;color:#fff;display:flex;align-items:center;justify-content:space-between}.mobile-header span,.mobile-header b{display:block}.mobile-header span{color:#d6aa6e;font-size:8px;font-weight:700;letter-spacing:.15em}.mobile-header b{font-size:14px;margin-top:4px}.mobile-header button{border:1px solid #425247;background:transparent;color:#aeb9b1;border-radius:7px;padding:7px 9px;font-size:9px}.mobile-main{padding:0 18px 34px;max-width:560px;margin:auto;overflow:visible}.mobile-notice{position:fixed;z-index:15;top:80px;left:16px;right:16px;background:#fff7e8;border:1px solid #e6d3a8;border-radius:9px;padding:11px 13px;display:flex;justify-content:space-between;font-size:10px;box-shadow:0 10px 25px #0000001f}.mobile-notice button{border:0;background:transparent}.mobile-greeting{padding:28px 4px 20px}.mobile-greeting span{color:#9b7247;font-size:10px;font-weight:700}.mobile-greeting h1{font:42px "DM Serif Display",Noto Sans KR;margin:5px 0 2px}.mobile-greeting p{color:#858981;font-size:11px;margin:0}.mobile-clock-card{background:#fff;border:1px solid #e2ded3;border-radius:18px;padding:25px 22px 20px;text-align:center;box-shadow:0 12px 32px #1f28200f}.mobile-clock-card.working{border-color:#bcd5c4;background:#fcfffc}.mobile-clock-card .pulse{display:flex;justify-content:center;align-items:center;gap:7px;color:#788078;font-size:10px;font-weight:600}.mobile-clock-card .pulse i{width:8px;height:8px;border-radius:50%;background:#aaa}.mobile-clock-card.working .pulse i{background:#53a16b;box-shadow:0 0 0 5px #53a16b1f}.mobile-clock-card p{font-size:12px;font-weight:600;margin:13px 0 0}.mobile-clock-card>button{display:block;width:100%;margin:22px 0 11px;border:0;border-radius:13px;padding:17px;color:#fff;background:#315642;font-size:15px;font-weight:700;box-shadow:0 8px 18px #31564233}.mobile-clock-card.working>button{background:#a65345;box-shadow:0 8px 18px #a653452e}.mobile-clock-card small{color:#9c9e97;font-size:8px}.mobile-summary{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:14px 0}.mobile-summary article{background:#fff;border:1px solid #e4e0d7;border-radius:13px;padding:17px 14px}.mobile-summary span,.mobile-summary b{display:block}.mobile-summary span{color:#8d918a;font-size:9px}.mobile-summary b{font-size:14px;margin-top:8px}.mobile-next{background:#24372c;color:#fff;border-radius:14px;padding:19px}.mobile-next>span{color:#d7ad73;font-size:7px;letter-spacing:.15em}.mobile-next h2{font-size:14px;margin:5px 0 14px}.mobile-next div{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #405247;padding-top:13px}.mobile-next b{font-size:11px}.mobile-next strong{color:#c3cdc6;font-size:10px}.mobile-next p{color:#9daba1;font-size:10px;margin:0}.mobile-nav{position:fixed;z-index:10;bottom:0;left:0;right:0;height:72px;padding-bottom:env(safe-area-inset-bottom);background:#fffffff5;border-top:1px solid #dedbd3;display:grid;grid-template-columns:repeat(var(--mobile-nav-count, 4),1fr);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-nav button{border:0;background:transparent;color:#979b94;display:grid;place-content:center;gap:3px;text-align:center}.mobile-nav i{font-style:normal;font-size:18px;line-height:1}.mobile-nav span{font-size:8px}.mobile-nav button.active{color:#315642;font-weight:700}.mobile-page-title{display:flex;justify-content:space-between;align-items:flex-end;padding:27px 2px 20px}.mobile-page-title span{color:#9b7247;font-size:7px;font-weight:700;letter-spacing:.15em}.mobile-page-title h1{font-size:27px;margin:4px 0 0}.mobile-month{color:#8a8e86;font-size:8px}.mobile-month input{display:block;width:124px;margin-top:4px;border:1px solid #ddd8cd;background:#fff;border-radius:7px;padding:7px;font-size:10px}.mobile-total{background:#24372c;color:#fff;border-radius:14px;padding:20px}.mobile-total span,.mobile-total b,.mobile-total small{display:block}.mobile-total span{color:#acb9b0;font-size:9px}.mobile-total b{font-size:25px;margin:7px 0 4px}.mobile-total small{color:#819087;font-size:8px}.mobile-list{margin-top:13px}.mobile-list article{background:#fff;border:1px solid #e4e0d7;border-radius:11px;padding:14px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.mobile-list b,.mobile-list small{display:block}.mobile-list b{font-size:11px}.mobile-list small{color:#969991;font-size:8px;margin-top:5px}.mobile-list strong{font-size:11px;color:#486453}.mobile-pay-hero{background:linear-gradient(145deg,#263b2f,#17251d);color:#fff;border-radius:16px;padding:24px 20px}.mobile-pay-hero span{color:#d4ab73;font-size:9px}.mobile-pay-hero h2{font:34px "DM Serif Display",Noto Sans KR;margin:8px 0}.mobile-pay-hero p{color:#9fad9f;font-size:8px;margin:0}.mobile-pay-detail{background:#fff;border:1px solid #e4e0d7;border-radius:14px;padding:18px;margin-top:12px}.mobile-pay-detail h2{color:#8e928b;font-size:9px;margin:7px 0 12px}.mobile-pay-detail div{display:flex;justify-content:space-between;padding:8px 0;font-size:10px}.mobile-pay-detail hr{border:0;border-top:1px solid #ece9e1}.mobile-pay-detail>small{display:block;border-top:1px solid #ece9e1;padding-top:12px;margin-top:10px;color:#a0a29b;font-size:8px;line-height:1.6}.mobile-empty{text-align:center;color:#999c95;font-size:10px;padding:50px 0}.mobile-login{min-height:100dvh;background:#17251d;display:grid;place-items:center;padding:24px}.mobile-login-card{width:min(380px,100%);background:#fff;border-radius:20px;padding:32px 25px;box-shadow:0 25px 70px #00000047}.mobile-logo{width:48px;height:48px;border-radius:50% 45%;background:#dca45b;color:#17251d;display:grid;place-items:center;font:30px "DM Serif Display";margin-bottom:16px}.mobile-login-card>span{color:#a47b4f;font-size:8px;font-weight:700;letter-spacing:.15em}.mobile-login-card h1{font-size:25px;margin:7px 0 5px}.mobile-login-card>p{color:#888d86;font-size:10px;margin:0 0 23px}.mobile-login-card form{display:grid;gap:13px}.mobile-login-card label{color:#70766f;font-size:9px;font-weight:600}.mobile-login-card input{width:100%;border:1px solid #ddd9cf;background:#fbfaf7;border-radius:9px;padding:13px;margin-top:6px}.mobile-login-card form button{border:0;border-radius:10px;background:#315642;color:#fff;padding:14px;margin-top:7px;font-weight:700}.mobile-login-card>small{display:block;text-align:center;color:#a0a29b;font-size:8px;margin-top:17px}.mobile-login-error{background:#fff0eb;color:#a34e3f;border-radius:7px;padding:9px;font-size:9px;margin-bottom:12px}.mobile-loading{min-height:100dvh;display:grid;place-content:center;justify-items:center;background:#f6f3ed;color:#858a83;font-size:10px}.mobile-loading .mobile-logo{margin:0 0 12px}.mobile-pin-button{width:100%;margin-top:14px;border:1px solid #d9d5ca;background:#fff;color:#4f6658;border-radius:7px;padding:8px;font-size:9px}.pin-error{color:#b34f3f;font-size:9px;margin:-5px 0 0}.mobile-sheet-backdrop{position:fixed;z-index:30;inset:0;background:#0c140f8c;display:flex;align-items:flex-end}.mobile-sheet{width:100%;background:#fff;border-radius:20px 20px 0 0;padding:12px 22px calc(24px + env(safe-area-inset-bottom))}.sheet-handle{width:38px;height:4px;border-radius:99px;background:#d7d7d2;margin:0 auto 20px}.mobile-sheet h2{font-size:19px}.mobile-sheet>p{color:#8b8f88;font-size:9px}.mobile-sheet label{display:flex;align-items:center;gap:8px;color:#667069;font-size:10px;margin:18px 0}.mobile-sheet input{flex:1;border:1px solid #ddd9cf;background:#fbfaf7;border-radius:9px;padding:13px;font-size:15px;text-align:right}.mobile-sheet>div:last-child{display:grid;grid-template-columns:1fr 1.5fr;gap:8px}.mobile-sheet button{border:1px solid #ddd9cf;background:#fff;border-radius:10px;padding:13px}.mobile-sheet button:last-child{border:0;background:#a65345;color:#fff;font-weight:700}html,body,#root{width:100%;min-height:100%}body{min-width:0;overflow-x:hidden;overscroll-behavior-y:none}.mobile-app,.mobile-login,.mobile-loading{width:100%;min-width:0;min-height:100svh;min-height:100dvh}.mobile-app{padding-bottom:calc(64px + env(safe-area-inset-bottom));overflow-x:clip}.mobile-header{width:100%;height:calc(64px + env(safe-area-inset-top));padding:calc(10px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));flex:0 0 auto}.mobile-main{width:min(100%,560px);min-height:calc(100dvh - 128px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:0 clamp(12px,4.5vw,22px) clamp(24px,7vw,40px)}.mobile-nav{height:calc(64px + env(safe-area-inset-bottom));padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.mobile-notice{top:calc(70px + env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right))}.mobile-greeting h1{font-size:clamp(34px,11vw,46px)}.mobile-clock-card,.mobile-summary article,.mobile-next,.mobile-total,.mobile-list article,.mobile-pay-hero,.mobile-pay-detail{min-width:0;overflow-wrap:anywhere}.mobile-login{padding:0;background:#fff;place-items:stretch center}.mobile-login-card{width:min(100%,480px);min-height:100svh;min-height:100dvh;border-radius:0;box-shadow:none;padding:max(30px,calc(22px + env(safe-area-inset-top))) clamp(20px,7vw,36px) max(24px,calc(18px + env(safe-area-inset-bottom)));display:flex;flex-direction:column;justify-content:center}.mobile-login-card h1{font-size:clamp(23px,7vw,30px);word-break:keep-all}.mobile-login-card input,.mobile-login-card form button{min-height:48px;font-size:16px}.mobile-sheet{max-height:calc(100dvh - env(safe-area-inset-top));overflow-y:auto;padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}@media(min-width:761px)and (min-height:521px){.mobile-login{background:#17251d;place-items:center;padding:28px}.mobile-login-card{width:min(420px,100%);min-height:0;border-radius:20px;box-shadow:0 25px 70px #00000047}}@media(max-width:359px){.mobile-main{padding-inline:10px}.mobile-header{padding-inline:12px}.mobile-greeting{padding-top:22px}.mobile-summary{gap:8px}.mobile-summary article{padding:14px 11px}.mobile-page-title{align-items:stretch;flex-direction:column;gap:10px}.mobile-month input{width:100%}}@media(max-height:520px)and (orientation:landscape){.mobile-login-card{justify-content:flex-start;padding-block:18px}.mobile-logo{width:40px;height:40px;font-size:24px;margin-bottom:9px}.mobile-login-card>p{margin-bottom:12px}.mobile-login-card form{gap:8px}.mobile-login-card>small{margin-top:10px}}@media(display-mode:standalone){.mobile-header,.mobile-nav{-webkit-user-select:none;user-select:none}}.mobile-user{display:flex;align-items:center;gap:10px;min-width:0}.mobile-avatar{width:36px;height:36px;flex:0 0 auto;border-radius:50%;background:#dca45b;color:#17251d;display:grid;place-items:center;font-size:13px;font-weight:800}.mobile-identity{min-width:0}.mobile-identity span{max-width:min(50vw,280px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-identity b{display:flex;align-items:center;gap:7px;min-width:0}.mobile-identity b small{color:#aab6ac;border:1px solid #435348;border-radius:99px;padding:2px 6px;font-size:7px;font-weight:500;white-space:nowrap}.mobile-greeting h1{font-family:Noto Sans KR,sans-serif;font-size:clamp(25px,7.8vw,38px);font-weight:700;line-height:1.25;word-break:keep-all}.mobile-greeting p{line-height:1.6}.mobile-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:14px 0}.mobile-quick button{min-width:0;border:1px solid #e2ded3;border-radius:13px;background:#fff;color:#315642;padding:15px 9px;text-align:left}.mobile-quick i,.mobile-quick span,.mobile-quick small{display:block}.mobile-quick i{width:28px;height:28px;border-radius:9px;background:#edf2ed;display:grid;place-items:center;font-style:normal;font-size:14px}.mobile-quick span{color:#27382e;font-size:10px;font-weight:700;margin-top:10px}.mobile-quick small{color:#999d96;font-size:7px;margin-top:4px;line-height:1.4}.mobile-profile-card{background:#fff;border:1px solid #e4e0d7;border-radius:14px;padding:18px;margin-bottom:8px}.mobile-profile-card>div{display:flex;justify-content:space-between;align-items:center;gap:12px}.mobile-profile-card>div span{color:#9b7247;font-size:8px;font-weight:700;letter-spacing:.1em}.mobile-profile-card>div b{font-size:10px}.mobile-profile-card dl{margin:14px 0 11px;border-top:1px solid #ece9e1}.mobile-profile-card dl div{display:flex;justify-content:space-between;gap:15px;padding-top:10px}.mobile-profile-card dt{color:#949890;font-size:9px}.mobile-profile-card dd{margin:0;color:#46564c;font-size:9px;font-weight:600;text-align:right}.mobile-profile-card>small{display:block;color:#a0a39c;font-size:8px;line-height:1.5}.mobile-schedule-list article>strong{flex:0 0 auto;border-radius:99px;background:#edf0f7;padding:5px 8px;color:#5d6f8e;font-size:8px}@media(max-width:359px){.mobile-header button{padding-inline:6px}.mobile-identity b small{display:none}.mobile-quick{gap:6px}.mobile-quick button{padding-inline:7px}}.app-icon{display:block;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mobile-app{background:radial-gradient(circle at 90% 0,rgba(205,163,102,.12),transparent 28%),#f5f3ee}.mobile-header{position:sticky;z-index:12;top:0;height:calc(74px + env(safe-area-inset-top));padding:calc(12px + env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 12px max(20px,env(safe-area-inset-left));margin:0;background:#f9f8f4e0;color:#1c2c23;border-bottom:1px solid rgba(39,55,46,.08);-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%)}.mobile-avatar{width:42px;height:42px;color:#fff;background:linear-gradient(145deg,#bc8245,#e2b36f);border:3px solid rgba(255,255,255,.85);box-shadow:0 5px 16px #8b5d2b38}.mobile-identity span{color:#8d7861;font-size:8px;letter-spacing:.08em}.mobile-identity b{color:#1d2d24;font-size:13px}.mobile-identity b small{color:#8c6c48;border-color:#dfd0ba;background:#f5ede1}.mobile-header>button{width:38px;height:38px;display:grid;place-items:center;padding:0;color:#6f7b73;border-color:#deddd7;background:#ffffffb3;border-radius:12px}.mobile-header>button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.mobile-main{width:min(100%,620px);padding-inline:clamp(16px,5vw,26px);padding-bottom:54px}.mobile-greeting{padding:32px 2px 23px}.greeting-eyebrow{display:flex;justify-content:space-between;align-items:center}.greeting-eyebrow>span{color:#93714e;font-size:9px;letter-spacing:.04em}.greeting-eyebrow em{color:#617067;background:#e9ede7;border-radius:99px;padding:5px 9px;font-size:8px;font-style:normal;font-weight:700}.mobile-greeting h1{color:#1c2b23;font-size:clamp(27px,8.2vw,40px);letter-spacing:-.045em;margin:12px 0 9px}.mobile-greeting h1 strong{color:#a7733e;font-weight:700}.mobile-greeting p{color:#7c847d;font-size:10px}.mobile-clock-card{position:relative;overflow:hidden;color:#fff;background:linear-gradient(145deg,#263d31,#14251c 68%,#0d1b14);border:0;border-radius:24px;padding:23px 21px 19px;text-align:left;box-shadow:0 22px 48px #17291f33}.mobile-clock-card:before{content:"";position:absolute;width:190px;height:190px;right:-72px;top:-85px;border:1px solid rgba(225,181,115,.16);border-radius:50%;box-shadow:0 0 0 28px #e1b57309,0 0 0 58px #e1b57306}.mobile-clock-card.working{color:#fff;border:0;background:linear-gradient(145deg,#315b45,#183326 72%)}.clock-card-head{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.clock-card-head>div:first-child span,.clock-card-head>div:first-child b{display:block}.clock-card-head>div:first-child span{color:#d9aa6a;font-size:7px;font-weight:800;letter-spacing:.18em}.clock-card-head>div:first-child b{margin-top:6px;color:#d8dfda;font-size:10px;font-weight:500}.mobile-clock-card .pulse{justify-content:flex-end;color:#b8c4bc;background:#ffffff14;border:1px solid rgba(255,255,255,.08);border-radius:99px;padding:6px 9px;font-size:8px}.mobile-clock-card .pulse i{width:6px;height:6px;background:#d6aa70}.mobile-clock-card.working .pulse i{background:#76d292;box-shadow:0 0 0 4px #76d2921f}.live-clock{position:relative;padding:28px 0 20px;text-align:center}.live-clock>span,.live-clock>strong,.live-clock>small{display:block}.live-clock>span{color:#95a49a;font-size:8px}.live-clock>strong{color:#fff;font:44px "DM Serif Display",serif;letter-spacing:.01em;margin:3px 0}.live-clock>small{color:#d0d8d2;font-size:8px}.mobile-clock-card>button{position:relative;min-height:54px;display:flex;align-items:center;justify-content:center;gap:9px;margin:0 0 11px;padding:14px 17px;color:#193025;background:linear-gradient(135deg,#e7bd7d,#d79d54);border-radius:15px;font-size:13px;box-shadow:0 10px 25px #0003}.mobile-clock-card>button .app-icon:last-child{position:absolute;right:17px}.mobile-clock-card.working>button{background:linear-gradient(135deg,#f2d6c8,#dba38c);color:#512b20}.mobile-clock-card>small{position:relative;display:block;color:#829087;font-size:7px;text-align:center}.mobile-summary{gap:10px;margin:14px 0}.mobile-summary article{position:relative;overflow:hidden;border:1px solid rgba(39,55,46,.08);border-radius:17px;padding:18px 16px;box-shadow:0 10px 25px #27372e0a}.mobile-summary article:after{content:"";position:absolute;width:44px;height:44px;right:-14px;bottom:-14px;border-radius:50%;background:#f1e7d7}.mobile-summary span{color:#8a918b;font-size:8px}.mobile-summary b{color:#293a30;font-size:14px;letter-spacing:-.03em}.mobile-next{background:linear-gradient(135deg,#fff,#fbf8f2);color:#23342a;border:1px solid #e6e0d5;border-radius:18px;padding:19px;box-shadow:0 9px 22px #3036300a}.mobile-next>span{color:#a67542}.mobile-next h2{font-size:15px}.mobile-next div{border-top-color:#eee9df}.mobile-next strong{color:#8b6b49}.mobile-next p{color:#92978f}.mobile-section-title{margin:25px 2px 11px}.mobile-section-title span{color:#aa7c4c;font-size:7px;font-weight:800;letter-spacing:.16em}.mobile-section-title h2{color:#24342a;font-size:15px;margin-top:5px}.mobile-quick{margin-top:0}.mobile-quick button{position:relative;border-color:#27372e14;border-radius:17px;padding:15px 12px 14px;box-shadow:0 9px 22px #3036300a;transition:transform .18s ease,box-shadow .18s ease}.mobile-quick button:active{transform:translateY(2px);box-shadow:none}.mobile-quick i{color:#8d6035;background:#f4eadc;border-radius:10px}.mobile-quick span{font-size:10px}.mobile-quick em{position:absolute;top:17px;right:11px;color:#b5bbb5;font-style:normal}.mobile-profile-card{border-color:#27372e14;border-radius:18px;box-shadow:0 9px 22px #3036300a}.mobile-page-title{padding-top:30px}.mobile-page-title h1{color:#1d2d24;font-size:28px;letter-spacing:-.04em}.mobile-month{color:#8b918b}.mobile-month input{min-height:38px;border-color:#e1ddd4;border-radius:10px;color:#38473e}.mobile-total{position:relative;overflow:hidden;background:linear-gradient(145deg,#263d31,#14251c);border-radius:20px;padding:22px;box-shadow:0 16px 36px #17291f29}.mobile-total:after{content:"";position:absolute;width:120px;height:120px;border:1px solid rgba(220,164,91,.16);border-radius:50%;right:-38px;top:-52px}.mobile-total b{font-size:28px}.mobile-list article{border-color:#27372e14;border-radius:15px;padding:16px;box-shadow:0 7px 18px #30363009}.mobile-list b{color:#2b3b31;font-size:11px}.mobile-list small{line-height:1.55}.mobile-pay-hero{position:relative;overflow:hidden;border-radius:22px;padding:27px 22px;box-shadow:0 18px 38px #17291f2e}.mobile-pay-hero:after{content:"₩";position:absolute;right:18px;top:5px;color:#ffffff0d;font:100px "DM Serif Display"}.mobile-pay-detail{border-color:#27372e14;border-radius:18px;padding:20px;box-shadow:0 9px 22px #3036300a}.mobile-nav{left:50%;right:auto;width:min(100%,620px);transform:translate(-50%);height:calc(72px + env(safe-area-inset-bottom));padding:7px max(8px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(8px,env(safe-area-inset-left));border:1px solid rgba(34,50,40,.09);border-bottom:0;border-radius:22px 22px 0 0;box-shadow:0 -12px 35px #1f2d2417}.mobile-nav button{position:relative;border-radius:14px}.mobile-nav button:before{content:"";position:absolute;width:24px;height:3px;left:50%;top:-7px;transform:translate(-50%) scaleX(0);background:#b47a3e;border-radius:99px;transition:transform .2s ease}.mobile-nav button.active:before{transform:translate(-50%) scaleX(1)}.mobile-nav i{display:grid;place-items:center;font-size:0}.mobile-nav span{font-size:8px;margin-top:1px}.mobile-nav button.active{color:#9b6734;background:#faf5ed;box-shadow:none}.mobile-login{background:#14231b}.login-art{display:none}.login-mobile-brand{display:flex;align-items:center;gap:11px;margin-bottom:34px}.login-mobile-brand .mobile-logo{margin:0}.login-mobile-brand b{color:#23342a;font-size:11px;letter-spacing:.16em}.mobile-login-card{background:linear-gradient(180deg,#fff,#fbfaf7)}.mobile-login-card>span{color:#a2703d;letter-spacing:.2em}.mobile-login-card h1{color:#1e2e25;font-size:clamp(26px,7.5vw,33px);letter-spacing:-.045em;margin-top:10px}.mobile-login-card>p{color:#8a918b;margin-top:8px}.mobile-login-card form{gap:15px}.mobile-login-card label{color:#5d6961;font-size:9px}.login-field{height:54px;display:flex;align-items:center;gap:10px;margin-top:7px;padding:0 15px;border:1px solid #dedbd3;border-radius:13px;background:#fff;transition:border .18s ease,box-shadow .18s ease}.login-field:focus-within{border-color:#bd8a52;box-shadow:0 0 0 4px #bd8a521a}.login-field>span{color:#a07951;font-size:9px;font-weight:800}.mobile-login-card .login-field input{height:100%;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;outline:0}.mobile-login-card form button{min-height:55px;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:7px;background:linear-gradient(135deg,#315642,#1e3b2b);border-radius:14px;box-shadow:0 12px 26px #264a3533}.mobile-login-card>small{color:#9a9f99}.mobile-login-card>small i{color:#60906f;background:#eaf2ec;border-radius:50%;padding:2px 4px;font-style:normal}@media(min-width:761px)and (min-height:521px){.mobile-login{grid-template-columns:minmax(360px,1.05fr) minmax(380px,.95fr);place-items:stretch;padding:0;background:#14231b}.login-art{position:relative;overflow:hidden;min-height:100dvh;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(38px,6vw,76px);color:#fff;background:radial-gradient(circle at 80% 20%,rgba(218,166,94,.2),transparent 25%),linear-gradient(145deg,#21382c,#0f1e16)}.login-art:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(222,180,116,.13);border-radius:50%;right:-230px;bottom:-230px;box-shadow:0 0 0 70px #deb47406,0 0 0 140px #deb47405}.login-brand{display:flex;align-items:center;gap:15px}.login-brand .mobile-logo{margin:0}.login-brand b,.login-brand span{display:block}.login-brand b{font-size:13px;letter-spacing:.18em}.login-brand span{color:#8fa096;font-size:7px;letter-spacing:.2em;margin-top:5px}.login-art-copy{position:relative;z-index:1;max-width:530px;margin-bottom:6vh}.login-art-copy>span{color:#d8a968;font-size:8px;font-weight:800;letter-spacing:.2em}.login-art-copy h2{font-size:clamp(38px,4.6vw,64px);line-height:1.16;letter-spacing:-.05em;margin:18px 0}.login-art-copy p{max-width:430px;color:#9eafa4;font-size:12px;line-height:1.8}.mobile-login-card{width:100%;min-height:100dvh;border-radius:0;padding-inline:clamp(48px,8vw,110px);box-shadow:none}.login-mobile-brand{display:none}}.mobile-greeting{position:relative;isolation:isolate;overflow:hidden;margin:18px -8px 20px;padding:24px 18px 21px;color:#fff;background:linear-gradient(120deg,#5d2fd3,#9c3fd7 42%,#ed6f75);border-radius:24px;box-shadow:0 18px 38px #6930b233}.mobile-greeting:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.32;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:24px 24px;-webkit-mask-image:linear-gradient(to bottom right,#000,transparent 70%);mask-image:linear-gradient(to bottom right,#000,transparent 70%)}.greeting-orb{position:absolute;z-index:-1;border-radius:50%;filter:blur(2px);animation:greeting-float 7s ease-in-out infinite alternate}.greeting-orb.orb-one{width:150px;height:150px;right:-55px;top:-65px;background:radial-gradient(circle at 35% 35%,rgba(255,221,145,.85),rgba(255,142,105,.2) 60%,transparent 70%)}.greeting-orb.orb-two{width:95px;height:95px;right:80px;bottom:-64px;background:#47e6c53d;animation-delay:-3s}.greeting-eyebrow>span{color:#ffffffd1}.greeting-eyebrow em{color:#fff;background:#ffffff29;border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mobile-greeting h1,.mobile-greeting h1 strong{color:#fff;text-shadow:0 3px 18px rgba(47,15,90,.18)}.mobile-greeting p{color:#ffffffc2}.live-sync{display:flex;align-items:center;gap:7px;margin-top:17px;padding-top:13px;border-top:1px solid rgba(255,255,255,.17);color:#ffffffc2;font-size:7px}.live-sync span{color:#ffffffd1;font-size:7px;font-weight:600;letter-spacing:.02em}.live-sync i{width:7px;height:7px;border-radius:50%;background:#67f5c5;box-shadow:0 0 0 5px #67f5c51f;animation:live-pulse 1.8s ease-out infinite}.live-sync b{margin-left:auto;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:99px;padding:3px 7px;font-size:6px;letter-spacing:.14em}.mobile-clock-card{background:linear-gradient(135deg,#101a2c,#1d3155 48%,#164c54);background-size:180% 180%;animation:clock-gradient 9s ease infinite;box-shadow:0 22px 48px #162a4a40}.mobile-clock-card.working{background:linear-gradient(135deg,#15243e,#234972 48%,#137062);background-size:180% 180%;animation:clock-gradient 8s ease infinite}.mobile-clock-card>button{background:linear-gradient(100deg,#ffcb76,#ff8c73 48%,#f475be);background-size:160% 100%;animation:action-shimmer 4s ease infinite;color:#2a1e2b}.mobile-clock-card.working>button{background:linear-gradient(100deg,#ffac91,#f77f9a 55%,#d97ee8);color:#381c31}.mobile-summary article:first-child{background:linear-gradient(145deg,#fff,#f1f7ff);border-color:#dbe9f8}.mobile-summary article:first-child:after{background:linear-gradient(145deg,#b4dcff,#8fbcf5);opacity:.55}.mobile-summary article:last-child{background:linear-gradient(145deg,#fff,#fff3f8);border-color:#f2dfe9}.mobile-summary article:last-child:after{background:linear-gradient(145deg,#ffc2d8,#f68fb9);opacity:.55}.mobile-week{margin:14px 0;padding:19px 16px 16px;background:#ffffffdb;border:1px solid rgba(38,55,46,.08);border-radius:20px;box-shadow:0 11px 28px #2b2e3c0f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-week-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.mobile-week-head span{color:#8a55cd;font-size:7px;font-weight:800;letter-spacing:.16em}.mobile-week-head h2{color:#26342c;font-size:14px;margin-top:4px}.mobile-week-head button{display:flex;align-items:center;gap:4px;color:#7d6d87;border:0;background:transparent;padding:6px 0;font-size:8px}.week-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.week-grid article{min-width:0;display:grid;justify-items:center;gap:6px;padding:9px 2px 7px;color:#8c938e;border-radius:12px}.week-grid article span{font-size:7px}.week-grid article b{color:#4a5750;font-size:10px}.week-grid article>i{width:4px;height:4px;border-radius:50%;background:#e0e1de}.week-grid article>i.scheduled{background:#e25a92;box-shadow:0 0 0 3px #e25a921f}.week-grid article.today{color:#fff;background:linear-gradient(155deg,#7948d5,#e05d9f);box-shadow:0 8px 16px #8445c640;transform:translateY(-3px)}.week-grid article.today b{color:#fff}.week-grid article.today>i{background:#76f0cb}.mobile-quick button:nth-child(1) i{color:#6541c6;background:#eee8ff}.mobile-quick button:nth-child(2) i{color:#168a82;background:#e1f7f3}.mobile-quick button:nth-child(3) i{color:#d3487e;background:#ffebf2}.mobile-quick button:nth-child(1):hover{border-color:#cfc0fb;box-shadow:0 12px 26px #6541c61f}.mobile-quick button:nth-child(2):hover{border-color:#9ee0d6;box-shadow:0 12px 26px #168a821a}.mobile-quick button:nth-child(3):hover{border-color:#f2b8ce;box-shadow:0 12px 26px #d3487e1a}.mobile-total{background:linear-gradient(120deg,#5136c9,#8a3fc7 48%,#d3569d);background-size:180% 180%;animation:clock-gradient 10s ease infinite;box-shadow:0 17px 38px #6436b933}.mobile-pay-hero{background:linear-gradient(120deg,#111f3a,#194e75 52%,#196e69);background-size:180% 180%;animation:clock-gradient 10s ease infinite}.mobile-nav button.active{color:#7041c2;background:linear-gradient(145deg,#f2edff,#fff2f8)}.mobile-nav button:before{background:linear-gradient(90deg,#6744d5,#e3589f)}.login-art{background:radial-gradient(circle at 75% 20%,rgba(244,100,165,.28),transparent 27%),radial-gradient(circle at 20% 80%,rgba(56,210,196,.18),transparent 30%),linear-gradient(145deg,#1c2548,#402363 55%,#7a315f);background-size:120% 120%;animation:clock-gradient 12s ease infinite}.mobile-login-card form button{background:linear-gradient(100deg,#5a42ce,#9d43cc 52%,#df568e);background-size:160% 100%;animation:action-shimmer 5s ease infinite;box-shadow:0 13px 28px #783ebe38}@keyframes greeting-float{0%{transform:translate3d(-5px,-4px,0) scale(.95)}to{transform:translate3d(12px,14px,0) scale(1.08)}}@keyframes live-pulse{0%{box-shadow:0 0 #67f5c561}70%{box-shadow:0 0 0 8px #67f5c500}to{box-shadow:0 0 #67f5c500}}@keyframes clock-gradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes action-shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@media(prefers-reduced-motion:reduce){.greeting-orb,.live-sync i,.mobile-clock-card,.mobile-total,.mobile-pay-hero,.login-art,.mobile-login-card form button{animation:none}.mobile-quick button{transition:none}}.ops-dashboard{--ops-ink: #18261e;--ops-muted: #7c867f;display:grid;gap:18px}.ops-hero{position:relative;isolation:isolate;overflow:hidden;min-height:282px;display:grid;grid-template-columns:minmax(0,1fr) 210px;align-items:center;gap:36px;padding:36px 42px;color:#fff;background:linear-gradient(120deg,#162b21,#214d3a 47%,#334574);background-size:180% 180%;border-radius:24px;box-shadow:0 22px 55px #19302530;animation:ops-hero-flow 12s ease infinite}.ops-hero:before{content:"";position:absolute;inset:0;z-index:-2;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px);background-size:30px 30px;-webkit-mask-image:linear-gradient(90deg,#000,transparent 80%);mask-image:linear-gradient(90deg,#000,transparent 80%)}.ops-hero-copy{position:relative;z-index:1}.ops-live{width:fit-content;display:flex;align-items:center;gap:7px;margin-bottom:12px;color:#a8f2ca;font-size:7px;font-weight:800;letter-spacing:.2em}.ops-live i{width:7px;height:7px;border-radius:50%;background:#69e89e;animation:ops-live-pulse 1.8s ease-out infinite}.ops-hero-copy>span{color:#ffffff9e;font-size:9px}.ops-hero h2{max-width:650px;margin:9px 0 10px;font-size:clamp(26px,2.45vw,38px);line-height:1.22;letter-spacing:-.045em}.ops-hero h2 strong{color:#f5c77f}.ops-hero p{max-width:580px;margin:0;color:#ffffff9c;font-size:10px;line-height:1.7}.ops-hero-actions{display:flex;gap:8px;margin-top:23px}.ops-hero-actions button{min-height:38px;border:1px solid rgba(255,255,255,.17);border-radius:10px;padding:0 14px;color:#fffc;background:#ffffff12;font-size:9px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ops-hero-actions button:first-child{color:#1c2d24;background:linear-gradient(120deg,#f7d598,#f1b967);border:0;font-weight:700;box-shadow:0 9px 20px #00000024}.ops-hero-actions b{margin-left:8px}.ops-coverage{position:relative;z-index:1;width:184px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#77e2aa var(--coverage),rgba(255,255,255,.12) 0);box-shadow:0 20px 45px #0000002e}.ops-coverage:before{content:"";position:absolute;inset:12px;border-radius:50%;background:#12251ceb;border:1px solid rgba(255,255,255,.09)}.ops-coverage>div{position:relative;z-index:1;text-align:center}.ops-coverage span,.ops-coverage strong,.ops-coverage small{display:block}.ops-coverage span{color:#a9b8af;font-size:8px}.ops-coverage strong{margin:5px 0 2px;font:37px "DM Serif Display",serif}.ops-coverage small{color:#7ce4ad;font-size:8px;font-weight:700}.ops-orb{position:absolute;z-index:-1;border-radius:50%}.ops-orb.one{width:260px;height:260px;right:-100px;top:-145px;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 0 50px #ffffff05,0 0 0 100px #ffffff04}.ops-orb.two{width:140px;height:140px;left:44%;bottom:-105px;background:#7551d133;filter:blur(20px)}.ops-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.ops-kpis article{position:relative;overflow:hidden;min-width:0;min-height:128px;display:flex;align-items:flex-start;gap:14px;padding:20px;background:#fff;border:1px solid rgba(35,53,43,.08);border-radius:17px;box-shadow:0 10px 28px #2031270b;transition:transform .2s ease,box-shadow .2s ease}.ops-kpis article:hover{transform:translateY(-3px);box-shadow:0 17px 34px #20312717}.ops-kpis article:after{content:"";position:absolute;width:80px;height:80px;right:-35px;bottom:-39px;border-radius:50%;opacity:.24}.ops-kpis article.violet:after{background:#aa8cf4}.ops-kpis article.mint:after{background:#76ddba}.ops-kpis article.blue:after{background:#7db8ee}.ops-kpis article.rose:after{background:#f28faf}.ops-kpi-icon{width:39px;height:39px;flex:0 0 auto;display:grid;place-items:center;border-radius:12px;font-size:14px;font-weight:800}.violet .ops-kpi-icon{color:#6946c3;background:#eee8ff}.mint .ops-kpi-icon{color:#168466;background:#e0f7ee}.blue .ops-kpi-icon{color:#377cae;background:#e5f2fc}.rose .ops-kpi-icon{color:#c34771;background:#ffebf1}.ops-kpi-icon i{width:9px;height:9px;border-radius:50%;background:#30b87d;box-shadow:0 0 0 6px #30b87d21}.ops-kpis article>div:last-child{min-width:0}.ops-kpis span,.ops-kpis strong,.ops-kpis p{display:block}.ops-kpis span{color:#848c86;font-size:9px}.ops-kpis strong{overflow:hidden;color:#26352c;font-size:clamp(16px,1.45vw,22px);margin-top:7px;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.035em}.ops-kpis strong small{margin-left:2px;color:#89918b;font-size:9px}.ops-kpis p{margin:5px 0 0;color:#a1a59f;font-size:7px}.ops-content-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);gap:18px;align-items:start}.ops-card{min-width:0;background:#fffffff0;border:1px solid rgba(35,53,43,.08);border-radius:19px;padding:23px;box-shadow:0 12px 32px #2031270b}.ops-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:19px}.ops-card-head span{color:#8d5dc5;font-size:7px;font-weight:800;letter-spacing:.17em}.ops-card-head h2{color:var(--ops-ink);margin-top:5px;font-size:17px}.ops-card-head p{color:#9a9f9a;font-size:8px;margin:5px 0 0}.ops-card-head em{flex:0 0 auto;color:#6d756f;background:#f0f2ef;border-radius:99px;padding:6px 10px;font-size:8px;font-style:normal}.ops-team-list{display:grid;gap:7px}.ops-person{display:grid;grid-template-columns:43px minmax(130px,1fr) auto 68px;align-items:center;gap:11px;min-width:0;padding:12px 13px;border:1px solid #efede7;border-radius:13px;background:#fcfcfa;transition:border-color .18s ease,transform .18s ease}.ops-person:hover{transform:translate(3px);border-color:#d8d1e6}.ops-avatar{position:relative;width:39px;height:39px;display:grid;place-items:center;color:#3a5947;background:linear-gradient(145deg,#ecf4ed,#dce9df);border-radius:13px;font-size:12px;font-weight:800}.ops-avatar i{position:absolute;width:9px;height:9px;right:-2px;bottom:-2px;border:2px solid #fff;border-radius:50%;background:#aaa}.ops-person.working .ops-avatar i{background:#43c47d}.ops-person.waiting .ops-avatar i{background:#efb24e}.ops-person-main{min-width:0}.ops-person-main b,.ops-person-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ops-person-main b{color:#2c3b32;font-size:11px}.ops-person-main small{color:#979d98;font-size:8px;margin-top:4px}.ops-state{border-radius:99px;padding:5px 8px;font-size:7px;font-weight:700;white-space:nowrap}.ops-state.working{color:#238558;background:#e4f7ed}.ops-state.waiting{color:#a36b16;background:#fff2d8}.ops-state.off{color:#818983;background:#eff0ed}.ops-person>button{border:1px solid #dedbd4;border-radius:8px;padding:7px 8px;color:#5e6962;background:#fff;font-size:8px}.ops-person.working>button{color:#a04d45;border-color:#eed0cb;background:#fff5f2}.ops-side-stack{display:grid;gap:18px}.ops-attention.has-alert{background:linear-gradient(145deg,#fff,#fffaf1);border-color:#eedfc6}.attention-list{display:grid;gap:7px}.attention-list button{width:100%;display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:10px;border:0;border-radius:11px;color:#35433a;background:#f8f8f5;text-align:left}.attention-list button>i{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;font-style:normal;font-size:10px;font-weight:800}.attention-list i.correction{color:#7650c5;background:#eee8ff}.attention-list i.absence{color:#c34b58;background:#ffebed}.attention-list i.waiting{color:#ad781c;background:#fff0cf}.attention-list b,.attention-list small{display:block}.attention-list b{font-size:9px}.attention-list small{color:#a0a49f;font-size:7px;margin-top:3px}.attention-list strong{color:#28372e;font-size:12px}.ops-activity .ops-card-head button{border:0;color:#857294;background:transparent;padding:5px 0;font-size:8px}.ops-timeline{display:grid}.ops-event{display:grid;grid-template-columns:14px 1fr auto;gap:8px;align-items:center;min-width:0;padding:10px 0}.ops-event-line{align-self:stretch;position:relative;display:grid;place-items:center}.ops-event-line:after{content:"";position:absolute;width:1px;top:50%;bottom:-55%;background:#e4e2dc}.ops-event:last-child .ops-event-line:after{display:none}.ops-event-line i{position:relative;z-index:1;width:8px;height:8px;border:2px solid #fff;border-radius:50%;background:#8a59cf;box-shadow:0 0 0 2px #e5daf6}.ops-event b,.ops-event small{display:block}.ops-event b{color:#344239;font-size:9px}.ops-event small{color:#9ba09c;font-size:7px;margin-top:3px}.ops-event strong{color:#68736c;font-size:8px;white-space:nowrap}@keyframes ops-hero-flow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes ops-live-pulse{0%{box-shadow:0 0 #69e89e73}70%{box-shadow:0 0 0 9px #69e89e00}to{box-shadow:0 0 #69e89e00}}@media(max-width:1180px){.ops-kpis{grid-template-columns:1fr 1fr}.ops-content-grid{grid-template-columns:1fr}.ops-side-stack{grid-template-columns:1fr 1fr}}@media(max-width:760px){.ops-hero{min-height:0;grid-template-columns:1fr;padding:26px 22px}.ops-coverage{width:150px;grid-row:1;justify-self:end;margin-bottom:-135px;opacity:.22}.ops-hero-copy{z-index:2}.ops-kpis{grid-template-columns:1fr 1fr}.ops-content-grid,.ops-side-stack{grid-template-columns:1fr}.ops-card{overflow:visible;padding:18px}.ops-person{grid-template-columns:39px minmax(100px,1fr) auto}.ops-person>button{grid-column:2 / -1;width:100%}}@media(max-width:460px){.ops-kpis{grid-template-columns:1fr}.ops-hero h2{font-size:25px}.ops-hero-actions{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.ops-hero,.ops-live i{animation:none}.ops-kpis article,.ops-person{transition:none}}.platform-nav{overflow-y:auto}.platform-nav>span{margin:16px 14px 3px;color:#6f8376;font-size:7px;font-weight:800;letter-spacing:.18em}.admin-profile{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;margin-top:auto;padding:16px 5px 13px;border-top:1px solid #304138}.admin-profile>div{width:34px;height:34px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#7654d3,#d65b97);border-radius:11px;font-size:11px;font-weight:800;box-shadow:0 7px 16px #0000002e}.admin-profile span,.admin-profile b,.admin-profile small{min-width:0;display:block}.admin-profile b{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.admin-profile small{color:#7f9285;font-size:7px;margin-top:3px}.admin-profile button{border:1px solid #35483d;border-radius:7px;padding:6px 7px;color:#92a297;background:transparent;font-size:7px}.admin-profile+.system{margin-top:0}.admin-login{min-height:100dvh;max-width:none;display:grid;grid-template-columns:minmax(460px,1.08fr) minmax(400px,.92fr);padding:0;overflow:hidden;background:#f8f7fb}.admin-login-showcase{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(42px,6vw,78px);color:#fff;background:linear-gradient(135deg,#111c32,#322260 48%,#84365f);background-size:180% 180%;animation:admin-gradient 13s ease infinite}.admin-login-showcase:before{content:"";position:absolute;inset:0;z-index:-2;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:linear-gradient(130deg,#000,transparent 75%);mask-image:linear-gradient(130deg,#000,transparent 75%)}.admin-login-brand{display:flex;align-items:center;gap:14px}.admin-login-brand .bean{flex:0 0 auto}.admin-login-brand span,.admin-login-brand b,.admin-login-brand small{display:block}.admin-login-brand b{font-size:12px;letter-spacing:.17em}.admin-login-brand small{color:#ffffff73;font-size:6px;letter-spacing:.2em;margin-top:5px}.admin-login-copy{position:relative;z-index:2;max-width:720px;margin-bottom:7vh}.admin-login-copy>span{color:#f2bc79;font-size:8px;font-weight:800;letter-spacing:.2em}.admin-login-copy h1{margin:18px 0;font-family:Noto Sans KR,sans-serif;font-size:clamp(40px,4.8vw,70px);font-weight:700;line-height:1.14;letter-spacing:-.06em}.admin-login-copy h1 strong{color:#ffbd89}.admin-login-copy p{max-width:540px;color:#ffffff91;font-size:11px;line-height:1.8}.admin-login-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px}.admin-login-pills i{padding:7px 10px;color:#ffffffc7;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:99px;font-size:8px;font-style:normal;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.admin-login-rings i{position:absolute;z-index:-1;border:1px solid rgba(255,255,255,.09);border-radius:50%}.admin-login-rings i:nth-child(1){width:520px;height:520px;right:-250px;top:-220px}.admin-login-rings i:nth-child(2){width:380px;height:380px;right:-180px;top:-150px}.admin-login-rings i:nth-child(3){width:180px;height:180px;right:6%;bottom:-90px;background:#26d2bf17;filter:blur(2px)}.admin-login-panel{display:grid;place-items:center;padding:clamp(34px,7vw,110px);background:radial-gradient(circle at 100% 0,rgba(116,78,206,.08),transparent 28%),#fbfafc}.admin-login-panel form{width:min(420px,100%)}.admin-login-panel form>span{color:#8a55ce;font-size:8px;font-weight:800;letter-spacing:.19em}.admin-login-panel h2{margin:9px 0 6px;color:#202b27;font-size:29px;letter-spacing:-.04em}.admin-login-panel form>p{margin:0 0 28px;color:#8d938f;font-size:10px}.admin-login-panel label{display:block;margin-top:14px;color:#68716c;font-size:9px;font-weight:700}.admin-login-panel input{width:100%;min-height:51px;display:block;margin-top:7px;padding:0 15px;color:#27332e;background:#fff;border:1px solid #dedee2;border-radius:11px;outline:0;font-size:13px;transition:border .18s,box-shadow .18s}.admin-login-panel input:focus{border-color:#8d68d3;box-shadow:0 0 0 4px #7a52c91a}.admin-login-panel form>button{width:100%;min-height:52px;display:flex;align-items:center;justify-content:center;gap:13px;margin-top:24px;color:#fff;background:linear-gradient(100deg,#5540c5,#9b43c7 52%,#df568d);background-size:170% 100%;border:0;border-radius:12px;font-size:11px;font-weight:800;box-shadow:0 13px 29px #7038b83d;animation:admin-action 5s ease infinite}.admin-login-panel form>button b{font-size:16px}.admin-login-panel form>small{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:17px;color:#9da19f;font-size:8px;text-align:center}.admin-login-panel form>small i{width:6px;height:6px;border-radius:50%;background:#5dcc8b;box-shadow:0 0 0 4px #5dcc8b1a}.admin-login-error{margin-bottom:17px;padding:11px 13px;color:#ad4c5b;background:#fff0f3;border:1px solid #f3d4dc;border-radius:9px;font-size:9px}.work-hub{display:grid;gap:17px}.hub-hero{position:relative;isolation:isolate;overflow:hidden;min-height:270px;display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.42fr);align-items:center;gap:30px;padding:36px 42px;color:#fff;background:linear-gradient(120deg,#13243f,#433379,#ad476f);background-size:190% 190%;border-radius:25px;box-shadow:0 24px 55px #422b7033;animation:admin-gradient 12s ease infinite}.hub-hero:before{content:"";position:absolute;inset:0;z-index:-2;opacity:.19;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:linear-gradient(90deg,#000,transparent 85%);mask-image:linear-gradient(90deg,#000,transparent 85%)}.hub-hero-copy{position:relative;z-index:1}.hub-live{width:fit-content;display:flex;align-items:center;gap:7px;margin-bottom:10px;color:#83f1d5;font-size:7px;font-weight:800;letter-spacing:.18em}.hub-live i{width:7px;height:7px;border-radius:50%;background:#67edc6;animation:hub-pulse 1.8s ease-out infinite}.hub-hero-copy>span{color:#fff9;font-size:9px}.hub-hero h2{margin:9px 0 10px;font-size:clamp(27px,2.7vw,41px);line-height:1.2;letter-spacing:-.05em}.hub-hero h2 strong{color:#ffc487}.hub-hero p{color:#ffffff96;font-size:10px}.hub-pulse{position:relative;z-index:1;min-width:240px;padding:25px;background:#ffffff1a;border:1px solid rgba(255,255,255,.16);border-radius:20px;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);box-shadow:0 17px 35px #110e2c30}.hub-pulse span,.hub-pulse strong,.hub-pulse small{display:block}.hub-pulse span{color:#d9d0e7;font-size:8px}.hub-pulse strong{overflow:hidden;margin:8px 0 7px;font-size:clamp(23px,2.2vw,34px);text-overflow:ellipsis;white-space:nowrap}.hub-pulse small{color:#8cf0d6;font-size:8px}.hub-glow{position:absolute;z-index:-1;border-radius:50%}.hub-glow.one{width:260px;height:260px;right:-120px;top:-130px;background:#ffcd7d38;filter:blur(7px)}.hub-glow.two{width:160px;height:160px;left:41%;bottom:-110px;background:#3adfcb30;filter:blur(20px)}.hub-snapshot{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.hub-snapshot article{position:relative;overflow:hidden;min-height:101px;padding:20px;background:#fff;border:1px solid rgba(42,49,66,.08);border-radius:16px;box-shadow:0 9px 26px #2a2b3a0b}.hub-snapshot span,.hub-snapshot strong{display:block}.hub-snapshot span{color:#8b9090;font-size:8px}.hub-snapshot strong{margin-top:8px;color:#2a3430;font-size:clamp(16px,1.45vw,22px);letter-spacing:-.03em}.hub-snapshot strong small{margin-left:3px;color:#969b98;font-size:8px}.hub-snapshot article>i{position:absolute;width:70px;height:70px;right:-27px;bottom:-31px;border-radius:50%;opacity:.35}.hub-snapshot i.live{background:#67dfb2}.hub-snapshot i.stock{background:#f2b469}.hub-snapshot i.task{background:#8e79e1}.hub-snapshot i.pay{background:#ed7aa0}.hub-modules{padding:25px;background:#ffffffab;border:1px solid rgba(44,51,64,.07);border-radius:21px}.hub-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.hub-section-head span{color:#8759ca;font-size:7px;font-weight:800;letter-spacing:.18em}.hub-section-head h2{margin-top:5px;color:#202d27;font-size:19px}.hub-section-head p{margin:5px 0 0;color:#959a97;font-size:8px}.hub-section-head em{color:#71528e;background:#f0eafb;border-radius:99px;padding:6px 10px;font-size:8px;font-style:normal}.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.module-card{position:relative;overflow:hidden;min-width:0;min-height:225px;display:flex;flex-direction:column;padding:20px;color:#293630;background:#fff;border:1px solid rgba(45,49,61,.08);border-radius:17px;text-align:left;box-shadow:0 8px 23px #2a2b3a0a;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;animation:module-in .45s both;animation-delay:var(--delay)}.module-card:after{content:"";position:absolute;width:95px;height:95px;right:-46px;bottom:-48px;border-radius:50%;background:var(--module-color);opacity:.19}.module-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--module-color) 48%,#ddd);box-shadow:0 18px 34px #362d501a}.module-card.ready{background:linear-gradient(145deg,#fff,#fbf8ff);border-color:#dcd1f0}.module-card-top{display:flex;justify-content:space-between;align-items:center}.module-card-top>i{width:41px;height:41px;display:grid;place-items:center;color:var(--module-ink);background:color-mix(in srgb,var(--module-color) 17%,white);border-radius:13px;font-size:15px;font-style:normal;font-weight:800}.module-card-top span{border-radius:99px;padding:5px 8px;font-size:7px;font-weight:700}.module-card-top span.active{color:#19815d;background:#e1f7ed}.module-card-top span.planned{color:#777e79;background:#f0f1ef}.module-card-top span.locked{color:#8a8f8c;background:#eceeec}.module-card>small{margin-top:18px;color:var(--module-ink);font-size:6px;font-weight:800;letter-spacing:.17em}.module-card h3{margin:5px 0 7px;color:#26332d;font-size:15px}.module-card>p{margin:0;color:#8f9591;font-size:8px;line-height:1.65;word-break:keep-all}.module-card-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:auto;padding-top:15px}.module-card-foot strong{color:#505d56;font-size:8px}.module-card-foot b{color:var(--module-ink);font-size:16px}.module-card.violet{--module-color: #8d65dc;--module-ink: #6942ba}.module-card.mint{--module-color: #49c8a4;--module-ink: #17866c}.module-card.orange{--module-color: #eea954;--module-ink: #b9711d}.module-card.blue{--module-color: #61a9e2;--module-ink: #377fb7}.module-card.rose{--module-color: #e9798f;--module-ink: #bd4960}.module-card.pink{--module-color: #e676ba;--module-ink: #bd438f}.module-card.purple{--module-color: #a674e3;--module-ink: #7544b1}.module-card.teal{--module-color: #4abdc2;--module-ink: #237f83}.module-card.navy{--module-color: #657ab8;--module-ink: #42568f}.module-card.restricted{filter:saturate(.55);background:#f7f7f6;border-style:dashed;box-shadow:none}.module-card.restricted:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#e7e9e73d);pointer-events:none}.module-card.restricted:hover{transform:translateY(-2px);border-color:#c7cbc8;box-shadow:0 10px 22px #2a2b3a0d}.module-card.restricted .module-card-foot strong,.module-card.restricted .module-card-foot b{color:#929895}@keyframes admin-gradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes admin-action{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes hub-pulse{0%{box-shadow:0 0 #67edc666}70%{box-shadow:0 0 0 9px #67edc600}to{box-shadow:0 0 #67edc600}}@keyframes module-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1180px){.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-snapshot{grid-template-columns:1fr 1fr}}@media(max-width:900px){.admin-login{grid-template-columns:1fr}.admin-login-showcase{min-height:330px;padding:34px}.admin-login-copy{margin:60px 0 0}.admin-login-copy h1{font-size:38px}.admin-login-panel{min-height:570px}.hub-hero{grid-template-columns:1fr}.hub-pulse{width:100%}}@media(max-width:760px){.admin-login-showcase{min-height:300px}.admin-login-panel{min-height:calc(100dvh - 300px);padding:34px 22px}.admin-login-copy{margin-top:50px}.admin-login-copy h1{font-size:31px}.admin-login-copy p,.admin-login-pills{display:none}.hub-hero{padding:27px 23px}.hub-snapshot,.module-grid{grid-template-columns:1fr}.hub-modules{padding:19px}.hub-section-head{display:grid}.module-card{min-height:205px}}@media(prefers-reduced-motion:reduce){.admin-login-showcase,.admin-login-panel form>button,.hub-hero,.hub-live i,.module-card{animation:none}.module-card{transition:none}}.inventory-workspace{display:grid;gap:17px}.inventory-hero{position:relative;overflow:hidden;min-height:245px;display:grid;grid-template-columns:minmax(0,1fr) 190px;align-items:center;gap:34px;padding:34px 40px;color:#fff;background:radial-gradient(circle at 85% 10%,rgba(250,190,100,.22),transparent 28%),linear-gradient(120deg,#15382f,#176b62 52%,#26527b);border-radius:24px;box-shadow:0 20px 50px #1e53482e}.inventory-hero:after{content:"";position:absolute;width:330px;height:330px;right:-185px;bottom:-210px;border:1px solid rgba(255,255,255,.15);border-radius:50%;box-shadow:0 0 0 45px #ffffff06,0 0 0 90px #ffffff05}.inventory-hero>div:first-child{position:relative;z-index:1}.inventory-hero>div:first-child>span{color:#92f0cf;font-size:7px;font-weight:800;letter-spacing:.18em}.inventory-hero h2{margin:10px 0;font-size:clamp(27px,2.5vw,39px);line-height:1.2;letter-spacing:-.045em}.inventory-hero h2 strong{color:#f5c27c}.inventory-hero p{color:#ffffff96;font-size:10px}.inventory-health{position:relative;z-index:1;width:178px;aspect-ratio:1;display:grid;align-content:center;justify-items:center;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:#ffffff14;box-shadow:inset 0 0 0 10px #ffffff06,0 18px 38px #00000024;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.inventory-health span,.inventory-health strong,.inventory-health small{display:block}.inventory-health span{color:#b8cbc4;font-size:8px}.inventory-health strong{margin:5px 0;font:37px "DM Serif Display",serif}.inventory-health small{color:#89e8c8;font-size:7px}.inventory-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.inventory-kpis article{position:relative;overflow:hidden;min-height:105px;padding:20px;background:#fff;border:1px solid rgba(32,56,48,.08);border-radius:16px;box-shadow:0 9px 25px #2038300b}.inventory-kpis span,.inventory-kpis strong{display:block}.inventory-kpis span{color:#8b938e;font-size:8px}.inventory-kpis strong{overflow:hidden;margin-top:8px;color:#293b34;font-size:clamp(17px,1.5vw,22px);text-overflow:ellipsis;white-space:nowrap}.inventory-kpis strong small{margin-left:3px;color:#949b97;font-size:8px}.inventory-kpis article>i{position:absolute;right:16px;top:17px;width:30px;height:30px;display:grid;place-items:center;color:#19866b;background:#e4f6ef;border-radius:10px;font-size:11px;font-style:normal;font-weight:800}.inventory-kpis article.alert{border-color:#f0d7b2;background:#fffdf7}.inventory-kpis article.alert>i{color:#ba7623;background:#fff0d9}.inventory-layout{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(390px,.82fr);gap:17px;align-items:start}.inventory-panel{min-width:0;padding:24px;background:#ffffffed;border:1px solid rgba(35,53,43,.08);border-radius:20px;box-shadow:0 12px 30px #2031270b}.inventory-title{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:19px}.inventory-title span{color:#328b77;font-size:7px;font-weight:800;letter-spacing:.16em}.inventory-title h2{margin-top:5px;color:#22342c;font-size:18px}.inventory-title p{margin:5px 0 0;color:#999e9a;font-size:8px}.inventory-title em{color:#63736b;background:#eef2ef;border-radius:99px;padding:6px 9px;font-size:8px;font-style:normal;white-space:nowrap}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.menu-cost-card{min-width:0;padding:16px;background:#fbfcfa;border:1px solid #e8eae6;border-radius:14px}.menu-cost-card>div:first-child{display:flex;justify-content:space-between;gap:8px}.menu-cost-card>div:first-child span{color:#8c6a47;font-size:7px;font-weight:700}.menu-cost-card>div:first-child i{color:#25805f;background:#e6f5ed;border-radius:99px;padding:4px 7px;font-size:6px;font-style:normal}.menu-cost-card h3{margin:10px 0 5px;font-size:13px}.menu-cost-card>strong{display:block;color:#283a31;font-size:14px}.menu-cost-card>strong small{display:block;margin-top:4px;color:#949b96;font-size:7px;font-weight:500}.recipe-tags{min-height:43px;display:flex;flex-wrap:wrap;align-content:flex-start;gap:4px;margin-top:12px}.recipe-tags span{color:#68776f;background:#eef2ef;border-radius:99px;padding:4px 6px;font-size:6px}.cost-track{height:4px;overflow:hidden;margin-top:12px;background:#eceeea;border-radius:99px}.cost-track i{display:block;height:100%;background:linear-gradient(90deg,#48b994,#e3aa54);border-radius:inherit}.stock-list{display:grid;gap:8px}.stock-row{min-width:0;display:grid;grid-template-columns:minmax(130px,1fr) minmax(110px,.7fr) 44px;align-items:center;gap:10px;padding:12px;background:#fbfcfa;border:1px solid #e9ebe7;border-radius:13px}.stock-row.low{background:#fffaf2;border-color:#edd9b9}.stock-name{min-width:0;display:flex;align-items:center;gap:9px}.stock-name>i{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;color:#19795f;background:#e3f3ed;border-radius:10px;font-size:10px;font-style:normal;font-weight:800}.stock-row.low .stock-name>i{color:#ac6e22;background:#ffebca}.stock-name span{min-width:0}.stock-name b,.stock-name small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stock-name b{color:#314239;font-size:9px}.stock-name small{margin-top:3px;color:#9ba09c;font-size:6px}.stock-level>span{color:#8b928e;font-size:7px}.stock-level>span b{color:#34463d;font-size:10px}.stock-level>div{height:4px;overflow:hidden;margin:5px 0 4px;background:#e7eae6;border-radius:99px}.stock-level>div i{display:block;height:100%;background:#50bd98;border-radius:inherit}.stock-row.low .stock-level>div i{background:#e7a34b}.stock-level small{color:#a2a6a2;font-size:6px}.stock-row>button{border:1px solid #d9ded9;border-radius:8px;padding:7px 6px;color:#4f6f61;background:#fff;font-size:7px}.inventory-receipt>p{color:#8d938f;font-size:9px}.inventory-receipt .primary{width:100%;margin-top:9px;padding:13px}@media(max-width:1180px){.inventory-layout{grid-template-columns:1fr}.inventory-kpis{grid-template-columns:1fr 1fr}}@media(max-width:760px){.inventory-hero{grid-template-columns:1fr;padding:27px 23px}.inventory-health{width:145px;position:absolute;right:14px;bottom:-70px;opacity:.2}.inventory-kpis,.menu-grid{grid-template-columns:1fr}.inventory-panel{padding:18px}.stock-row{grid-template-columns:minmax(120px,1fr) minmax(95px,.7fr)}.stock-row>button{grid-column:1 / -1}}.unified-auth{min-height:100dvh;max-width:none;display:grid;grid-template-columns:minmax(500px,1.08fr) minmax(410px,.92fr);padding:0;overflow:hidden;background:#faf9fc}.unified-auth-visual{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(42px,6vw,80px);color:#fff;background:radial-gradient(circle at 76% 18%,rgba(236,106,151,.28),transparent 27%),radial-gradient(circle at 20% 83%,rgba(44,218,190,.16),transparent 30%),linear-gradient(138deg,#15233d,#38266b 54%,#8c3c68);background-size:160% 160%;animation:admin-gradient 13s ease infinite}.unified-auth-visual:before{content:"";position:absolute;inset:0;z-index:-2;opacity:.2;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:linear-gradient(135deg,#000,transparent 78%);mask-image:linear-gradient(135deg,#000,transparent 78%)}.unified-brand{display:flex;align-items:center;gap:14px}.unified-brand .bean{flex:0 0 auto}.unified-brand span,.unified-brand b,.unified-brand small{display:block}.unified-brand b{font-size:12px;letter-spacing:.17em}.unified-brand small{margin-top:5px;color:#ffffff6e;font-size:6px;letter-spacing:.2em}.unified-copy{position:relative;z-index:2;max-width:720px;margin-bottom:6vh}.unified-copy>span{color:#ffbd82;font-size:8px;font-weight:800;letter-spacing:.19em}.unified-copy h1{margin:18px 0;font-family:Noto Sans KR,sans-serif;font-size:clamp(39px,4.5vw,67px);line-height:1.15;letter-spacing:-.06em}.unified-copy h1 strong{color:#ffc18b}.unified-copy p{max-width:560px;color:#ffffff91;font-size:11px;line-height:1.8;word-break:keep-all}.unified-copy>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:25px}.unified-copy i{padding:7px 10px;color:#ffffffc7;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:99px;font-size:8px;font-style:normal;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.unified-orbit i{position:absolute;z-index:-1;border:1px solid rgba(255,255,255,.09);border-radius:50%}.unified-orbit i:nth-child(1){width:530px;height:530px;right:-260px;top:-230px}.unified-orbit i:nth-child(2){width:390px;height:390px;right:-190px;top:-160px}.unified-orbit i:nth-child(3){width:180px;height:180px;left:9%;bottom:-105px;background:#35e0c414}.unified-auth-panel{display:grid;place-items:center;padding:clamp(34px,7vw,105px);background:radial-gradient(circle at 100% 0,rgba(120,76,211,.08),transparent 27%),#fbfafc}.unified-auth-panel form{width:min(420px,100%)}.unified-auth-panel form>span{color:#8957cf;font-size:8px;font-weight:800;letter-spacing:.18em}.unified-auth-panel h2{margin:9px 0 6px;color:#202b27;font-size:30px;letter-spacing:-.04em}.unified-auth-panel form>p{margin:0 0 27px;color:#8d938f;font-size:10px}.unified-auth-panel label,.signup-form label,.signup-request-card label{display:block;margin-top:14px;color:#68716c;font-size:9px;font-weight:700}.unified-auth-panel input,.signup-form input,.signup-form select,.signup-request-card input,.signup-request-card select{width:100%;min-height:50px;display:block;margin-top:7px;padding:0 14px;color:#27332e;background:#fff;border:1px solid #dedee2;border-radius:11px;outline:0;font-size:12px}.unified-auth-panel input:focus,.signup-form input:focus,.signup-form select:focus{border-color:#8d68d3;box-shadow:0 0 0 4px #7a52c91a}.unified-auth-panel form>button,.signup-form>button{width:100%;min-height:52px;display:flex;align-items:center;justify-content:center;gap:13px;margin-top:23px;color:#fff;background:linear-gradient(100deg,#5540c5,#9b43c7 52%,#df568d);border:0;border-radius:12px;font-size:11px;font-weight:800;box-shadow:0 13px 29px #7038b838}.unified-auth-panel form>button b{font-size:16px}.auth-links{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.auth-links a{padding:12px;color:#59645f;background:#fff;border:1px solid #e1e0e3;border-radius:11px;text-decoration:none;transition:transform .18s,border-color .18s}.auth-links a:hover{transform:translateY(-2px);border-color:#c9b6e8}.auth-links span,.auth-links b{display:block}.auth-links span{color:#999d9b;font-size:7px}.auth-links b{margin-top:4px;font-size:9px}.unified-auth-panel form>small{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:16px;color:#9da19f;font-size:8px;text-align:center}.unified-auth-panel form>small i{width:6px;height:6px;border-radius:50%;background:#5dcc8b;box-shadow:0 0 0 4px #5dcc8b1a}.auth-message{padding:11px 13px;border-radius:9px;font-size:9px}.auth-message.error{margin-bottom:15px;color:#a94f5c;background:#fff0f3;border:1px solid #f1d2db}.auth-message.success{margin-bottom:16px;color:#237454;background:#e8f7ef;border:1px solid #c8ead9}.signup-page{min-height:100dvh;max-width:none;display:grid;place-items:center;padding:45px 22px;background:radial-gradient(circle at 8% 5%,rgba(102,74,202,.12),transparent 26%),radial-gradient(circle at 94% 92%,rgba(226,86,148,.1),transparent 27%),#f5f4f8}.signup-shell{width:min(720px,100%);padding:clamp(27px,5vw,48px);background:#fffffff2;border:1px solid rgba(47,42,69,.08);border-radius:24px;box-shadow:0 24px 65px #322a4f1a}.auth-back{color:#82728e;font-size:9px;text-decoration:none}.signup-heading{margin:30px 0 25px}.signup-heading span{color:#8657c9;font-size:7px;font-weight:800;letter-spacing:.18em}.signup-heading h1{margin:7px 0;font-family:Noto Sans KR,sans-serif;font-size:31px;font-weight:700}.signup-heading p{margin:0;color:#8f9591;font-size:10px}.signup-form{display:grid}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.signup-form label small{color:#a1a5a2;font-size:7px}.signup-consent{display:flex;align-items:flex-start;gap:9px;margin-top:17px;padding:12px;color:#77807b;background:#f4f5f3;border-radius:10px}.signup-consent i{width:19px;height:19px;flex:0 0 auto;display:grid;place-items:center;color:#fff;background:#55b58c;border-radius:50%;font-size:8px;font-style:normal}.signup-consent p{margin:0;font-size:8px;line-height:1.6}.signup-complete{padding:45px 20px;text-align:center}.signup-complete>i{width:58px;height:58px;display:grid;place-items:center;margin:auto;color:#fff;background:linear-gradient(145deg,#4cc69a,#537bd0);border-radius:18px;font-size:22px;font-style:normal;box-shadow:0 12px 24px #39977d33}.signup-complete h2{margin-top:20px;font-size:20px}.signup-complete p{color:#8e9490;font-size:9px}.signup-complete a{display:inline-block;margin-top:13px;padding:10px 15px;color:#fff;background:#6346c4;border-radius:9px;font-size:9px;text-decoration:none}.approval-loading{min-height:100dvh;max-width:none;display:grid;place-content:center;justify-items:center}.signup-approvals{min-height:100dvh;max-width:1320px;padding:44px clamp(22px,5vw,64px) 70px;overflow:visible}.signup-approvals>header{align-items:center}.signup-approvals header span{color:#8355c5;font-size:7px;font-weight:800;letter-spacing:.18em}.signup-approvals header h1{font-family:Noto Sans KR,sans-serif;font-size:34px;font-weight:700}.signup-approvals header p{margin:7px 0 0;color:#8c928e;font-size:9px}.signup-approvals header a{padding:10px 13px;color:#fff;background:#283d33;border-radius:9px;font-size:9px;text-decoration:none}.approval-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:17px}.approval-summary article{padding:20px;background:#fff;border:1px solid #e3e1e6;border-radius:15px}.approval-summary span,.approval-summary strong{display:block}.approval-summary span{color:#8a908c;font-size:8px}.approval-summary strong{margin-top:7px;font-size:22px}.approval-summary small{margin-left:3px;color:#999e9a;font-size:8px}.approval-board,.approval-history{padding:24px;background:#fff;border:1px solid #e2e1e5;border-radius:19px;box-shadow:0 12px 32px #2b283c0b}.approval-board-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.approval-board-head span{color:#8658c7;font-size:7px;font-weight:800;letter-spacing:.16em}.approval-board-head h2{margin-top:5px;font-size:18px}.approval-board-head em{color:#705187;background:#f0eafb;border-radius:99px;padding:6px 9px;font-size:8px;font-style:normal}.signup-request-list{display:grid;gap:9px}.signup-request-card{min-width:0;display:grid;grid-template-columns:43px minmax(150px,1fr) 135px 120px auto;align-items:end;gap:11px;padding:14px;background:#fafafa;border:1px solid #ebeaed;border-radius:14px}.request-avatar{width:41px;height:41px;align-self:center;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#7655cf,#dc6098);border-radius:13px;font-size:12px;font-weight:800}.request-person{min-width:0;align-self:center}.request-person b,.request-person span,.request-person small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.request-person b{font-size:11px}.request-person span{margin-top:4px;color:#737d77;font-size:8px}.request-person small{margin-top:3px;color:#a1a5a2;font-size:7px}.signup-request-card label{margin:0}.signup-request-card input,.signup-request-card select{min-height:37px;margin-top:5px;border-radius:8px;font-size:9px}.request-actions{display:flex;gap:5px}.request-actions button{min-height:37px;border:1px solid #dedde1;border-radius:8px;padding:0 10px;color:#7a696e;background:#fff;font-size:8px}.request-actions button:last-child{color:#fff;background:linear-gradient(110deg,#6048c7,#a049c5);border:0}.approval-empty{padding:55px 15px;color:#969b98;background:#fafafa;border-radius:13px;font-size:9px;text-align:center}.approval-history{margin-top:17px}.approval-history>div:not(.approval-board-head){display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:10px;padding:11px 5px;border-top:1px solid #eeedf0}.approval-history b{font-size:9px}.approval-history small{color:#999e9b;font-size:8px}.history-status{width:fit-content;border-radius:99px;padding:4px 7px;font-size:7px}.history-status.approved{color:#27805e;background:#e3f6ed}.history-status.rejected{color:#aa5260;background:#fdecef}@media(max-width:1000px){.unified-auth{grid-template-columns:1fr}.unified-auth-visual{min-height:340px;padding:34px}.unified-copy{margin:60px 0 0}.unified-copy h1{font-size:38px}.unified-auth-panel{min-height:600px}.signup-request-card{grid-template-columns:43px 1fr 1fr}.signup-request-card label:first-of-type{grid-column:2}.signup-request-card label:last-of-type{grid-column:3}.request-actions{grid-column:2 / -1}.request-actions button{flex:1}}@media(max-width:600px){.unified-auth-visual{min-height:285px}.unified-copy{margin-top:48px}.unified-copy h1{font-size:29px}.unified-copy p,.unified-copy>div{display:none}.unified-auth-panel{min-height:calc(100dvh - 285px);padding:36px 22px}.auth-links{grid-template-columns:1fr}.signup-page{padding:0}.signup-shell{min-height:100dvh;border-radius:0;padding:28px 20px}.form-pair{grid-template-columns:1fr;gap:0}.signup-approvals{padding:28px 15px 50px}.signup-approvals>header{align-items:flex-start;gap:16px}.approval-summary{grid-template-columns:1fr 1fr}.approval-board{padding:17px}.signup-request-card{grid-template-columns:39px 1fr}.signup-request-card label:first-of-type,.signup-request-card label:last-of-type,.request-actions{grid-column:1 / -1}}.head-office-portal{min-height:100dvh;max-width:none;padding:0 0 72px;overflow:visible;background:radial-gradient(circle at 92% 3%,rgba(108,77,210,.08),transparent 25%),#f4f3f7}.hq-header{min-height:76px;display:flex;align-items:center;justify-content:space-between;margin:0;padding:14px clamp(24px,5vw,68px);color:#fff;background:linear-gradient(100deg,#151e35,#33255d 58%,#6f315e);border-bottom:1px solid rgba(255,255,255,.09)}.hq-brand{display:flex;align-items:center;gap:12px}.hq-brand .bean{width:38px;height:38px;font-size:24px}.hq-brand span,.hq-brand b,.hq-brand small{display:block}.hq-brand b{font-size:11px;letter-spacing:.16em}.hq-brand small{margin-top:4px;color:#ffffff6e;font-size:6px;letter-spacing:.18em}.hq-user{display:flex;align-items:center;gap:13px}.hq-user span,.hq-user b,.hq-user small{display:block}.hq-user b{font-size:9px}.hq-user small{margin-top:3px;color:#ffffff75;font-size:7px}.hq-user button{padding:7px 9px;color:#ffffffb3;background:#ffffff0f;border:1px solid rgba(255,255,255,.13);border-radius:8px;font-size:7px}.head-office-portal>section,.head-office-portal>.auth-message{width:min(1420px,calc(100% - clamp(30px,8vw,120px)));margin-left:auto;margin-right:auto}.hq-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:34px 0 24px}.hq-toolbar>div>span{color:#7c52bf;font-size:7px;font-weight:800;letter-spacing:.18em}.hq-toolbar h1{margin:7px 0 4px;font-family:Noto Sans KR,sans-serif;font-size:clamp(29px,3vw,42px);font-weight:700}.hq-toolbar p{margin:0;color:#8d928f;font-size:9px}.hq-toolbar label{color:#787e7a;font-size:8px}.hq-toolbar select{min-width:210px;display:block;margin-top:6px;padding:10px 34px 10px 12px;color:#333f39;background:#fff;border:1px solid #dddae2;border-radius:10px;font-size:10px}.hq-hero{position:relative;overflow:hidden;min-height:260px;display:grid;grid-template-columns:minmax(0,1fr) 230px;align-items:center;gap:34px;padding:36px 42px;color:#fff;background:radial-gradient(circle at 85% 10%,rgba(247,181,101,.22),transparent 27%),linear-gradient(120deg,#15253e,#3f347b 52%,#a04470);border-radius:24px;box-shadow:0 22px 55px #3a2a662e}.hq-hero:before{content:"";position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:29px 29px;-webkit-mask-image:linear-gradient(90deg,#000,transparent 82%);mask-image:linear-gradient(90deg,#000,transparent 82%)}.hq-hero>div{position:relative;z-index:1}.hq-hero>div:first-child>span{color:#81edd3;font-size:7px;font-weight:800;letter-spacing:.18em}.hq-hero h2{margin:10px 0;font-size:clamp(27px,2.65vw,41px);line-height:1.2;letter-spacing:-.05em}.hq-hero h2 strong{color:#ffc185}.hq-hero p{max-width:660px;color:#ffffff94;font-size:10px;line-height:1.7}.hq-network{padding:23px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:19px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hq-network span,.hq-network strong,.hq-network em{display:block}.hq-network span{color:#ffffff96;font-size:8px}.hq-network strong{margin:8px 0;font-size:32px}.hq-network strong small{margin-left:4px;font-size:9px}.hq-network em{color:#83ead1;font-size:8px;font-style:normal}.hq-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}.hq-summary article{min-width:0;padding:19px;background:#fff;border:1px solid #e3e1e8;border-radius:15px;box-shadow:0 9px 24px #2b27400a}.hq-summary span,.hq-summary strong{display:block}.hq-summary span{color:#8b918e;font-size:8px}.hq-summary strong{overflow:hidden;margin-top:8px;color:#29352f;font-size:clamp(17px,1.6vw,23px);text-overflow:ellipsis;white-space:nowrap}.hq-summary small{margin-left:3px;color:#9ba09d;font-size:8px}.hq-module-section,.hq-cafe-board{margin-top:16px;padding:24px;background:#ffffffd6;border:1px solid #e2e0e7;border-radius:20px;box-shadow:0 11px 30px #2d293f0a}.hq-module-section .approval-board-head p{margin:5px 0 0;color:#999d9a;font-size:8px}.hq-module-section .approval-board-head>button{padding:8px 11px;color:#6f6478;background:#f2f0f5;border:0;border-radius:9px;font-size:8px}.hq-module-section .approval-board-head>button.active{color:#fff;background:#6045bf}.hq-module-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px}.hq-module-card{--hq-accent: #7754ce;position:relative;overflow:hidden;min-width:0;min-height:174px;display:flex;flex-direction:column;align-items:flex-start;padding:16px;color:#2c3933;background:#fff;border:1px solid #e6e4e9;border-radius:14px;text-align:left;transition:transform .2s,box-shadow .2s,border-color .2s}.hq-module-card:after{content:"";position:absolute;width:70px;height:70px;right:-35px;bottom:-37px;border-radius:50%;background:var(--hq-accent);opacity:.16}.hq-module-card:hover,.hq-module-card.active{transform:translateY(-4px);border-color:color-mix(in srgb,var(--hq-accent) 42%,#ddd);box-shadow:0 14px 28px #332a4e17}.hq-module-card.active{background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--hq-accent) 5%,white))}.hq-module-card>i{width:34px;height:34px;display:grid;place-items:center;color:var(--hq-accent);background:color-mix(in srgb,var(--hq-accent) 13%,white);border-radius:10px;font-size:12px;font-style:normal;font-weight:800}.hq-module-card>span{margin-top:13px;color:#9a9e9c;font-size:6px}.hq-module-card h3{margin:4px 0;font-size:12px}.hq-module-card>strong{margin-top:auto;color:#59635e;font-size:7px}.hq-module-card>b{position:absolute;right:14px;top:18px;color:var(--hq-accent);font-size:13px}.hq-module-card.blue{--hq-accent: #4b95d2}.hq-module-card.mint{--hq-accent: #3eb593}.hq-module-card.orange{--hq-accent: #da8d3c}.hq-module-card.rose{--hq-accent: #d45d7b}.hq-module-card.pink{--hq-accent: #cf5ca8}.hq-module-card.navy{--hq-accent: #5368a4}.hq-members{width:min(1420px,calc(100% - clamp(30px,8vw,120px)));margin:16px auto 0}.signup-request-card.hq-request{grid-template-columns:43px minmax(210px,1fr) minmax(180px,.7fr) auto}.signup-request-card.hq-request label{grid-column:auto}.hq-cafe-list{display:grid;gap:8px}.hq-cafe-list>button{width:100%;min-width:0;display:grid;grid-template-columns:39px minmax(160px,1fr) 130px 45px;align-items:center;gap:11px;padding:12px;color:#344039;background:#fafafa;border:1px solid #ebe9ee;border-radius:12px;text-align:left}.hq-cafe-list>button>i{width:37px;height:37px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#5d4bc0,#b24d98);border-radius:11px;font-size:10px;font-style:normal;font-weight:800}.hq-cafe-list span,.hq-cafe-list span b,.hq-cafe-list span small,.hq-cafe-list>button>strong,.hq-cafe-list>button>strong small{display:block;min-width:0}.hq-cafe-list span b{font-size:10px}.hq-cafe-list span small,.hq-cafe-list>button>strong small{margin-top:3px;color:#9a9e9b;font-size:7px}.hq-cafe-list>button>strong{font-size:10px;text-align:right}.hq-cafe-list>button>em{color:#68527d;background:#eee9f3;border-radius:99px;padding:5px 7px;font-size:7px;font-style:normal;text-align:center}.head-office-portal .approval-history{width:min(1420px,calc(100% - clamp(30px,8vw,120px)));margin:16px auto 0}.head-office-portal .approval-history>div:not(.approval-board-head){grid-template-columns:50px 1fr auto}.head-office-portal .approval-history b small{display:block;margin-top:3px;color:#999e9b;font-size:7px;font-weight:400}.head-office-portal .approval-history button{padding:7px 9px;color:#fff;background:#6349bd;border:0;border-radius:8px;font-size:7px}@media(max-width:1200px){.hq-module-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hq-module-card{min-height:155px}}@media(max-width:820px){.hq-toolbar,.hq-hero{grid-template-columns:1fr}.hq-toolbar{display:grid}.hq-toolbar label,.hq-toolbar select,.hq-network{width:100%}.hq-summary{grid-template-columns:1fr 1fr}.hq-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.signup-request-card.hq-request{grid-template-columns:40px 1fr}.signup-request-card.hq-request label,.signup-request-card.hq-request .request-actions{grid-column:1 / -1}}@media(max-width:520px){.hq-header{padding-inline:16px}.hq-user span{display:none}.head-office-portal>section,.head-office-portal>.auth-message,.hq-members,.head-office-portal .approval-history{width:calc(100% - 28px)}.hq-hero{padding:25px 21px}.hq-summary{grid-template-columns:1fr 1fr}.hq-module-section,.hq-cafe-board{padding:17px}.hq-module-grid{grid-template-columns:1fr 1fr}.hq-cafe-list>button{grid-template-columns:37px 1fr auto}.hq-cafe-list>button>strong{display:none}}.shell>aside{position:sticky;top:0;height:100vh;overflow:hidden}.cafe-sidebar-nav{min-height:0;display:block;overflow-y:auto;padding-right:3px}.cafe-sidebar-nav>span{display:block;margin:2px 13px 10px;color:#718579;font-size:6px;font-weight:800;letter-spacing:.18em}.cafe-nav-group{margin-bottom:5px}.cafe-nav-group>button{width:100%;display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:7px}.cafe-nav-group>button>i{width:25px;height:25px;display:grid;place-items:center;color:#9eafa4;background:#ffffff0b;border-radius:8px;font-size:9px;font-style:normal;font-weight:800}.cafe-nav-group>button>b{color:#64766b;font-size:13px;font-weight:400}.cafe-nav-group>button.active>i{color:#1c2c23;background:linear-gradient(145deg,#efc985,#dba35a)}.cafe-nav-group>button.active>b{color:#dba75f}.sidebar-subnav{position:relative;display:grid;gap:2px;margin:5px 0 8px 36px;padding-left:10px;border-left:1px solid #34483d}.sidebar-subnav button{padding:7px 9px;color:#7f9186;background:transparent;border:0;border-radius:6px;text-align:left;font-size:8px}.sidebar-subnav button.active{color:#fff;background:#263a2f;box-shadow:none}.program-placeholder{--program-accent: #7953c5;min-height:520px;display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:center;gap:35px;padding:45px;color:#fff;background:radial-gradient(circle at 80% 18%,color-mix(in srgb,var(--program-accent) 45%,transparent),transparent 26%),linear-gradient(125deg,#14233a,#263c55 58%,#41365f);border-radius:25px;box-shadow:0 24px 55px #1f26362e}.program-placeholder.blue{--program-accent: #559bd5}.program-placeholder.rose{--program-accent: #dc6887}.program-placeholder.purple{--program-accent: #a265db}.program-placeholder.pink{--program-accent: #d663a9}.program-placeholder>section>span{color:#8de5ce;font-size:7px;font-weight:800;letter-spacing:.19em}.program-placeholder>section h2{margin:10px 0;font-size:clamp(32px,3vw,48px);letter-spacing:-.05em}.program-placeholder>section p{max-width:620px;color:#ffffff94;font-size:10px;line-height:1.7}.program-placeholder>section>div{width:fit-content;min-width:210px;margin-top:30px;padding:19px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:15px}.program-placeholder>section strong,.program-placeholder>section small{display:block}.program-placeholder>section strong{font-size:23px}.program-placeholder>section small{margin-top:5px;color:#ffffff8c;font-size:8px}.program-placeholder>aside{min-height:240px;display:grid;place-content:center;justify-items:center;padding:25px;color:#fff;background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:22px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.program-placeholder>aside i{width:70px;height:70px;display:grid;place-items:center;color:#fff;background:color-mix(in srgb,var(--program-accent) 65%,transparent);border-radius:22px;font-size:25px;font-style:normal}.program-placeholder>aside b{margin-top:18px;font-size:16px}.program-placeholder>aside span{margin-top:5px;color:#ffffff8a;font-size:8px}@media(max-width:760px){.shell>aside{position:relative;height:auto;overflow:visible}.cafe-sidebar-nav{display:flex;overflow-x:auto;padding-bottom:4px}.cafe-sidebar-nav>span{display:none}.cafe-nav-group{flex:0 0 auto}.cafe-nav-group>button{display:flex;min-width:max-content}.cafe-nav-group>button>b{display:none}.sidebar-subnav{display:none}.program-placeholder{min-height:430px;grid-template-columns:1fr;padding:27px 22px}.program-placeholder>aside{display:none}}.document-dialog-actions{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center}.document-dialog-actions .document-delete{border-color:#efc9c2;background:#fff5f2;color:#b34b3c;font-weight:700}.document-dialog-actions .document-delete:hover{border-color:#d9988d;background:#ffe9e4}.document-dialog-actions .document-delete:disabled{cursor:wait;opacity:.65}