:root{--bg:#f8fafc;--card:#fff;--line:#e2e8f0;--text:#0f172a;--muted:#64748b;--accent:#0f172a;--accent-2:#1e293b;--soft:#f1f5f9;--warning:#fef3c7;--warning-text:#92400e;--blue-soft:#eff6ff}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans KR,sans-serif}.app{max-width:1440px;margin:0 auto;padding:24px}.hero{background:linear-gradient(90deg, var(--accent), var(--accent-2));color:#fff;border-radius:24px;padding:24px;box-shadow:0 8px 30px #0f172a1f}.hero-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.hero h1{margin:6px 0 8px;font-size:32px}.hero p{color:#ffffffd6;max-width:780px;margin:0}.badges{flex-wrap:wrap;gap:8px;display:flex}.badge{background:#ffffff14;border:1px solid #fff3;border-radius:999px;padding:6px 10px;font-size:12px;display:inline-flex}.grid-5{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:20px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:20px;box-shadow:0 1px 2px #0f172a0a}.stat-label{color:var(--muted);font-size:13px}.stat-value{margin-top:8px;font-size:30px;font-weight:800}.stat-sub{color:var(--muted);margin-top:6px;font-size:12px}.section-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;font-size:20px;font-weight:700;display:flex}.section-actions{flex-wrap:wrap;gap:8px;display:flex}.filters-grid{gap:14px;display:grid}.basic-filters{grid-template-columns:repeat(5,minmax(0,1fr))}.advanced-filters{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:10px}label.control{display:block}.control-title{margin-bottom:8px;font-size:13px;font-weight:600}select,input[type=text]{border:1px solid var(--line);width:100%;font:inherit;background:#fff;border-radius:16px;padding:10px 12px}.search-wrap{border:1px solid var(--line);background:#fff;border-radius:16px;padding:10px 12px}.search-wrap input{border:none;outline:none;padding:0}.toggle-row{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.toggle-group-block{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.advanced-panel{border-top:1px dashed var(--line);margin-top:14px;padding-top:14px}.active-filter-wrap{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.active-filter-row{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.toggle{border:1px solid var(--line);color:var(--text);cursor:pointer;font:inherit;background:#fff;border-radius:16px;padding:10px 14px}.toggle.active{background:var(--accent);color:#fff;border-color:var(--accent)}.quick-buttons{flex-wrap:wrap;gap:8px;display:flex}.quick-btn{border:1px solid var(--line);background:var(--soft);cursor:pointer;font:inherit;border-radius:999px;padding:10px 14px;font-size:14px}.notice{background:var(--warning);color:var(--warning-text);border-radius:18px;margin-top:16px;padding:14px 16px;font-size:14px}.main-grid{grid-template-columns:minmax(0,1.8fr) minmax(340px,.95fr);gap:20px;margin-top:20px;display:grid}.table-wrap{border:1px solid var(--line);border-radius:18px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:1080px}thead th{background:var(--soft);color:var(--muted);text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:12px 14px;font-size:13px}tbody td{border-bottom:1px solid #edf2f7;padding:12px 14px;font-size:14px}tbody tr{cursor:pointer}tbody tr:hover{background:#f8fafc}tbody tr.selected{background:#eef2ff;outline:1px solid #c7d2fe}.pill{border:1px solid var(--line);background:#fff;border-radius:999px;align-items:center;padding:5px 10px;font-size:12px;display:inline-flex}.pill.muted{background:var(--soft)}.detail-card{height:fit-content;position:sticky;top:24px}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.info-box{border:1px solid var(--line);background:var(--soft);border-radius:16px;padding:12px}.info-box .label{color:var(--muted);font-size:12px}.info-box .value{margin-top:4px;font-size:14px;font-weight:700}.subsection-title{margin-bottom:8px;font-size:14px;font-weight:700}.csat-block,.line-block,.note-block{background:var(--soft);border:1px solid var(--line);border-radius:18px;padding:14px}.line-block{background:var(--blue-soft)}.csat-item{border:1px solid var(--line);background:#fff;border-radius:14px;justify-content:space-between;gap:12px;margin-top:8px;padding:10px 12px;display:flex}.csat-track{color:var(--muted);font-size:13px}.csat-value{text-align:right;font-size:14px;font-weight:700}.empty{background:var(--soft);color:var(--muted);text-align:center;border-radius:18px;padding:28px}@media (width<=1200px){.grid-5,.basic-filters,.advanced-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.main-grid{grid-template-columns:1fr}.detail-card{position:static}}@media (width<=760px){.app{padding:14px}.hero h1{font-size:26px}.grid-5,.basic-filters,.advanced-filters,.detail-grid{grid-template-columns:1fr}}