*{box-sizing:border-box}body{color:#0f172a;background:#f5f8fc;margin:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}button,input,select,textarea{font-family:inherit}button{cursor:pointer}.page{min-height:100vh;padding:22px}.loginPage{place-items:center;display:grid}.loginCard{background:#fff;border:1px solid #dbe7f5;border-radius:28px;justify-items:center;gap:22px;width:min(520px,100%);padding:56px 46px;display:grid;box-shadow:0 24px 70px #0f172a14}.loginLogo{width:150px;height:auto}.loginCard h1{letter-spacing:-.04em;margin:0;font-size:27px;font-weight:800}.topBar{background:#fff;border:1px solid #dbe7f5;border-radius:20px;justify-content:space-between;align-items:center;gap:18px;max-width:1280px;margin:0 auto 22px;padding:14px 18px;display:flex;box-shadow:0 14px 38px #0f172a0d}.brand{align-items:center;gap:12px;display:flex}.brand img{width:42px;height:auto}.brand strong{font-size:15px;font-weight:800}.topActions{color:#475569;align-items:center;gap:10px;font-size:13px;display:flex}.modeSwitch{background:#eef5ff;border-radius:999px;gap:4px;padding:4px;display:flex}.modeButton{color:#475569;background:0 0;border:0;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700}.modeButton.active{color:#fff;background:#2563eb}.hero,.panel,.adminSummary{max-width:1280px;margin:0 auto 18px}.hero{background:linear-gradient(135deg,#fff 0%,#eff6ff 100%);border:1px solid #dbe7f5;border-radius:24px;justify-content:space-between;align-items:center;gap:16px;padding:24px;display:flex}.hero h1{letter-spacing:-.04em;margin:0 0 6px;font-size:28px;font-weight:800}.hero p{color:#64748b;margin:0;font-size:13px}.primaryButton,.fullButton,.bigButton{color:#fff;background:#2563eb;border:0;border-radius:14px;padding:13px 18px;font-size:14px;font-weight:800;text-decoration:none;box-shadow:0 12px 24px #2563eb2e}.fullButton{text-align:center;width:100%}.ghostButton,.smallButton,.textButton,.helpButton,.copyCodeButton{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:9px 12px;font-size:13px;font-weight:700;text-decoration:none}.textButton{color:#2563eb;background:0 0;border:0}.smallButton.blue,.copyCodeButton,.aiPromptButton,.finalCopyButton{color:#fff;background:#2563eb;border:0}.smallButton.danger{color:#dc2626;border-color:#fecaca}.panel{background:#fff;border:1px solid #dbe7f5;border-radius:22px;overflow:hidden;box-shadow:0 14px 38px #0f172a0a}.panelHeader{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex}.panelHeader.clean{border-bottom:0;padding-bottom:8px}.panelHeader h2{margin:0;font-size:17px;font-weight:800}.adminSummary{grid-template-columns:180px 180px 1fr;gap:14px;display:grid}.summaryCard,.teamChart{background:#fff;border:1px solid #dbe7f5;border-radius:22px;box-shadow:0 14px 38px #0f172a0a}.summaryCard{gap:8px;padding:20px;display:grid}.summaryCard span{color:#64748b;font-size:13px;font-weight:700}.summaryCard strong{font-size:30px;font-weight:800}.barList{gap:10px;padding:0 20px 20px;display:grid}.barRow{grid-template-columns:130px 1fr 30px;align-items:center;gap:10px;font-size:13px;display:grid}.barRow>div{background:#eaf3ff;border-radius:999px;height:10px;overflow:hidden}.barRow i{background:#2563eb;border-radius:999px;height:100%;display:block}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #e2e8f0;padding:13px 14px;font-size:13px}th{color:#475569;background:#f8fbff;font-weight:800}td{color:#0f172a;font-weight:560}.rowActions{flex-wrap:wrap;gap:6px;display:flex}.status{border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800;display:inline-flex}.status.on{color:#166534;background:#dcfce7}.status.off{color:#991b1b;background:#fee2e2}.emptyState{color:#64748b;text-align:center;padding:28px}.modalBackdrop{z-index:50;background:#0f172a73;padding:28px;position:fixed;inset:0;overflow-y:auto}.modal{background:#fff;border-radius:24px;width:min(1040px,100%);margin:0 auto;overflow:hidden;box-shadow:0 30px 90px #0f172a38}.wideModal{width:min(1120px,100%)}.modalHeader{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;gap:12px;padding:22px 26px;display:flex}.modalHeader h2{margin:0 0 6px;font-size:20px;font-weight:800}.modalHeader p{color:#64748b;margin:0;font-size:13px;font-weight:700}.automationForm{grid-template-columns:1fr 1fr;gap:14px;padding:24px 26px 28px;display:grid}.wide{grid-column:1/-1}.formSection{border-top:1px solid #e2e8f0;padding-top:8px}.formSection:first-child{border-top:0;padding-top:0}.formSection h3{margin:0;font-size:16px;font-weight:800}label{color:#334155;gap:7px;font-size:12px;font-weight:800;display:grid}input,select,textarea{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:14px;outline:none;width:100%;padding:12px 13px;font-size:13px}input:focus,select:focus,textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.inputWithButton{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.scheduleBox{gap:10px;display:grid}.fieldLabel{color:#475569;font-size:12px;font-weight:800}.choiceGrid{gap:8px;display:grid}.choiceGrid.four{grid-template-columns:repeat(4,1fr)}.choiceGrid.seven{grid-template-columns:repeat(7,1fr)}.choiceButton{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:13px;min-height:42px;font-size:13px;font-weight:800}.choiceButton.active{color:#fff;background:#2563eb;border-color:#2563eb}.timeEditButton{color:#fff;background:#2563eb;border:0;border-radius:13px;min-width:104px;min-height:44px;font-size:13px;font-weight:800}.codeBox,.guideField,.resultSheetGuide,.finalCodeBox{background:#f8fbff;border:1px solid #dbeafe;border-radius:18px;gap:12px;padding:16px;display:grid}.templateHeader,.fieldTitleRow{justify-content:space-between;align-items:center;gap:12px;display:flex}.templateHeader span,.fieldTitleRow span{font-size:13px;font-weight:800}.codeTextarea{color:#e5eefc;background:#0f172a;min-height:240px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;line-height:1.55}.codeHelpText,.helperText,.finalCodeBox p,.aiPasteBox p{color:#64748b;margin:0;font-size:12px;line-height:1.6}.guideBox{background:#fff;border:1px solid #dbeafe;border-radius:14px;padding:16px;font-size:13px;line-height:1.7}.guideBox strong{font-size:15px}.guideBox li{margin:6px 0}.centerActions{justify-content:center;display:flex}.aiPromptButton{border:0;border-radius:14px;width:100%;min-height:48px;font-size:14px;font-weight:800;color:#fff!important;background:#2563eb!important}.copySuccess{color:#166534;background:#dcfce7;border-radius:999px;width:fit-content;padding:8px 12px;font-size:13px;font-weight:800;display:inline-flex}.stepGuideList{gap:10px;display:grid}.stepGuideList>div{background:#fff;border:1px solid #dbeafe;border-radius:14px;grid-template-columns:30px 1fr;align-items:center;gap:10px;padding:12px;display:grid}.stepGuideList b{color:#fff;background:#2563eb;border-radius:999px;place-items:center;width:26px;height:26px;font-size:13px;display:grid}.stepGuideList span{color:#334155;font-size:13px;line-height:1.5}.exampleBox{background:#fff;border:1px solid #e2e8f0;border-radius:14px;gap:8px;padding:14px;display:grid}.exampleBox b{font-size:13px}.exampleBox p{color:#475569;margin:0;font-size:13px;line-height:1.6}.finalCopyButton{color:#fff;background:#0f172a;border:0;border-radius:14px;width:100%;min-height:52px;font-size:15px;font-weight:900}.previewBox{color:#e5eefc;white-space:pre-wrap;background:#0f172a;border-radius:14px;min-height:120px;padding:16px;font-size:13px;line-height:1.7}.modalActions{grid-column:1/-1;justify-content:flex-end;gap:10px;padding-top:8px;display:flex}.toast{z-index:100;color:#fff;background:#0f172a;border-radius:14px;padding:13px 16px;font-size:13px;font-weight:800;position:fixed;bottom:24px;right:24px;box-shadow:0 18px 40px #0f172a33}.adminUsersPanel{margin-top:18px}.adminForm{grid-template-columns:1fr 1fr auto;gap:10px;padding:18px 20px;display:grid}.formMessage{color:#2563eb;padding:0 20px;font-size:13px;font-weight:800}@media (width<=900px){.page{padding:14px}.topBar,.hero{flex-direction:column;align-items:flex-start}.adminSummary,.automationForm,.adminForm{grid-template-columns:1fr}.choiceGrid.four,.choiceGrid.seven{grid-template-columns:1fr 1fr}.modalBackdrop{padding:12px}}.aiPromptButton,.finalCopyButton{border-radius:16px;width:100%;min-height:54px;font-size:15px;font-weight:900;box-shadow:0 14px 28px #2563eb38;color:#fff!important;background:#2563eb!important;border:0!important}.finalCopyButton{background:#2563eb!important}.improvedGuide{gap:18px}.looseSteps{gap:14px}.looseSteps>div{padding:16px}.looseSteps span{font-size:14px;line-height:1.65}.dangerText{color:#dc2626;font-weight:900}.strongExample{background:#fff;border:2px solid #bfdbfe;padding:18px}.strongExample b{color:#0f172a;font-size:16px}.strongExample p{margin:0;font-size:14px;line-height:1.7}.requestExample{background:#eff6ff;border-radius:14px;padding:14px;font-weight:800;color:#1e3a8a!important;margin-top:8px!important}.codeTextarea::placeholder{color:#94a3b8}.centerActions{flex-wrap:wrap;justify-content:center;gap:22px;margin:24px 0;display:flex}.previewBox{margin-top:14px}.modalActions{margin-top:18px}