@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap";:root{--primary-gold: #c5a880;--primary-gold-hover: #b4966d;--primary-gold-light: #f7f4ee;--deep-slate: #1e242b;--deep-slate-hover: #2d3640;--alabaster-cream: #fdfbf7;--pure-white: #ffffff;--text-primary: #2c3539;--text-secondary: #495358;--text-muted: #8a969c;--sidebar-bg: #14181d;--sidebar-text: #a5b0b9;--sidebar-active: #ffffff;--sidebar-hover-bg: #1d2229;--color-success: #5a8c6a;--color-success-light: #edf4ef;--color-pending: #d9a05b;--color-pending-light: #fef8ee;--color-error: #b85c5c;--color-error-light: #fdf2f2;--color-info: #4a90e2;--color-info-light: #f0f7ff;--border-color: #e9e4db;--border-light: #f2eee7;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-sm: 0 2px 8px rgba(20, 24, 29, .05);--shadow-md: 0 6px 18px rgba(20, 24, 29, .08);--shadow-lg: 0 16px 36px rgba(20, 24, 29, .12);--transition-fast: .2s ease;--font-serif: "Playfair Display", Georgia, serif;--font-sans: "Outfit", sans-serif}body.dark-theme{--alabaster-cream: #0c0e11;--pure-white: #12161a;--text-primary: #f0f2f5;--text-secondary: #c2c9cf;--text-muted: #828a91;--border-color: #242b32;--border-light: #1c2227;--primary-gold-light: #24221d;--color-success-light: #142217;--color-pending-light: #291e14;--color-error-light: #291616;--color-info-light: #121c27;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 6px 18px rgba(0, 0, 0, .25);--shadow-lg: 0 16px 36px rgba(0, 0, 0, .35)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;margin:0;padding:0;overflow:hidden}body{font-family:var(--font-sans);background-color:var(--alabaster-cream);color:var(--text-primary);line-height:1.5;transition:background-color var(--transition-fast),color var(--transition-fast)}.admin-app-layout{display:flex;height:100vh;width:100%;max-width:100%;overflow:hidden}.admin-sidebar{width:260px;background-color:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;flex-shrink:0;border-right:1px solid var(--border-color);z-index:10}.sidebar-brand{padding:24px 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.05)}.brand-icon{color:var(--primary-gold)}.brand-details{display:flex;flex-direction:column}.brand-name{font-family:var(--font-serif);font-size:18px;font-weight:600;color:#fff;letter-spacing:.5px}.brand-tagline{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--primary-gold);margin-top:1px}.sidebar-nav{flex:1;padding:20px 12px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.sidebar-link{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:var(--radius-sm);color:var(--sidebar-text);text-decoration:none;font-size:13.5px;font-weight:500;transition:all var(--transition-fast)}.sidebar-link:hover{background-color:var(--sidebar-hover-bg);color:#fff}.sidebar-link.active{background-color:var(--primary-gold);color:#fff}.sidebar-link.active .nav-icon{color:#fff}.nav-icon{color:var(--sidebar-text);opacity:.85}.sidebar-footer{padding:20px;border-top:1px solid rgba(255,255,255,.05);background-color:#0000001a}.admin-profile{display:flex;align-items:center;gap:12px;margin-bottom:16px}.profile-avatar{width:36px;height:36px;border-radius:50%;background-color:var(--primary-gold);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px}.profile-info{overflow:hidden}.profile-name{color:#fff;font-size:13px;font-weight:600}.profile-email{font-size:11px;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-logout-btn{width:100%;padding:8px 12px;background-color:transparent;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12.5px;font-weight:500;transition:all var(--transition-fast)}.sidebar-logout-btn:hover{background-color:var(--color-error);border-color:var(--color-error)}.admin-main-panel{flex:1;display:flex;flex-direction:column;height:100vh;overflow:hidden;min-width:0}.admin-top-header{height:64px;background-color:var(--pure-white);border-bottom:1px solid var(--border-color);padding:0 32px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;box-shadow:var(--shadow-sm)}.section-title{font-family:var(--font-serif);font-size:20px;font-weight:600;color:var(--text-primary)}.header-right{display:flex;align-items:center;gap:16px}.live-status-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;background-color:var(--color-success-light);color:var(--color-success);padding:4px 10px;border-radius:20px}.pulse-dot{width:6px;height:6px;background-color:var(--color-success);border-radius:50%;display:inline-block;animation:pulse-ring 1.5s infinite}@keyframes pulse-ring{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.2);opacity:1}to{transform:scale(.95);opacity:.8}}.header-email{font-size:13px;color:var(--text-secondary)}.divider{width:1px;height:16px;background-color:var(--border-color)}.admin-content-area{flex:1;padding:32px;overflow-y:auto}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:32px}.dashboard-stat-card{background-color:var(--pure-white);padding:24px;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);display:flex;align-items:center;gap:16px;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.dashboard-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.dashboard-stat-card .stat-icon-wrap{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center}.dashboard-stat-card.revenue .stat-icon-wrap{background-color:#edf7ed;color:#2e7d32}.dashboard-stat-card.bookings .stat-icon-wrap{background-color:#e3f2fd;color:#1976d2}.dashboard-stat-card.occupancy .stat-icon-wrap{background-color:#fff3e0;color:#ed6c02}.dashboard-stat-card.messages .stat-icon-wrap{background-color:#ede7f6;color:#673ab7}.stat-details h4{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.stat-details .stat-number{font-size:26px;font-weight:700;color:var(--text-primary)}.stat-details .stat-trend{font-size:11px;color:var(--color-success);font-weight:600;display:flex;align-items:center;gap:2px}.dashboard-charts-row{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-bottom:32px}@media(max-width:1024px){.dashboard-charts-row{grid-template-columns:1fr}}.chart-card,.list-panel-card{background-color:var(--pure-white);border-radius:var(--radius-md);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);padding:24px;display:flex;flex-direction:column}.card-header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-header-bar h3{font-family:var(--font-serif);font-size:16px;font-weight:600;color:var(--text-primary)}.card-subtitle{font-size:12px;color:var(--text-muted);margin-top:2px}.analytics-chart-container{height:220px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding-top:20px;position:relative}.chart-grid-lines{position:absolute;top:20px;bottom:0;left:0;right:0;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.grid-line-row{border-bottom:1px dashed var(--border-light);width:100%}.chart-bar-column{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;z-index:1}.chart-bar-fill{width:70%;background:linear-gradient(180deg,var(--primary-gold) 0%,rgba(197,168,128,.4) 100%);border-radius:4px 4px 0 0;transition:height .6s ease;position:relative;min-height:4px;cursor:pointer}.chart-bar-fill:hover{background:var(--primary-gold)}.chart-tooltip{position:absolute;top:-30px;left:50%;transform:translate(-50%);background-color:var(--deep-slate);color:#fff;padding:3px 6px;font-size:10px;border-radius:3px;opacity:0;transition:opacity var(--transition-fast);white-space:nowrap}.chart-bar-fill:hover .chart-tooltip{opacity:1}.chart-axis-label{font-size:11px;color:var(--text-muted);margin-top:8px;text-transform:uppercase}.room-occupancy-map{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media(max-width:576px){.room-occupancy-map{grid-template-columns:repeat(2,1fr)}}.occupancy-cell{padding:12px;border-radius:var(--radius-sm);border:1px solid var(--border-light);text-align:center;transition:all var(--transition-fast);font-size:12px}.occupancy-cell.occupied{background-color:var(--color-pending-light);border-color:#d9a05b33;color:var(--color-pending);font-weight:600}.occupancy-cell.available{background-color:var(--color-success-light);border-color:#5a8c6a33;color:var(--color-success);font-weight:600}.occupancy-cell .cell-title{display:block;font-size:13px;color:var(--text-primary);margin-bottom:2px}.activity-feed-list{display:flex;flex-direction:column;gap:16px;margin-top:10px}.activity-feed-item{display:flex;gap:12px;align-items:flex-start;font-size:13px}.activity-indicator{width:8px;height:8px;border-radius:50%;background-color:var(--primary-gold);margin-top:5px;flex-shrink:0}.activity-indicator.success{background-color:var(--color-success)}.activity-indicator.pending{background-color:var(--color-pending)}.activity-indicator.error{background-color:var(--color-error)}.activity-indicator.info{background-color:var(--color-info)}.activity-detail p{color:var(--text-primary)}.activity-time{font-size:11px;color:var(--text-muted)}.list-search-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.search-input-wrapper{position:relative;max-width:320px;width:100%}.search-field{width:100%;padding:9px 16px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--pure-white);color:var(--text-primary);font-family:var(--font-sans);font-size:13px;outline:none}.search-field:focus{border-color:var(--primary-gold)}.action-buttons-group{display:flex;gap:12px}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-pending{background-color:var(--color-pending-light);color:var(--color-pending);border:1px solid rgba(217,160,91,.2)}.badge-confirmed{background-color:var(--color-success-light);color:var(--color-success);border:1px solid rgba(90,140,106,.2)}.badge-cancelled{background-color:var(--color-error-light);color:var(--color-error);border:1px solid rgba(184,92,92,.2)}.badge-checkedin{background-color:var(--color-info-light);color:var(--color-info);border:1px solid rgba(74,144,226,.2)}.badge-checkedout{background-color:#f1f1f1;color:var(--text-muted);border:1px solid #e1e1e1}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;overflow-y:auto}.modal-content{background-color:var(--pure-white);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);width:100%;max-width:680px;max-height:85vh;overflow-y:auto;border:1px solid var(--border-color);margin:auto}.modal-header{padding:16px 24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-body{padding:24px}.modal-footer{padding:16px 24px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:12px;background-color:#00000005}.form-group{margin-bottom:18px}.form-label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.form-input{width:100%;padding:10px 14px;border:1px solid var(--border-color);background-color:var(--pure-white);color:var(--text-primary);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:13.5px;outline:none}.form-input:focus{border-color:var(--primary-gold)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:576px){.grid-2{grid-template-columns:1fr}}.btn{padding:8px 16px;font-size:13px;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;border:1px solid transparent;display:inline-flex;align-items:center;gap:6px}.btn-primary{background-color:var(--primary-gold);color:#fff}.btn-primary:hover{background-color:var(--primary-gold-hover)}.btn-secondary{background-color:#f1f1f1;color:var(--text-primary)}.btn-secondary:hover{background-color:#e5e5e5}.btn-outline{border-color:var(--border-color);background-color:transparent;color:var(--text-secondary)}.btn-outline:hover{background-color:#00000005}.btn-danger{background-color:var(--color-error);color:#fff}.btn-danger:hover{background-color:#a04b4b}.admin-card{background-color:var(--pure-white);border-radius:var(--radius-md);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);padding:24px}.admin-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.admin-card-title{font-family:var(--font-serif);font-size:18px;font-weight:600}.admin-table-wrapper{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;text-align:left}.admin-table th{padding:14px 16px;background-color:#c5a8800d;color:var(--text-secondary);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-color)}.admin-table td{padding:14px 16px;border-bottom:1px solid var(--border-light);font-size:13.5px;color:var(--text-primary);vertical-align:middle}.admin-table tr:hover{background-color:#c5a88005}.admin-actions{display:flex;gap:8px}.admin-btn-action{width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:var(--pure-white);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.admin-btn-action:hover{border-color:var(--primary-gold);color:var(--primary-gold)}.admin-btn-confirm{background-color:var(--color-success-light);color:var(--color-success);border-color:#5a8c6a33}.admin-btn-confirm:hover{background-color:var(--color-success);color:#fff;border-color:var(--color-success)}.admin-btn-cancel{background-color:var(--color-error-light);color:var(--color-error);border-color:#b85c5c33}.admin-btn-cancel:hover{background-color:var(--color-error);color:#fff;border-color:var(--color-error)}.admin-btn-checkin{background-color:var(--color-info-light);color:var(--color-info);border-color:#4a90e233}.admin-btn-checkin:hover{background-color:var(--color-info);color:#fff;border-color:var(--color-info)}.admin-alert{padding:12px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:500}.admin-alert-success{background-color:var(--color-success-light);color:var(--color-success);border:1px solid rgba(90,140,106,.2)}.admin-alert-error{background-color:var(--color-error-light);color:var(--color-error);border:1px solid rgba(184,92,92,.2)}.animate-fade-in-up{animation:fadeInUp .3s ease-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.admin-login-layout{min-height:100vh;width:100vw;background:radial-gradient(circle at top,var(--deep-slate) 0%,#0d1013 100%);display:flex;align-items:center;justify-content:center;padding:24px}.admin-login-card{width:100%;max-width:420px;background-color:var(--pure-white);padding:40px;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);animation:fadeInUp .4s ease}.login-brand{display:flex;flex-direction:column;align-items:center;margin-bottom:30px}.login-brand-icon{color:var(--primary-gold);margin-bottom:8px}.admin-login-title{font-family:var(--font-serif);font-size:24px;font-weight:600;text-align:center;color:var(--text-primary)}.admin-login-subtitle{font-size:13px;color:var(--text-muted);text-align:center;margin-top:4px}.header-logout-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background-color:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:12.5px;font-weight:500;transition:all var(--transition-fast)}.header-logout-btn:hover{background-color:var(--color-error-light);border-color:#b85c5c33;color:var(--color-error)}.header-profile-card{display:flex;align-items:center;gap:10px}.header-avatar{width:32px;height:32px;border-radius:50%;background-color:var(--primary-gold);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:11px}.header-profile-info{display:flex;flex-direction:column;line-height:1.25}.header-profile-name{font-size:13px;font-weight:600;color:var(--text-primary)}.header-profile-email{font-size:11px;color:var(--text-muted)}.header-search-container{position:relative;width:320px;margin-left:20px}.header-search-bar{display:flex;align-items:center;background-color:var(--primary-gold-light);border:1px solid var(--border-color);border-radius:20px;padding:6px 14px;gap:8px;transition:all var(--transition-fast)}.header-search-bar:focus-within{border-color:var(--primary-gold);background-color:var(--pure-white);box-shadow:0 0 0 3px #c5a88040}.search-bar-icon{color:var(--text-muted)}.header-search-bar input{border:none;background:transparent;outline:none;width:100%;font-family:var(--font-sans);font-size:13px;color:var(--text-primary)}.header-search-bar input::placeholder{color:var(--text-muted)}.search-bar-spinner{width:14px;height:14px;border:2px solid var(--border-color);border-top-color:var(--primary-gold);border-radius:50%;animation:search-spin .6s linear infinite;flex-shrink:0}@keyframes search-spin{to{transform:rotate(360deg)}}.search-results-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background-color:var(--pure-white);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:380px;overflow-y:auto;z-index:999}.search-result-item{padding:12px 16px;border-bottom:1px solid var(--border-light);cursor:pointer;transition:background-color var(--transition-fast)}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background-color:var(--primary-gold-light)}.result-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.result-guest-name{font-weight:600;font-size:13.5px;color:var(--text-primary)}.result-booking-num{font-family:monospace;font-size:11px;font-weight:700;color:var(--primary-gold)}.result-sub{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--text-muted);flex-wrap:wrap}.result-room-title{font-weight:500;color:var(--text-secondary)}.result-dates{opacity:.85}.result-status-badge{font-size:9.5px;padding:1px 6px;border-radius:4px;font-weight:600;text-transform:capitalize}.result-status-badge.status-pending{background-color:var(--color-pending-light);color:var(--color-pending)}.result-status-badge.status-confirmed{background-color:var(--color-success-light);color:var(--color-success)}.result-status-badge.status-checkedin{background-color:var(--color-info-light);color:var(--color-info)}.result-status-badge.status-checkedout{background-color:var(--border-light);color:var(--text-muted)}.result-status-badge.status-cancelled{background-color:var(--color-error-light);color:var(--color-error)}.search-no-results{padding:16px;text-align:center;font-size:13px;color:var(--text-muted)}.badge{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-size:10px;font-weight:700;letter-spacing:.5px;padding:4px 10px;border-radius:var(--radius-sm);text-transform:uppercase;white-space:nowrap}.badge-pending,.badge-overdue{background-color:var(--color-pending-light);color:var(--color-pending)}.badge-confirmed,.badge-auto-checkedout{background-color:var(--color-success-light);color:var(--color-success)}.badge-checkedin{background-color:var(--color-info-light);color:var(--color-info)}.badge-checkedout{background-color:var(--border-light);color:var(--text-muted)}.badge-cancelled,.badge-auto-cancelled,.badge-no-show{background-color:var(--color-error-light);color:var(--color-error)}.seo-dashboard{padding:24px;background-color:#f8fafc;min-height:100%;font-family:Inter,system-ui,sans-serif;color:#1e293b}.seo-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.seo-header h2{margin:0 0 4px;font-size:24px;color:#0f172a}.seo-header p{margin:0;color:#64748b}.seo-btn-primary{display:flex;align-items:center;gap:8px;background-color:#3b82f6;color:#fff;border:none;padding:10px 16px;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.seo-btn-primary:hover{background-color:#2563eb}.seo-btn-secondary{background-color:#e2e8f0;color:#475569;border:none;padding:10px 16px;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.seo-btn-secondary:hover{background-color:#cbd5e1}.seo-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:24px}.seo-stat-card{background:#fff;padding:20px;border-radius:12px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #0000001a}.seo-stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.seo-stat-icon.blue{background:#dbeafe;color:#2563eb}.seo-stat-icon.green{background:#dcfce3;color:#16a34a}.seo-stat-icon.red{background:#fee2e2;color:#dc2626}.seo-stat-content h3{margin:0;font-size:24px;color:#0f172a}.seo-stat-content p{margin:0;font-size:14px;color:#64748b}.seo-warnings-panel{background:#fffbeb;border-left:4px solid #f59e0b;padding:16px;border-radius:8px;margin-bottom:24px}.seo-warnings-panel h4{margin:0 0 12px;color:#b45309;display:flex;align-items:center;gap:8px}.seo-warnings-panel ul{margin:0;padding-left:20px;color:#92400e}.seo-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.seo-table{width:100%;border-collapse:collapse}.seo-table th,.seo-table td{padding:16px;text-align:left;border-bottom:1px solid #e2e8f0}.seo-table th{background-color:#f8fafc;font-weight:600;color:#475569;font-size:14px}.seo-path-cell{font-family:monospace;background:#f1f5f9;padding:4px 8px;border-radius:4px;font-size:13px;color:#334155}.seo-title-cell{font-weight:500;color:#0f172a;margin-bottom:4px}.seo-desc-cell{font-size:13px;color:#64748b}.seo-score-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600}.seo-score-badge.good{background:#dcfce3;color:#16a34a}.seo-score-badge.fair{background:#fef9c3;color:#ca8a04}.seo-score-badge.poor{background:#fee2e2;color:#dc2626}.seo-actions-cell{display:flex;gap:8px}.seo-icon-btn{background:none;border:none;padding:6px;border-radius:4px;cursor:pointer;transition:background .2s}.seo-icon-btn.edit{color:#3b82f6}.seo-icon-btn.edit:hover{background:#dbeafe}.seo-icon-btn.delete{color:#dc2626}.seo-icon-btn.delete:hover{background:#fee2e2}.seo-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;overflow-y:auto}.seo-modal{background:#fff;border-radius:12px;width:90%;max-width:500px;padding:24px;box-shadow:0 20px 25px -5px #0000001a;margin:auto;max-height:90vh;overflow-y:auto}.seo-form-group{margin-bottom:16px}.seo-form-group label{display:block;font-size:14px;font-weight:500;color:#334155;margin-bottom:6px}.seo-form-group input,.seo-form-group textarea{width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:6px;font-family:inherit;font-size:14px}.seo-form-group input:focus,.seo-form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.seo-warn-text{color:#dc2626;font-size:12px;margin-top:4px;display:block}.seo-good-text{color:#16a34a;font-size:12px;margin-top:4px;display:block}.seo-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}@keyframes seo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:seo-spin 1s linear infinite}.seo-perf-badge{display:inline-block;padding:6px 12px;border-radius:12px;font-size:11px;font-weight:700;text-align:center;transition:opacity .2s,transform .1s;cursor:pointer}.seo-perf-badge:hover{opacity:.9;transform:scale(1.03)}.seo-perf-badge.good{background-color:#dcfce3;color:#16a34a}.seo-perf-badge.fair{background-color:#fef9c3;color:#ca8a04}.seo-perf-badge.poor{background-color:#fee2e2;color:#dc2626}.seo-perf-badge.none{background-color:#f1f5f9;color:#64748b;border:1px dashed #cbd5e1}.perf-modal{max-width:600px!important;width:95%!important}.perf-gauge-wrapper{display:flex;justify-content:center;align-items:center}.perf-gauge-circle{width:90px;height:90px;border-radius:50%;border:6px solid #e2e8f0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;line-height:1.1}.perf-gauge-circle.good{border-color:#16a34a;color:#16a34a;background-color:#edfcf1}.perf-gauge-circle.fair{border-color:#ca8a04;color:#ca8a04;background-color:#fefce8}.perf-gauge-circle.poor{border-color:#dc2626;color:#dc2626;background-color:#fef2f2}.perf-gauge-circle.none{border-color:#94a3b8;color:#64748b;background-color:#f8fafc}.gauge-number{font-size:24px}.gauge-label{font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:#64748b;margin-top:2px}.perf-metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:16px}.metric-card{background-color:#f8fafc;border:1px solid #e2e8f0;padding:12px 16px;border-radius:8px;display:flex;flex-direction:column}.metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.metric-title{font-size:11.5px;font-weight:600;color:#475569}.metric-status{width:8px;height:8px;border-radius:50%}.metric-status.good{background-color:#16a34a;box-shadow:0 0 0 2px #dcfce3}.metric-status.fair{background-color:#f59e0b;box-shadow:0 0 0 2px #fef3c7}.metric-status.poor{background-color:#ef4444;box-shadow:0 0 0 2px #fee2e2}.metric-value{font-size:18px;font-weight:700;color:#0f172a;margin-bottom:4px}.metric-desc{font-size:10.5px;color:#64748b;line-height:1.3}.seo-tabs{display:flex;gap:16px;border-bottom:2px solid #e2e8f0;margin-bottom:24px}.seo-tab-btn{display:flex;align-items:center;gap:8px;background:transparent;border:none;padding:12px 16px;font-size:14px;font-weight:600;color:#64748b;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}.seo-tab-btn:hover{color:var(--primary-gold)}.seo-tab-btn.active{color:var(--primary-gold);border-bottom-color:var(--primary-gold)}.seo-critical-panel{background:#fdf2f2;border-left:4px solid #ef4444;padding:16px;border-radius:8px;margin-bottom:16px}.seo-critical-panel h4{margin:0 0 12px;color:#991b1b;display:flex;align-items:center;gap:8px}.seo-critical-panel ul{margin:0;padding-left:20px;color:#b91c1c;font-size:13px;line-height:1.5}.seo-analytics-view{animation:fadeIn .3s ease-in-out}.analytics-section-title{font-size:16px;font-weight:700;margin:0 0 16px;color:#0f172a}.seo-analytics-card{border:1px solid #e2e8f0;transition:transform .2s}.seo-analytics-card:hover{transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.seo-card{transition:transform .2s ease,box-shadow .2s ease!important}.seo-card:hover{transform:translateY(-4px);box-shadow:0 12px 20px -8px #00000026!important}.keyword-rec-list{padding-left:20px!important}.keyword-rec-list li{list-style-type:disc!important}