.kakao-page{padding:var(--space-6);max-width:1400px;margin:0 auto}.kakao-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.kakao-page-header h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-3)}.kakao-badge{background:linear-gradient(135deg,#fee500,#f5d800);color:#3c1e1e;padding:var(--space-1) var(--space-3);border-radius:9999px;font-size:var(--text-sm);font-weight:600}.integration-status-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-default);padding:var(--space-6);margin-bottom:var(--space-6)}.integration-status-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4)}.integration-status-info{display:flex;align-items:center;gap:var(--space-4)}.integration-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#fee500,#f5d800);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#3c1e1e;font-weight:700}.integration-details h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1)}.integration-details p{color:var(--text-muted);font-size:var(--text-sm)}.integration-meta{display:flex;gap:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border-default)}.integration-meta-item{display:flex;flex-direction:column;gap:var(--space-1)}.integration-meta-item label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.integration-meta-item span{font-size:var(--text-sm);color:var(--text-primary);font-weight:500}.integration-prompt{background:linear-gradient(135deg,#fffde7,#fff9c4);border-radius:var(--radius-lg);border:2px dashed #fbc02d;padding:var(--space-8);text-align:center;margin-bottom:var(--space-6)}.integration-prompt-icon{width:80px;height:80px;margin:0 auto var(--space-4);background:linear-gradient(135deg,#fee500,#f5d800);border-radius:50%;display:flex;align-items:center;justify-content:center}.integration-prompt h2{font-size:1.5rem;font-weight:700;color:#3c1e1e;margin-bottom:var(--space-2)}.integration-prompt p{color:#5d4037;margin-bottom:var(--space-6);max-width:500px;margin-left:auto;margin-right:auto}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-4)}.template-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-default);padding:var(--space-5);transition:all .2s ease;cursor:pointer}.template-card:hover{border-color:#fee500;box-shadow:0 4px 12px rgba(254,229,0,.15);transform:translateY(-2px)}.template-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3)}.template-card-header h3{font-size:1rem;font-weight:600;color:var(--text-primary)}.template-status{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500}.template-status.approved{background:var(--color-success-bg);color:var(--color-success)}.template-status.pending{background:var(--color-warning-bg);color:var(--color-warning)}.template-status.rejected{background:var(--color-error-bg);color:var(--color-error)}.template-content{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-3);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.template-variables{display:flex;flex-wrap:wrap;gap:var(--space-2)}.template-variable{background:var(--bg-secondary);color:var(--text-muted);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-family:monospace}.send-form-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-default);padding:var(--space-6)}.send-form-section{margin-bottom:var(--space-6)}.send-form-section h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-3)}.send-form-section:last-child{margin-bottom:0}.variable-inputs{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.logs-table-wrapper{overflow-x:auto}.logs-table{width:100%;border-collapse:collapse}.logs-table td,.logs-table th{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--border-default)}.logs-table th{background:var(--bg-secondary);font-weight:600;color:var(--text-secondary)}.logs-table td,.logs-table th{font-size:var(--text-sm)}.message-status{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500}.message-status.sent{background:var(--color-info-bg);color:var(--color-info)}.message-status.delivered{background:var(--color-success-bg);color:var(--color-success)}.message-status.failed{background:var(--color-error-bg);color:var(--color-error)}.message-status.pending{background:var(--color-warning-bg);color:var(--color-warning)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.stat-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-default);padding:var(--space-5)}.stat-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.stat-card-header span{font-size:var(--text-sm);color:var(--text-muted)}.stat-card-value{font-size:2rem;font-weight:700;color:var(--text-primary)}.stat-card.primary .stat-card-value{color:#fbc02d}.stat-card.success .stat-card-value{color:var(--color-success)}.stat-card.error .stat-card-value{color:var(--color-error)}.btn-kakao{background:linear-gradient(135deg,#fee500,#f5d800);color:#3c1e1e;border:none;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-2);transition:all .2s ease}.btn-kakao:hover{background:linear-gradient(135deg,#f5d800,#e6c700);transform:translateY(-1px);box-shadow:0 4px 12px rgba(254,229,0,.3)}.btn-kakao:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-kakao-outline{background:transparent;color:#3c1e1e;border:2px solid #fee500;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-2);transition:all .2s ease}.btn-kakao-outline:hover{background:rgba(254,229,0,.1)}.empty-state{text-align:center;padding:var(--space-12) var(--space-6)}.empty-state-icon{width:80px;height:80px;margin:0 auto var(--space-4);background:var(--bg-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.empty-state h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.empty-state p{color:var(--text-muted)}.empty-state p,.kakao-tabs{margin-bottom:var(--space-6)}.kakao-tabs{display:flex;gap:var(--space-1);background:var(--bg-secondary);padding:var(--space-1);border-radius:var(--radius-lg)}.kakao-tab{flex:1;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-weight:500;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.kakao-tab.active,.kakao-tab:hover{color:var(--text-primary)}.kakao-tab.active{background:var(--bg-card);box-shadow:var(--shadow-sm)}.kakao-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12)}.kakao-loading-spinner{width:48px;height:48px;border:4px solid var(--border-default);border-top:4px solid #fee500;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.kakao-loading p{margin-top:var(--space-4);color:var(--text-muted)}