:root{--jl-bg:#f4f6f9;--jl-card:#fff;--jl-text:#111827;--jl-muted:#667085;--jl-line:#e5e9f0;--jl-primary:#155eef;--jl-primary-dark:#0b4bd4;--jl-good:#079455;--jl-warn:#dc6803;--jl-bad:#d92d20;--jl-side:#101828}.jhnlive-app,.jhnlive-app *{box-sizing:border-box}.jhnlive-app{display:grid;grid-template-columns:242px minmax(0,1fr);min-height:100vh;background:var(--jl-bg);color:var(--jl-text);font-family:Pretendard,"Noto Sans KR",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.jhnlive-side{position:sticky;top:0;height:100vh;background:var(--jl-side);color:#fff;padding:24px 14px;display:flex;flex-direction:column;z-index:100}.jhnlive-brand{display:flex;align-items:center;gap:11px;padding:0 9px 24px}.jhnlive-brand>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#fff;color:#155eef;font-weight:900;letter-spacing:-1px}.jhnlive-brand div{display:flex;flex-direction:column}.jhnlive-brand strong{font-size:17px}.jhnlive-brand small{color:#98a2b3;margin-top:2px}.jhnlive-side-close{display:none;margin-left:auto;border:0;background:transparent;color:#fff;font-size:28px}.jhnlive-side nav{display:flex;flex-direction:column;gap:4px}.jhnlive-side nav a{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 12px;border-radius:10px;color:#b9c2d0;text-decoration:none;font-size:14px;font-weight:700}.jhnlive-side nav a:hover,.jhnlive-side nav a.active{background:#1d2939;color:#fff}.jhnlive-side nav i{width:20px;text-align:center;font-style:normal;font-size:17px}.jhnlive-side nav b{margin-left:auto;display:grid;place-items:center;min-width:22px;height:22px;border-radius:999px;background:#f04438;color:#fff;font-size:11px}.jhnlive-user{margin-top:auto;border-top:1px solid #344054;padding:18px 8px 0;display:flex;align-items:center;gap:8px}.jhnlive-user>div{min-width:0;display:flex;flex:1;flex-direction:column}.jhnlive-user strong,.jhnlive-user small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jhnlive-user small{color:#98a2b3;margin-top:3px;font-size:11px}.jhnlive-user>a{color:#d0d5dd;font-size:12px}.jhnlive-content{min-width:0;padding:38px 40px 70px;max-width:1600px;width:100%;margin:0 auto}.jhnlive-mobile-head{display:none}.jhnlive-page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:26px}.jhnlive-page-head.compact{margin-bottom:18px}.jhnlive-page-head span,.card-head span{display:block;color:var(--jl-primary);font-size:11px;font-weight:900;letter-spacing:.12em;margin-bottom:7px}.jhnlive-page-head h1{font-size:29px;letter-spacing:-.04em;margin:0 0 8px}.jhnlive-page-head p{margin:0;color:var(--jl-muted);font-size:14px;line-height:1.65}.jhnlive-primary,.jhnlive-secondary,.jhnlive-ghost{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 17px;border-radius:9px;border:1px solid transparent;text-decoration:none!important;font-weight:800;font-size:13px;cursor:pointer;white-space:nowrap}.jhnlive-primary{background:var(--jl-primary);color:#fff!important}.jhnlive-primary:hover{background:var(--jl-primary-dark)}.jhnlive-secondary{background:#fff;border-color:#d0d5dd;color:#344054!important}.jhnlive-ghost{background:transparent;border-color:#d0d5dd;color:#475467!important}.jhnlive-primary.small,.jhnlive-ghost.small{min-height:32px;padding:0 10px;font-size:11px}.jhnlive-mode{background:#fff;border:1px solid var(--jl-line);border-left:4px solid var(--jl-good);border-radius:12px;padding:16px 18px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.jhnlive-mode.pause_new{border-left-color:var(--jl-warn)}.jhnlive-mode.emergency{border-left-color:var(--jl-bad)}.jhnlive-mode>div{display:flex;align-items:center;gap:12px}.jhnlive-mode i{width:10px;height:10px;border-radius:50%;background:var(--jl-good);box-shadow:0 0 0 5px #ecfdf3}.jhnlive-mode.pause_new i{background:var(--jl-warn);box-shadow:0 0 0 5px #fffaeb}.jhnlive-mode.emergency i{background:var(--jl-bad);box-shadow:0 0 0 5px #fef3f2}.jhnlive-mode small{display:block;color:var(--jl-muted);font-size:11px}.jhnlive-mode strong{display:block;margin-top:2px}.jhnlive-mode>span{color:var(--jl-muted);font-size:13px}.jhnlive-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.jhnlive-stats>a,.jhnlive-stats>div{display:flex;flex-direction:column;background:#fff;border:1px solid var(--jl-line);border-radius:13px;padding:18px;color:inherit;text-decoration:none}.jhnlive-stats span{color:var(--jl-muted);font-size:12px;font-weight:700}.jhnlive-stats strong{font-size:27px;margin:9px 0 4px;letter-spacing:-.04em}.jhnlive-stats small{color:#98a2b3;font-size:11px}.jhnlive-stats.usage{grid-template-columns:repeat(4,minmax(0,1fr))}.jhnlive-grid{display:grid;gap:20px;margin-bottom:20px}.jhnlive-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.jhnlive-card{background:#fff;border:1px solid var(--jl-line);border-radius:14px;padding:22px}.card-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.card-head h2{margin:0;font-size:18px}.card-head>strong{font-size:22px}.card-head>a{font-size:12px;color:var(--jl-primary);font-weight:800}.jhnlive-actions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.jhnlive-actions-grid a{border:1px solid var(--jl-line);border-radius:11px;padding:15px;text-decoration:none;color:inherit;display:flex;flex-direction:column}.jhnlive-actions-grid a:hover{border-color:#84adff;background:#f5f8ff}.jhnlive-actions-grid span{margin-top:5px;color:var(--jl-muted);font-size:11px}.jhnlive-progress{height:9px;background:#eef2f6;border-radius:999px;overflow:hidden}.jhnlive-progress i{display:block;height:100%;background:var(--jl-primary);border-radius:inherit}.jhnlive-budget-row{display:flex;justify-content:space-between;color:var(--jl-muted);font-size:12px;margin:9px 0 17px}.jhnlive-text-link{color:var(--jl-primary);text-decoration:none;font-size:12px;font-weight:800}.recent-list>div{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:11px;align-items:center;padding:13px 0;border-top:1px solid #f0f2f5}.recent-list>div:first-child{border-top:0}.recent-dot{width:8px;height:8px;border-radius:50%;background:#98a2b3}.recent-dot.success,.recent-dot.completed{background:var(--jl-good)}.recent-dot.failed,.recent-dot.error{background:var(--jl-bad)}.recent-list div>div{display:flex;flex-direction:column;min-width:0}.recent-list strong,.recent-list small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-list small,.recent-list time{color:var(--jl-muted);font-size:11px;margin-top:3px}.jhnlive-setup-list{display:flex;flex-direction:column;gap:12px}.jhnlive-setup-item{display:grid;grid-template-columns:46px minmax(0,1fr) auto auto;gap:16px;align-items:center;background:#fff;border:1px solid var(--jl-line);border-radius:13px;padding:18px}.jhnlive-setup-item>b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#eff4ff;color:var(--jl-primary)}.jhnlive-setup-item.done>b{background:#ecfdf3;color:var(--jl-good)}.jhnlive-setup-item h2{font-size:16px;margin:0 0 4px}.jhnlive-setup-item p{margin:0;color:var(--jl-muted);font-size:12px}.jhnlive-setup-item>span{font-size:11px;font-weight:800;color:var(--jl-warn)}.jhnlive-setup-item.done>span{color:var(--jl-good)}.jhnlive-setup-item>a{color:var(--jl-primary);font-size:12px;font-weight:800}.jhnlive-message{padding:14px 16px;border-radius:10px;margin:0 0 18px;font-size:13px;line-height:1.55}.jhnlive-message.info{background:#eff8ff;color:#175cd3}.jhnlive-message.success{background:#ecfdf3;color:#067647}.jhnlive-message.warning{background:#fffaeb;color:#b54708}.jhnlive-message.error{background:#fef3f2;color:#b42318}.jhnlive-setup-list+.jhnlive-message{margin-top:15px}.jhnlive-tool-wrap{background:#fff;border:1px solid var(--jl-line);border-radius:14px;padding:20px;overflow:hidden}.jhnlive-count{padding:8px 12px!important;border-radius:999px;background:#fff;border:1px solid var(--jl-line);color:#344054!important;letter-spacing:0!important;font-size:12px!important}.jhnlive-manual-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.jhnlive-manual{background:#fff;border:1px solid var(--jl-line);border-radius:14px;padding:19px}.jhnlive-manual.done{opacity:.72}.manual-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.manual-top>div{display:flex;flex-direction:column;gap:5px}.manual-top small{color:var(--jl-muted)}.manual-top>b{font-size:11px;color:var(--jl-warn)}.jhnlive-manual.done .manual-top>b{color:var(--jl-good)}.platform{display:inline-flex;width:max-content;padding:5px 8px;border-radius:7px;background:#eef4ff;color:#3538cd;font-size:11px;font-weight:900}.platform.naver_blog{background:#ecfdf3;color:#067647}.platform.tistory{background:#fff4ed;color:#c4320a}.jhnlive-manual label{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:800;margin:12px 0 6px}.jhnlive-copy{border:0;background:transparent;color:var(--jl-primary);font-size:11px;font-weight:800;cursor:pointer}.jhnlive-copy.copied{color:var(--jl-good)}.jhnlive-manual textarea{width:100%;resize:vertical;border:1px solid #d0d5dd;border-radius:8px;padding:10px;font:12px/1.65 inherit;background:#f9fafb;color:#344054}.manual-buttons{display:flex;gap:8px;align-items:center;margin-top:14px}.manual-buttons form{margin:0}.jhnlive-account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.jhnlive-account{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;background:#fff;border:1px solid var(--jl-line);border-radius:14px;padding:18px}.account-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#eff4ff;color:var(--jl-primary);font-weight:900}.account-main>span{font-size:10px;color:var(--jl-muted);font-weight:800}.account-main h2{margin:4px 0 6px;font-size:16px}.account-main p{margin:0;color:var(--jl-muted);font-size:11px;line-height:1.5}.account-main small{display:block;color:#98a2b3;margin-top:6px}.account-status{text-align:right}.account-status b{display:inline-block;padding:5px 8px;border-radius:999px;background:#f2f4f7;color:#475467;font-size:10px}.account-status b.ok{background:#ecfdf3;color:#067647}.account-status b.warning{background:#fffaeb;color:#b54708}.account-status b.error{background:#fef3f2;color:#b42318}.account-status span{display:block;color:var(--jl-muted);font-size:10px;margin-top:7px}.account-actions{grid-column:2/4;display:flex;gap:8px}.account-actions form{margin:0}.jhnlive-filter{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}.jhnlive-filter a{padding:7px 11px;border-radius:999px;background:#fff;border:1px solid var(--jl-line);color:#475467;text-decoration:none;font-size:11px;font-weight:800}.jhnlive-filter a.active{background:var(--jl-side);border-color:var(--jl-side);color:#fff}.jhnlive-table-wrap{overflow:auto;background:#fff;border:1px solid var(--jl-line);border-radius:13px}.jhnlive-table{width:100%;border-collapse:collapse;min-width:780px}.jhnlive-table th,.jhnlive-table td{padding:13px 14px;border-bottom:1px solid #eef0f3;text-align:left;vertical-align:middle;font-size:12px}.jhnlive-table th{background:#f9fafb;color:#667085;font-size:10px;text-transform:uppercase;letter-spacing:.04em}.jhnlive-table td strong,.jhnlive-table td small,.jhnlive-table td a{display:block}.jhnlive-table td small{color:var(--jl-muted);margin-top:3px}.jhnlive-table td a{margin-top:4px;color:var(--jl-primary);font-weight:800}.job-status{display:inline-block;padding:5px 8px;border-radius:999px;background:#f2f4f7;color:#475467;font-size:10px;font-weight:800}.job-status.completed{background:#ecfdf3;color:#067647}.job-status.failed,.job-status.verify_required{background:#fef3f2;color:#b42318}.job-status.service_wait,.job-status.needs_action{background:#fffaeb;color:#b54708}.job-status.processing{background:#eff8ff;color:#175cd3}.row-actions{display:flex;gap:5px}.row-actions form{margin:0}.jhnlive-health-list>div{display:grid;grid-template-columns:9px minmax(0,1fr) auto;gap:11px;align-items:center;padding:12px 0;border-top:1px solid #eef0f3}.jhnlive-health-list>div:first-child{border-top:0}.jhnlive-health-list b{width:8px;height:8px;border-radius:50%;background:#98a2b3}.jhnlive-health-list b.ok{background:var(--jl-good)}.jhnlive-health-list b.warning{background:var(--jl-warn)}.jhnlive-health-list b.error{background:var(--jl-bad)}.jhnlive-health-list span{display:flex;flex-direction:column}.jhnlive-health-list small{color:var(--jl-muted);font-size:11px;margin-top:3px}.jhnlive-health-list em{font-style:normal;font-size:10px;color:var(--jl-muted)}.jhnlive-empty{grid-column:1/-1;background:#fff;border:1px dashed #cfd5df;border-radius:13px;padding:45px;text-align:center;display:flex;flex-direction:column}.jhnlive-empty span{color:var(--jl-muted);font-size:12px;margin-top:7px}.jhnlive-profile-card{display:flex;align-items:center;gap:18px;background:#fff;border:1px solid var(--jl-line);border-radius:14px;padding:24px}.jhnlive-profile-card .avatar{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#eff4ff;color:var(--jl-primary);font-size:24px;font-weight:900}.jhnlive-profile-card>div:nth-child(2){flex:1}.jhnlive-profile-card span,.jhnlive-profile-card p{color:var(--jl-muted);font-size:12px}.jhnlive-profile-card h2{margin:5px 0}.jhnlive-overlay{display:none}.jhnlive-login{max-width:420px;margin:80px auto;padding:35px;text-align:center;background:#fff;border:1px solid var(--jl-line);border-radius:15px}.jhnlive-login a{display:inline-flex;margin-top:12px;padding:10px 18px;border-radius:8px;background:var(--jl-primary);color:#fff;text-decoration:none}
@media(max-width:1100px){.jhnlive-content{padding:30px 26px}.jhnlive-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.jhnlive-manual-list,.jhnlive-account-grid{grid-template-columns:1fr}}
@media(max-width:820px){.jhnlive-app{display:block}.jhnlive-side{position:fixed;left:-280px;width:270px;transition:left .22s}.jhnlive-nav-open .jhnlive-side{left:0}.jhnlive-side-close{display:block}.jhnlive-nav-open .jhnlive-overlay{display:block;position:fixed;inset:0;background:rgba(16,24,40,.52);z-index:90}.jhnlive-content{padding:0 15px 50px}.jhnlive-mobile-head{display:flex;align-items:center;gap:12px;height:60px;margin:0 -15px 22px;padding:0 16px;background:#fff;border-bottom:1px solid var(--jl-line);position:sticky;top:0;z-index:40}.jhnlive-menu-toggle{border:0;background:transparent;font-size:23px}.jhnlive-page-head{flex-direction:column}.jhnlive-grid.two{grid-template-columns:1fr}.jhnlive-stats.usage{grid-template-columns:repeat(2,minmax(0,1fr))}.jhnlive-mode{align-items:flex-start;flex-direction:column}.jhnlive-setup-item{grid-template-columns:42px minmax(0,1fr) auto}.jhnlive-setup-item>a{grid-column:2/4}.jhnlive-manual-list{grid-template-columns:1fr}.jhnlive-profile-card{align-items:flex-start;flex-wrap:wrap}.jhnlive-profile-card>a{width:100%}.jhnlive-tool-wrap{padding:10px}}
@media(max-width:520px){.jhnlive-page-head h1{font-size:24px}.jhnlive-stats,.jhnlive-stats.usage{grid-template-columns:1fr 1fr;gap:8px}.jhnlive-stats>a,.jhnlive-stats>div{padding:14px}.jhnlive-stats strong{font-size:22px}.jhnlive-actions-grid{grid-template-columns:1fr}.jhnlive-card{padding:17px}.jhnlive-account{grid-template-columns:42px minmax(0,1fr)}.account-status{grid-column:1/3;text-align:left}.account-status span{display:inline;margin-left:8px}.account-actions{grid-column:1/3;flex-wrap:wrap}.manual-buttons{flex-wrap:wrap}.jhnlive-setup-item{padding:15px}.jhnlive-page-head>.jhnlive-primary,.jhnlive-page-head>.jhnlive-secondary{width:100%}}