:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Outfit", sans-serif;--font-mono:"JetBrains Mono", monospace;--bg-primary:#0a0e17;--bg-secondary:#0f172a;--bg-surface:#1e293bb3;--bg-surface-hover:#334155cc;--bg-surface-active:#475569e6;--bg-card:#0f172abf;--bg-overlay:#0a0e17d9;--border-subtle:#ffffff14;--border-card:#ffffff1f;--border-focus:#6366f1;--border-glow:#6366f159;--text-main:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-dim:#475569;--accent-primary:#6366f1;--accent-primary-hover:#4f46e5;--accent-primary-glow:#6366f166;--accent-cyan:#06b6d4;--accent-cyan-glow:#06b6d459;--accent-success:#10b981;--accent-success-glow:#10b9814d;--accent-warning:#f59e0b;--accent-warning-glow:#f59e0b4d;--accent-danger:#ef4444;--accent-danger-glow:#ef44444d;--accent-purple:#a855f7;--accent-purple-glow:#a855f74d;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 2px 8px #00000040;--shadow-md:0 8px 24px #00000059;--shadow-lg:0 16px 40px #00000080;--shadow-glow:0 0 25px var(--accent-primary-glow);--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.35s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(at 15% 15%,#6366f11f 0,#0000 50%),radial-gradient(at 85% 20%,#06b6d414 0,#0000 50%),radial-gradient(at 50% 80%,#a855f70f 0,#0000 60%);background-attachment:fixed;min-height:100vh;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-main);font-weight:700;line-height:1.25}a{color:var(--accent-cyan);transition:color var(--transition-fast);text-decoration:none}a:hover{color:#38bdf8;text-decoration:underline}code,pre{font-family:var(--font-mono)}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:24px 20px 60px}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:border-color var(--transition-normal), box-shadow var(--transition-normal);padding:24px}.glass-panel:hover{border-color:#ffffff2e}.navbar{z-index:100;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);background:#0a0e17d9;padding:14px 24px;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;gap:20px;max-width:1400px;margin:0 auto;display:flex}.brand-wrapper{align-items:center;gap:12px;display:flex}.brand-icon-box{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--accent-primary) 0%, #4338ca 100%);width:42px;height:42px;box-shadow:var(--shadow-glow);color:#fff;justify-content:center;align-items:center;display:flex}.brand-text h1{letter-spacing:-.02em;background:linear-gradient(90deg,#fff 0%,#cbd5e1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.25rem}.brand-badge{color:#a5b4fc;border-radius:var(--radius-full);vertical-align:middle;background:#6366f133;border:1px solid #6366f166;margin-left:6px;padding:2px 8px;font-size:.7rem;font-weight:600;display:inline-block}.nav-tabs{border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:#0f172acc;align-items:center;gap:6px;padding:5px;display:flex;overflow-x:auto}.tab-btn{border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:8px;padding:8px 16px;font-size:.875rem;font-weight:500;display:flex}.tab-btn:hover{color:var(--text-main);background:#ffffff0f}.tab-btn.active{color:#fff;background:linear-gradient(135deg, var(--accent-primary) 0%, #4f46e5 100%);box-shadow:0 2px 12px #6366f166}.nav-actions{align-items:center;gap:12px;display:flex}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:9px 18px;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent-primary) 0%, #4f46e5 100%);color:#fff;box-shadow:0 2px 10px #6366f159}.btn-primary:hover{background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);transform:translateY(-1px);box-shadow:0 4px 16px #6366f180}.btn-secondary{color:var(--text-main);border-color:var(--border-card);background:#ffffff12}.btn-secondary:hover{background:#ffffff1f;border-color:#fff3}.btn-outline-cyan{color:var(--accent-cyan);background:0 0;border-color:#06b6d466}.btn-outline-cyan:hover{border-color:var(--accent-cyan);background:#06b6d41a}.btn-sm{border-radius:var(--radius-sm);padding:6px 12px;font-size:.8rem}.project-select-box{border:1px solid var(--border-card);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0d;align-items:center;gap:8px;padding:6px 14px;display:flex}.project-select-box:hover{background:#ffffff14;border-color:#fff3}.project-name-badge{color:#fff;font-size:.875rem;font-weight:600}.score-hero-grid{grid-template-columns:360px 1fr;gap:24px;margin-bottom:28px;display:grid}@media (width<=1024px){.score-hero-grid{grid-template-columns:1fr}}.overall-score-card{text-align:center;background:linear-gradient(160deg,#1e293bcc 0%,#0f172af2 100%);flex-direction:column;justify-content:center;align-items:center;padding:36px 24px;display:flex;position:relative;overflow:hidden}.overall-score-card:after{content:"";background:linear-gradient(90deg, var(--accent-primary), var(--accent-cyan), var(--accent-success));height:4px;position:absolute;top:0;left:0;right:0}.gauge-svg-container{width:200px;height:200px;margin:12px 0 16px;position:relative}.gauge-svg{transform:rotate(-90deg)}.gauge-bg{stroke:#ffffff12}.gauge-progress{transition:stroke-dashoffset 1s cubic-bezier(.16,1,.3,1)}.gauge-center-text{flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.score-number{font-family:var(--font-display);color:#fff;font-size:3.5rem;font-weight:800;line-height:1}.score-max{color:var(--text-muted);margin-top:4px;font-size:.9rem}.score-tier-pill{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;margin-top:10px;padding:6px 16px;font-size:.85rem;font-weight:700;display:inline-flex}.category-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.category-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition-normal);background:#0f172a99;flex-direction:column;gap:10px;padding:16px 20px;display:flex}.category-card:hover{background:#1e293b99;border-color:#ffffff29;transform:translateY(-2px)}.cat-header{justify-content:space-between;align-items:center;display:flex}.cat-title-group{align-items:center;gap:10px;display:flex}.cat-letter-badge{border-radius:var(--radius-sm);color:#fff;background:#ffffff12;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:700;display:flex}.cat-title{color:var(--text-main);font-size:.95rem;font-weight:600}.cat-weight{color:var(--text-muted);font-size:.75rem}.cat-score-badge{font-family:var(--font-display);font-size:1.25rem;font-weight:700}.cat-progress-bg{border-radius:var(--radius-full);background:#ffffff0f;width:100%;height:8px;position:relative;overflow:hidden}.cat-progress-fill{border-radius:var(--radius-full);height:100%;transition:width .8s ease-out}.badge{border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:5px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-critical{color:#fca5a5;background:#ef44442e;border:1px solid #ef444466}.badge-high{color:#fcd34d;background:#f59e0b2e;border:1px solid #f59e0b66}.badge-medium{color:#93c5fd;background:#3b82f62e;border:1px solid #3b82f666}.badge-low{color:#cbd5e1;background:#94a3b82e;border:1px solid #94a3b866}.badge-success{color:#6ee7b7;background:#10b9812e;border:1px solid #10b98166}.badge-verified{color:#a7f3d0;border:1px solid var(--accent-success);background:#10b98140}.hebel-pill{border-radius:var(--radius-sm);color:#c7d2fe;background:linear-gradient(135deg,#6366f140,#06b6d440);border:1px solid #6366f166;align-items:center;gap:4px;padding:4px 10px;font-size:.8rem;font-weight:700;display:inline-flex}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.section-title{letter-spacing:-.01em;font-size:1.35rem}.section-subtitle{color:var(--text-secondary);margin-top:4px;font-size:.875rem}.hebel-item-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition-fast);background:#ffffff08;justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px;padding:16px 20px;display:flex}.hebel-item-card:hover{background:#ffffff0f;border-color:#ffffff24}.hebel-left{flex:1;align-items:center;gap:16px;display:flex}.hebel-rank{font-family:var(--font-display);color:var(--accent-primary);min-width:32px;font-size:1.5rem;font-weight:800}.diff-comparison-header{border-radius:var(--radius-lg);border:1px solid var(--border-card);background:#0f172ad9;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;margin-bottom:28px;padding:24px;display:grid}.diff-box{text-align:center;flex-direction:column;align-items:center;display:flex}.diff-arrow-center{flex-direction:column;align-items:center;gap:4px;display:flex}.diff-delta-badge{font-family:var(--font-display);border-radius:var(--radius-full);padding:6px 18px;font-size:1.5rem;font-weight:800}.diff-delta-positive{color:#34d399;background:#10b98133;border:1px solid #10b98166}.diff-delta-negative{color:#f87171;background:#ef444433;border:1px solid #ef444466}.diff-summary-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.diff-stat-card{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#0f172ab3;flex-direction:column;gap:6px;padding:18px 20px;display:flex}.diff-stat-num{font-family:var(--font-display);font-size:1.8rem;font-weight:800}.form-group{margin-bottom:18px}.form-label{color:var(--text-main);margin-bottom:8px;font-size:.85rem;font-weight:600;display:block}.form-input,.form-select,.form-textarea{border:1px solid var(--border-card);border-radius:var(--radius-md);color:#fff;width:100%;font-family:var(--font-sans);transition:all var(--transition-fast);background:#0f172acc;padding:11px 16px;font-size:.9rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-glow);outline:none}.modal-backdrop{background:var(--bg-overlay);-webkit-backdrop-filter:blur(8px);z-index:1000;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-dialog{background:var(--bg-secondary);border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;width:100%;max-width:680px;max-height:90vh;animation:.2s cubic-bezier(.16,1,.3,1) modalPop;display:flex;overflow:hidden}@keyframes modalPop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-body{padding:24px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border-subtle);background:#0a0e1780;justify-content:flex-end;align-items:center;gap:12px;padding:18px 24px;display:flex}.code-block{border-radius:var(--radius-md);font-family:var(--font-mono);color:#38bdf8;background:#090d16;border:1px solid #ffffff1a;padding:16px;font-size:.85rem;line-height:1.5;position:relative;overflow-x:auto}.copy-snippet-btn{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;padding:4px 8px;font-size:.75rem;position:absolute;top:10px;right:10px}.copy-snippet-btn:hover{background:#fff3}.code-block.no-copy{-webkit-user-select:none;user-select:none}.ai-preview-container{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=900px){.ai-preview-container{grid-template-columns:1fr}}.ai-markdown-view{border:1px solid var(--border-card);border-radius:var(--radius-lg);font-family:var(--font-mono);color:#cbd5e1;white-space:pre-wrap;background:#090d16;max-height:600px;padding:24px;font-size:.9rem;line-height:1.7;overflow-y:auto}.swimlanes-wrapper{flex-direction:column;gap:28px;display:flex}.swimlane{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-fast);background:#0f172a73;padding:22px;position:relative}.swimlane-open{border-left:4px solid var(--accent-primary);box-shadow:0 4px 24px -10px #6366f12e}.swimlane-closed{border-left:4px solid var(--accent-success);background:#10b98106;box-shadow:0 4px 24px -10px #10b9811f}.swimlane-header{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:14px;display:flex}.swimlane-title-group{align-items:center;gap:12px;display:flex}.swimlane-title{color:var(--text-primary);align-items:center;gap:8px;font-size:1.15rem;font-weight:700;display:flex}.swimlane-subtitle{color:var(--text-muted);font-size:.8rem}.swimlane-badges{align-items:center;gap:8px;display:flex}.swimlane-sort-badge{color:var(--text-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:#ffffff0d;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:500;display:inline-flex}.swimlane-empty{text-align:center;color:var(--text-muted);border-radius:var(--radius-md);border:1px dashed var(--border-subtle);background:#0000002e;flex-direction:column;justify-content:center;align-items:center;padding:36px 20px;font-size:.85rem;display:flex}.kanban-empty-col{text-align:center;color:var(--text-muted);opacity:.7;padding:24px 12px;font-size:.8rem;font-style:italic}.kanban-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=1024px){.kanban-grid{grid-template-columns:1fr}}.kanban-column{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:#0f172a80;flex-direction:column;gap:12px;padding:16px;display:flex}.kanban-col-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}@media print{body{color:#000!important;background:#fff!important}.navbar,.nav-tabs,.btn,.modal-backdrop{display:none!important}.glass-panel{box-shadow:none!important;color:#000!important;background:#fff!important;border:1px solid #ccc!important}}.cycle-tile{border-radius:var(--radius-md);cursor:pointer;min-width:160px;transition:all var(--transition-fast);padding:14px;position:relative}.cycle-tile:hover{transform:translateY(-2px)}.cycle-tile .delete-tile-btn{border-radius:var(--radius-sm);color:#fca5a5;cursor:pointer;opacity:0;pointer-events:none;z-index:10;background:#ef444433;border:1px solid #ef444466;justify-content:center;align-items:center;width:26px;height:26px;transition:opacity .2s,background .2s,transform .15s;display:flex;position:absolute;top:8px;right:8px}.cycle-tile:hover .delete-tile-btn{opacity:1;pointer-events:auto}.cycle-tile .delete-tile-btn:hover{color:#fff;border-color:var(--accent-danger);background:#ef444466;transform:scale(1.1)}.cta-section{max-width:1400px;margin:60px auto 0;padding:0 24px}.cta-inner{border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#0a1f4af2,#7d87ff26);border:1px solid #7d87ff40;justify-content:space-between;align-items:center;gap:32px;padding:40px 48px;display:flex;position:relative;overflow:hidden}.cta-inner--extended{flex-direction:column;align-items:stretch;gap:0}.cta-inner:before{content:"";pointer-events:none;background:radial-gradient(circle,#c0fbd514 0%,#0000 70%);width:400px;height:400px;position:absolute;top:-50%;right:-20%}.cta-intro{border-bottom:1px solid #ffffff1a;margin-bottom:28px;padding-bottom:28px}.cta-intro h3{font-family:var(--font-display);color:#fff;margin:0 0 16px;font-size:1.4rem;font-weight:700}.cta-intro p{color:var(--text-secondary);max-width:900px;margin:0 0 12px;font-size:.95rem;line-height:1.7}.cta-intro p:last-child{margin-bottom:0}.cta-bar{justify-content:space-between;align-items:center;gap:32px;display:flex}.cta-text h3,.cta-text h4{font-family:var(--font-display);color:#fff;margin:0 0 6px;font-size:1.25rem;font-weight:700}.cta-text p{color:var(--text-secondary);max-width:500px;margin:0;font-size:.9rem;line-height:1.6}.cta-button{color:#0a1f4a;font-family:var(--font-sans);border-radius:var(--radius-md);white-space:nowrap;cursor:pointer;background:#c0fbd5;border:none;align-items:center;gap:10px;padding:16px 32px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 20px #c0fbd526}.cta-button:hover{color:#fff;background:#7d87ff;transform:translateY(-2px);box-shadow:0 6px 24px #7d87ff4d}.cta-button:active{transform:translateY(0)}.site-footer{width:100%;margin-top:60px}.footer-hero{background:url(https://zuugle-services.com/wp-content/uploads/2025/08/getty-images-Hch5fqzXsHc-unsplash-scaled.jpg) 50%/cover no-repeat;width:100%;height:280px;position:relative;overflow:hidden}.footer-hero-overlay{z-index:1;background:linear-gradient(#0a0e17d9 0%,#0a1f4a80 40%,#0a1f4a4d 70%,#0a1f4ab3 100%);position:absolute;inset:0}.footer-hero-content{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:0 24px;display:flex;position:relative}.footer-hero-tagline{font-family:var(--font-sans);color:#ffffffbf;letter-spacing:.02em;margin:0 0 8px;font-size:1.1rem;font-style:italic;font-weight:400}.footer-hero-headline{font-family:var(--font-display);color:#7d87ff;letter-spacing:-.02em;margin:0;font-size:2.5rem;font-weight:800}.footer-bar{background:#0a1f4a;border-top:1px solid #7d87ff33;padding:20px 24px}.footer-bar-inner{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;display:flex}.footer-links{gap:32px;display:flex}.footer-links a{font-family:var(--font-sans);color:#ffffffa6;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#c0fbd5}.footer-copyright{font-family:var(--font-sans);color:#ffffff59;font-size:.8rem}@media (width<=768px){.cta-inner{text-align:center;flex-direction:column;gap:24px;padding:32px 24px}.cta-bar{flex-direction:column;gap:16px}.cta-text p,.cta-intro p{max-width:100%}.cta-button{justify-content:center;width:100%}.footer-hero{height:220px}.footer-hero-headline{font-size:1.75rem}.footer-hero-tagline{font-size:.95rem}.footer-bar-inner{text-align:center;flex-direction:column;gap:12px}.footer-links{gap:20px}}