@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--bg-primary:#f5f7fa;--bg-secondary:#fff;--bg-sidebar:#0f1d3a;--bg-card:#fff;--bg-card-hover:#fafbfc;--border-light:#e4e7eb;--border-focus:#0070f3;--border-glow:#0070f326;--text-primary:#1f2937;--text-secondary:#4b5563;--text-muted:#9ca3af;--accent-purple:#7c3aed;--accent-blue:#0070f3;--accent-emerald:#10b981;--accent-amber:#f59e0b;--accent-rose:#ef4444;--shadow-sm:0 1px 3px #0000000d, 0 1px 2px #00000005;--shadow-lg:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--font-title:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);min-height:100vh;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}.app-container{min-height:100vh;display:flex}.sidebar{background:var(--bg-sidebar);color:#fff;z-index:100;flex-direction:column;width:250px;height:100vh;padding:2rem 1.25rem;display:flex;position:fixed;box-shadow:2px 0 8px #0000000d}.sidebar-title{font-family:var(--font-title);color:#fff;letter-spacing:-.5px;align-items:center;gap:.5rem;margin-bottom:2rem;font-size:1.25rem;font-weight:800;display:flex}.sidebar-title:before{content:"■";color:var(--accent-blue);font-size:1.5rem}.main-content{flex:1;max-width:1400px;margin-left:250px;padding:2.5rem 3.5rem;animation:.4s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes rotateSpinner{to{transform:rotate(360deg)}}.glass-card{background:var(--bg-card);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);border-radius:8px;padding:1.5rem;transition:border-color .2s,box-shadow .2s}.glass-card:hover{box-shadow:var(--shadow-lg);border-color:#cbd5e1}h1,h2,h3,h4{font-family:var(--font-title);color:#0f172a;font-weight:700}.section-title{border-bottom:1px solid var(--border-light);color:#1e293b;margin-bottom:1.25rem;padding-bottom:.75rem;font-size:1.25rem;font-weight:700}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:2rem;display:grid}.metric-card{background:#fff;flex-direction:column;gap:.25rem;display:flex;border-left:4px solid var(--accent-blue)!important}.metric-card:nth-child(2){border-left-color:var(--accent-emerald)!important}.metric-card:nth-child(3){border-left-color:var(--accent-amber)!important}.metric-card:nth-child(4){border-left-color:var(--accent-rose)!important}.metric-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:600}.metric-value{color:#0f172a;font-size:1.85rem;font-weight:800;line-height:1}.timeline-feed{flex-direction:column;gap:.75rem;display:flex}.feed-item{border:1px solid var(--border-light);background:#fff;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:1.25rem;padding:1rem 1.25rem;transition:background .15s;display:grid}.feed-item:hover{background:var(--bg-card-hover)}.feed-avatar{border:1px solid var(--border-light);color:#334155;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:700;display:flex}.feed-body{flex-direction:column;display:flex}.feed-header{align-items:center;gap:.5rem;display:flex}.feed-competitor{color:#1e293b;font-size:.95rem;font-weight:700}.feed-pillar{text-transform:uppercase;border-radius:4px;padding:.1rem .4rem;font-size:.7rem;font-weight:700}.pillar-WEBSITE{color:#0369a1;background:#e0f2fe}.pillar-PR{color:#065f46;background:#d1fae5}.pillar-SEO{color:#1e40af;background:#dbeafe}.pillar-HIRING{color:#92400e;background:#fef3c7}.pillar-ADS{color:#9f1239;background:#ffe4e6}.pillar-SOCIAL{color:#6b21a8;background:#f3e8ff}.pillar-REVIEWS{color:#9d174d;background:#fce7f3}.feed-title{color:#0f172a;margin-top:.25rem;font-size:.95rem;font-weight:600}.feed-summary{color:var(--text-secondary);margin-top:.15rem;font-size:.85rem}.feed-time{color:var(--text-muted);font-size:.8rem;font-weight:500}.form-group{flex-direction:column;gap:.35rem;margin-bottom:1rem;display:flex}.form-label{color:#334155;font-size:.8rem;font-weight:700}.form-input{color:var(--text-primary);font-family:var(--font-body);background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:.5rem .75rem;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.form-input:focus{border-color:var(--accent-blue);outline:none;box-shadow:0 0 0 3px #0070f31a}.btn{background:var(--accent-blue);color:#fff;border:1px solid var(--accent-blue);font-family:var(--font-title);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:.4rem;padding:.5rem 1.25rem;font-size:.9rem;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.btn:hover{background:#005ec3;border-color:#005ec3}.btn-secondary{color:#334155;background:#fff;border:1px solid #cbd5e1}.btn-secondary:hover{background:#f8fafc;border-color:#94a3b8}.btn-danger{background:var(--accent-rose);border-color:var(--accent-rose)}.btn-danger:hover{background:#dc2626;border-color:#dc2626}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.swot-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem;display:grid}.swot-box{border:1px solid var(--border-light);background:#fff;border-radius:8px;padding:1.25rem}.swot-strengths{border-top:4px solid var(--accent-emerald)}.swot-weaknesses{border-top:4px solid var(--accent-rose)}.swot-opportunities{border-top:4px solid var(--accent-blue)}.swot-threats{border-top:4px solid var(--accent-amber)}.swot-box h4{text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:1rem}.swot-strengths h4{color:var(--accent-emerald)}.swot-weaknesses h4{color:var(--accent-rose)}.swot-opportunities h4{color:var(--accent-blue)}.swot-threats h4{color:var(--accent-amber)}.swot-list{color:var(--text-secondary);flex-direction:column;gap:.4rem;font-size:.85rem;list-style:none;display:flex}.swot-list li{padding-left:1rem;position:relative}.swot-list li:before{content:"•";font-weight:700;position:absolute;top:0;left:0}.swot-strengths li:before{color:var(--accent-emerald)}.swot-weaknesses li:before{color:var(--accent-rose)}.swot-opportunities li:before{color:var(--accent-blue)}.swot-threats li:before{color:var(--accent-amber)}.competitor-tabs{gap:.5rem;margin-bottom:1.25rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.tab-btn{color:var(--text-secondary);font-family:var(--font-title);cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #cbd5e1;border-radius:4px;padding:.4rem 1rem;font-size:.85rem;font-weight:600;transition:all .15s}.tab-btn:hover{color:var(--text-primary);background:#f8fafc}.tab-btn.active{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.spinner{border:2px solid #0000000d;border-left-color:var(--accent-blue);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite rotateSpinner}.spinner-lg{border-width:3px;width:32px;height:32px;margin:3rem auto}
