:root{font-family:Inter,Pretendard,Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif;color:#0f172a;background:#f4f8ff;font-synthesis:none;text-rendering:optimizeLegibility;--accent: #2563eb;--accent-strong: #1d4ed8;--accent-soft: #eaf2ff;--paper: #ffffff;--paper-soft: #f8fbff;--line: #dbe7f7;--line-soft: #edf4ff;--muted: #64748b;--ink: #0f172a;--danger: #dc2626;--danger-soft: #fff1f2;--success: #15803d;--success-soft: #ecfdf3;--warning: #c2410c;--warning-soft: #fff7ed;--shadow: 0 16px 42px rgba(37, 99, 235, .08)}*{box-sizing:border-box}*{scrollbar-width:thin;scrollbar-color:#9fbbe8 transparent}*::-webkit-scrollbar{width:7px;height:7px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{border-radius:999px;background:#9fbbe8}*::-webkit-scrollbar-thumb:hover{background:#6f98d8}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,rgba(37,99,235,.09),transparent 32%),#f4f8ff}button,input,select,textarea{font:inherit}button{min-height:36px;border:1px solid #c9d8ee;border-radius:8px;background:var(--paper);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 12px;font-size:13px;font-weight:700;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease,box-shadow .15s ease}button:hover{border-color:#8fb2e8;background:#f8fbff}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(37,99,235,.16);outline-offset:1px}button:disabled{cursor:not-allowed;opacity:.55}.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 10px 24px #2563eb38}.primary:hover{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}.danger-fill{background:var(--danger);border-color:var(--danger);color:#fff}.danger-text{color:var(--danger)}.ghost{background:transparent}.small-button{min-height:30px;padding:5px 8px;font-size:12px}.segmented,.tabs{display:flex;align-items:center;gap:6px;padding:4px;border:1px solid var(--line);border-radius:10px;background:var(--paper-soft);margin:16px 0;overflow-x:auto}.segmented button,.tabs button{border:0;min-height:32px;background:transparent;color:var(--muted);white-space:nowrap}.segmented button.active,.tabs button.active{background:#fff;color:var(--accent-strong);box-shadow:0 6px 16px #2563eb1f}.boot{min-height:100vh;display:grid;place-items:center;font-weight:850;color:var(--accent)}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top left,rgba(37,99,235,.14),transparent 38%),#f7fbff}.login-panel{width:min(420px,100%);padding:32px;border:1px solid var(--line);border-radius:14px;background:var(--paper);box-shadow:var(--shadow)}.login-panel h1{margin:18px 0 8px;font-size:28px;line-height:1.2}.login-panel p,.topbar p,.logo-row span,.text-stack em,.chat-mini em{margin:0;color:var(--muted);font-size:12px;line-height:1.45;font-style:normal}.brand-mark{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#2563eb,#0ea5e9);color:#fff}.brand-mark.small{width:34px;height:34px;border-radius:10px}.app-shell{min-height:100vh;display:grid;grid-template-columns:232px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:18px 12px;background:#0f1f3d;color:#fff;display:flex;flex-direction:column}.admin-sidebar{background:#081a35}.logo-row{display:flex;align-items:center;gap:12px;padding:8px 8px 22px}.logo-row strong,.logo-row span{display:block}.logo-row span{color:#9fb7dc}.sidebar nav{display:grid;gap:5px}.sidebar nav button,.logout{justify-content:flex-start;border:0;color:#dbeafe;background:transparent}.sidebar nav button.active,.sidebar nav button:hover,.logout:hover{background:#3b82f62e;color:#fff}.logout{margin-top:auto}.logout.admin-link{margin-top:14px;color:#bfdbfe}.workspace{padding:22px;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.topbar h1{margin:0 0 4px;font-size:25px;line-height:1.25}.page-grid,.stack{display:grid;gap:14px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stat{min-height:94px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--paper);display:flex;align-items:center;gap:13px;box-shadow:0 10px 26px #0f172a0a}.stat svg{color:var(--accent)}.stat span{display:block;color:var(--muted);font-size:12px;margin-bottom:4px}.stat strong{display:block;font-size:28px;line-height:1}.two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.68fr);gap:16px;align-items:start}.two-col.wide-left{grid-template-columns:minmax(0,1.2fr) minmax(420px,.8fr)}.account-layout{grid-template-columns:minmax(300px,.55fr) minmax(0,1.45fr)}.two-col.wide-left.message-layout{grid-template-columns:minmax(320px,.72fr) minmax(640px,1.28fr);align-items:start}.two-col.wide-left.message-layout>.data-panel{min-width:0}.two-col.wide-left.message-layout>.panel{min-width:0}.template-form{gap:12px}.panel{border:1px solid var(--line);border-radius:12px;background:var(--paper);box-shadow:var(--shadow);overflow:hidden}.panel-head{min-height:54px;padding:14px 16px;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between;gap:10px}.panel h2{margin:0;font-size:16px;line-height:1.3}.panel-body{padding:16px}label{display:grid;gap:6px;font-size:12px;font-weight:800;color:#334155}.field-label{display:inline-flex;align-items:center;gap:6px}.field-error{color:var(--danger);font-size:11px;font-weight:750;line-height:1.35}input,select,textarea{width:100%;border:1px solid #c9d8ee;border-radius:8px;background:var(--paper);color:var(--ink);padding:9px 10px;font-size:13px;line-height:1.35}input:focus,select:focus,textarea:focus{border-color:#7aa7e8}textarea{resize:vertical;white-space:pre-wrap}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.check-row{display:flex;align-items:center;gap:8px}.check-row input{width:auto}.check-grid{display:flex;flex-wrap:wrap;gap:10px 16px}.list-controls{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line-soft);align-items:end}.filter-row{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.filter-row label{min-width:170px}.search-field{min-height:38px;display:flex;align-items:center;gap:8px;border:1px solid #c9d8ee;border-radius:9px;padding:0 9px;background:#fff}.search-field svg{color:var(--muted);flex:0 0 auto}.search-field input{border:0;padding-left:0;padding-right:0}.search-field input:focus{outline:none}.clear-search{width:28px;min-height:28px;padding:0;border:0;background:transparent;color:var(--muted)}.table-shell{padding:0 16px}table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:13px}th{text-align:left;color:#475569;font-size:11px;font-weight:850;padding:11px 8px;white-space:nowrap}td{border-top:1px solid var(--line-soft);padding:11px 8px;vertical-align:middle;min-width:0}td,td *{min-width:0}.truncate{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mono{font-family:SFMono-Regular,Consolas,monospace;font-size:12px}.pagination-bar{min-height:54px;padding:10px 16px;border-top:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px}.pagination-buttons{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end}.pagination-buttons button{min-height:30px;padding:5px 8px;font-size:12px}.pagination-buttons button.active{background:var(--accent);border-color:var(--accent);color:#fff}.list,.compact-list{display:grid;gap:8px}.list-row{border:1px solid var(--line-soft);border-radius:10px;padding:12px;display:flex;justify-content:space-between;gap:10px;align-items:center;background:#fff}.list-row strong,.text-stack strong,.chat-mini strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-stack,.chat-mini{display:grid;gap:2px;min-width:0}.text-stack em{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.grade-badge{display:inline-flex;width:fit-content;min-height:21px;align-items:center;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:900;letter-spacing:0;color:#1e40af;background:#dbeafe}.grade-badge.premium{color:#0369a1;background:#e0f2fe}.grade-badge.vip{color:#a16207;background:#fef3c7}.grade-badge.admin{color:#fff;background:#1d4ed8}.banner-slot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch;margin-bottom:26px}.banner-card{min-height:118px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 10px 26px #2563eb12;display:block;text-decoration:none;color:var(--ink)}.banner-card img{width:100%;height:100%;min-height:118px;aspect-ratio:16 / 5;object-fit:cover;background:var(--accent-soft);display:block}.banner-thumb{display:grid;grid-template-columns:54px minmax(0,1fr);gap:10px;align-items:center;min-width:0}.banner-thumb img{width:54px;height:40px;object-fit:cover;border-radius:8px;background:var(--accent-soft)}.chat-mini{grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px}.chat-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-weight:850;flex:0 0 auto}.type-badge{width:fit-content;border-radius:7px;padding:4px 7px;background:var(--accent-soft);color:var(--accent-strong);font-size:11px;font-weight:850}.row-actions,.inline-auth{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.inline-auth input{width:112px;min-height:30px;padding:6px 8px}.inline-auth.wide{width:100%}.inline-auth.wide input{flex:1 1 180px;width:auto;min-height:36px}.auth-card{display:grid;gap:10px;border:1px solid #bfdbfe;border-radius:12px;background:#f8fbff;padding:12px}.icon-button{width:32px;min-height:32px;padding:0}.icon-button.danger{color:var(--danger);border-color:#fecdd3}.status,.result{display:inline-flex;align-items:center;gap:5px;min-height:24px;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:850;white-space:nowrap}.status.on,.result.success{color:var(--success);background:var(--success-soft)}.status.off,.result.pending{color:var(--warning);background:var(--warning-soft)}.result.failed{color:var(--danger);background:var(--danger-soft)}.notice{border:1px solid #bfdbfe;border-radius:10px;padding:10px 11px;color:#1e3a8a;background:var(--accent-soft);font-size:12px;line-height:1.5}.notice.success{border-color:#bbf7d0;background:var(--success-soft);color:var(--success)}.notice.error{border-color:#fecdd3;background:var(--danger-soft);color:var(--danger)}.empty{min-height:72px;display:grid;place-items:center;color:var(--muted);background:var(--paper-soft);border:1px dashed #bdd3f3;border-radius:10px;font-size:12px;text-align:center;padding:16px;margin:14px 0}.loading-state,.error-state{gap:8px}.error-state strong{color:var(--danger)}.error-state span,.error-state code{max-width:100%;overflow-wrap:anywhere;font-size:12px}.error-state code{border-radius:8px;background:#fff1f2;color:#9f1239;padding:6px 8px}.lottie-loader{width:58px;height:58px;display:inline-block;vertical-align:middle}.lottie-loader.compact{width:18px;height:18px}.chat-template-composer{border:1px solid var(--line);border-radius:12px;background:#eef6ff;overflow:hidden}.custom-emoji-panel{display:grid;gap:10px;border:1px solid var(--line);border-radius:12px;padding:10px;background:var(--paper-soft);overflow:hidden}.custom-emoji-top{display:grid;grid-template-columns:minmax(160px,.72fr) minmax(240px,1fr) auto;gap:10px;align-items:end;border:1px solid var(--line-soft);border-radius:10px;background:#fff;padding:10px}.custom-emoji-buttons{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.custom-emoji-library{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;padding-bottom:2px}.custom-emoji-section{display:grid;gap:7px;min-width:300px;max-width:460px;border:1px solid var(--line-soft);border-radius:10px;background:#fff;padding:10px}.custom-emoji-section>strong{color:#334155;font-size:12px}.custom-emoji-chips{display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;overflow-y:hidden;padding-bottom:2px}.custom-emoji-chips button{flex:0 0 auto;min-height:30px;padding:5px 8px;font-size:12px;background:#fff}.custom-emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:7px;max-height:184px;overflow:auto;border:1px solid var(--line-soft);border-radius:10px;background:#fff;padding:10px}.custom-emoji-grid button{aspect-ratio:1;min-height:44px;padding:5px;background:#fff}.custom-emoji-loading{display:flex;align-items:center;justify-content:center;gap:8px;min-height:78px;border:1px dashed #bfdbfe;border-radius:10px;color:var(--muted);background:#fff;font-size:12px}.upload-loading{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;font-weight:750}.custom-emoji-grid img,.custom-emoji-grid video{max-width:100%;max-height:100%;object-fit:contain}.custom-emoji-grid video{pointer-events:none}.custom-emoji-grid span{font-size:23px}.message-composer-surface{min-height:300px;padding:16px;background:#eef6ff}.message-bubble-input{width:min(100%,760px);border:1px solid #d9e8fb;border-radius:12px 12px 12px 3px;background:var(--paper);box-shadow:0 10px 24px #2563eb14}.message-bubble-input textarea{min-height:246px;border:0;border-radius:12px;padding:14px 15px;background:transparent;color:var(--ink);font-size:14px;line-height:1.62}.message-bubble-input textarea:focus{outline:none}.composer-toolbar{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border-top:1px solid var(--line);background:var(--paper)}.composer-tools{display:flex;align-items:center;gap:4px}.composer-tools button{width:38px;min-height:38px;padding:0}.emoji-wrap{position:relative}.emoji-picker{position:absolute;z-index:5;bottom:46px;left:0;width:min(350px,calc(100vw - 54px));border:1px solid var(--line);border-radius:12px;background:var(--paper);box-shadow:0 16px 42px #0f172a24;padding:8px;display:grid;grid-template-columns:repeat(8,minmax(32px,1fr));gap:5px}.emoji-picker button{min-height:34px;padding:0;font-size:18px}.preview-blocks{display:grid;gap:10px}.preview-text{white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--line);border-radius:10px;background:var(--paper-soft);padding:12px;line-height:1.55}.preview-sticker{width:74px;min-height:74px;display:grid;place-items:center;border-radius:12px;background:var(--paper-soft);border:1px solid var(--line);padding:5px;font-size:32px}.simple-table{display:grid;gap:8px}.simple-row{display:grid;grid-template-columns:112px minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid var(--line-soft);border-radius:10px;padding:10px;font-size:12px}.simple-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:#0f172a6b}.modal-card{width:min(720px,100%);max-height:min(88vh,760px);overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--paper);box-shadow:0 30px 80px #0f172a38;display:grid;grid-template-rows:auto minmax(0,1fr)}.modal-head{min-height:58px;padding:14px 16px;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between;gap:10px}.modal-head h2{margin:0;font-size:18px}.modal-body{overflow:auto;padding:16px}.modal-form{gap:12px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:8px}.confirm-message{margin:0;color:#334155;line-height:1.55}.detail-grid{display:grid;grid-template-columns:150px minmax(0,1fr);gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden}.detail-grid dt,.detail-grid dd{margin:0;padding:10px 12px;border-bottom:1px solid var(--line-soft);font-size:13px}.detail-grid dt{background:var(--paper-soft);color:#475569;font-weight:850}.detail-grid dd{overflow-wrap:anywhere}.tip-label{display:inline-flex;align-items:center;gap:4px}.tip-wrap{position:relative;display:inline-flex}.tip-button{width:22px;min-height:22px;padding:0;border-radius:50%;color:var(--accent);background:var(--accent-soft);border-color:#c7dcff}.tip-popover{position:absolute;z-index:8;top:28px;left:-12px;width:260px;padding:10px 11px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#334155;font-size:12px;line-height:1.5;box-shadow:0 18px 42px #0f172a24}.toast{position:fixed;right:18px;bottom:18px;z-index:70;max-width:360px;border-radius:12px;padding:12px 14px;background:#0f172a;color:#fff;box-shadow:0 18px 42px #0f172a3d;font-size:13px;font-weight:750}.toast.error{background:var(--danger)}.floating-notice{position:fixed;right:18px;bottom:18px;z-index:20}@media(max-width:1100px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr))}.logout{margin-top:12px}.stats-grid,.two-col,.two-col.wide-left,.account-layout,.message-layout{grid-template-columns:1fr}.banner-slot{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.workspace{padding:14px}.sidebar nav{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:1fr 1fr}.banner-slot{grid-template-columns:1fr}.panel-head,.list-controls,.pagination-bar,.custom-emoji-top,.form-grid{grid-template-columns:1fr;align-items:stretch}.filter-row{display:grid;grid-template-columns:1fr}.filter-row label{min-width:0}.table-shell{padding:12px}table,thead,tbody,tr,th,td{display:block}thead{display:none}tr{border:1px solid var(--line);border-radius:12px;padding:9px;background:#fff;margin-bottom:10px}td{border-top:0;padding:7px 4px;display:grid;grid-template-columns:96px minmax(0,1fr);gap:8px;align-items:center}td:before{content:attr(data-label);color:var(--muted);font-size:11px;font-weight:850}.modal-backdrop{padding:12px;align-items:end}.modal-card{max-height:92vh;border-radius:16px 16px 0 0}.tip-popover{position:fixed;inset:auto 14px 16px;width:auto}.detail-grid{grid-template-columns:1fr}.detail-grid dt{border-bottom:0}.simple-row{grid-template-columns:1fr}}@media(max-width:520px){.stats-grid,.sidebar nav{grid-template-columns:1fr}.login-panel{padding:24px}.emoji-picker{left:-4px;grid-template-columns:repeat(6,minmax(32px,1fr))}}