*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:#f8fafc;color:#1e293b}.app{display:flex;min-height:100vh}.sidebar{width:260px;height:100vh;background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;padding:32px 20px;position:fixed;left:0;top:0;z-index:50}.logo{font-size:1.25rem;font-weight:800;color:#0f172a;letter-spacing:-.025em;margin-bottom:40px;padding-left:12px}.nav-menu{display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;padding:12px 16px;text-decoration:none;color:#64748b;font-size:14px;font-weight:600;border-radius:12px;transition:all .2s cubic-bezier(.4,0,.2,1)}.nav-item:hover{background:#f1f5f9;color:#0f172a}.nav-item.active{background:#eff6ff;color:#2563eb}.nav-compare{margin-top:20px;padding-top:20px;border-top:1px solid #f1f5f9;color:#6366f1!important}.badge-new{background:#ef4444;color:#fff;font-size:9px;font-weight:800;padding:2px 8px;border-radius:20px;margin-left:auto;animation:pulse-red 2s infinite}@keyframes pulse-red{0%{transform:scale(.95);box-shadow:0 0 #ef4444b3}70%{transform:scale(1);box-shadow:0 0 0 6px #ef444400}to{transform:scale(.95);box-shadow:0 0 #ef444400}}.content{flex:1;margin-left:260px;display:flex;flex-direction:column;min-width:0}.topbar{height:64px;background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #e2e8f0;display:flex;align-items:center;padding:0 32px;position:sticky;top:0;z-index:40}.main{padding:32px;max-width:1400px;width:100%;margin:0 auto}.card{background:#fff;border-radius:16px;padding:24px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}.ads-table{width:100%;border-collapse:separate;border-spacing:0}.ads-table th{padding:16px;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;border-bottom:1px solid #f1f5f9}.compare-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.compare-modal-content{width:100%;max-width:1050px;background:#fff;border-radius:40px;overflow:hidden;box-shadow:0 25px 50px -12px #00000080;position:relative;animation:modalAppear .3s ease-out}@keyframes modalAppear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.compare-grid{display:grid;grid-template-columns:250px 1fr 1fr;align-items:stretch}.compare-header{background:#f8fafc;padding:40px 0;border-bottom:2px solid #f1f5f9}.compare-creative-info{text-align:center;padding:0 20px;display:flex;flex-direction:column;align-items:center}.compare-thumb{width:140px;height:140px;object-fit:cover;border-radius:24px;margin-bottom:15px;box-shadow:0 20px 25px -5px #0000001a;border:6px solid white;transition:transform .3s ease}.compare-thumb:hover{transform:translateY(-5px)}.compare-ad-name{font-size:11px;font-weight:900;text-transform:uppercase;color:#1e293b;max-width:250px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:-.2px}.compare-row{border-bottom:1px solid #f8fafc;transition:background .2s}.compare-row:hover{background:#fcfdfe}.compare-label{display:flex;align-items:center;padding-left:40px;font-size:11px;font-weight:900;text-transform:uppercase;color:#94a3b8;letter-spacing:1.5px;background:#f8fafc}.compare-value-cell{padding:35px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-height:110px;border-left:1px solid #f1f5f9}.compare-value{font-size:32px;font-weight:900;color:#cbd5e1;letter-spacing:-1.5px;transition:all .3s ease}.compare-value.winner{color:#10b981;transform:scale(1.1)}.fire-badge{position:absolute;bottom:15px;font-size:24px;filter:drop-shadow(0 0 12px rgba(249,115,22,.4));animation:fireFloat 2s ease-in-out infinite}@keyframes fireFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.1)}}.close-compare{position:absolute;top:25px;right:25px;width:40px;height:40px;border-radius:50%;border:1px solid #e2e8f0;background:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:100;color:#64748b}.close-compare:hover{background:#f1f5f9;transform:rotate(90deg);color:#1e293b;border-color:#cbd5e1}.compare-footer{padding:25px;background:#0f172a;text-align:center;font-size:10px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:2.5px}.max-h-\[60vh\]::-webkit-scrollbar{width:6px}.max-h-\[60vh\]::-webkit-scrollbar-track{background:#f1f5f9}.max-h-\[60vh\]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.max-h-\[60vh\]::-webkit-scrollbar-thumb:hover{background:#94a3b8}.status-active{background-color:#ecfdf5;color:#10b981;padding:4px 8px;border-radius:6px;font-weight:900;font-size:10px}.status-paused{background-color:#fff7ed;color:#f97316;padding:4px 8px;border-radius:6px;font-weight:900;font-size:10px;border:1px solid #ffedd5}