:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--global-color: #4f46e5}a{font-weight:500;color:#fff;text-decoration:inherit}body{margin:0;font-family:Segoe UI,sans-serif;background:var(--global-color)}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.app-bg{width:100vw;height:100vh;background:#4f46e5;display:flex;justify-content:center;align-items:center;padding:20px;box-sizing:border-box;overflow:hidden}.reviews-page{background:#f5f6fa;min-height:100vh}.review-card{background:#fff;border-radius:12px;padding:20px;margin-bottom:30px;box-shadow:0 4px 14px #0000000d;color:#000}.feedback-block{margin-top:20px;padding:15px;background:#f9f9ff;border-left:4px solid #4f46e5;border-radius:8px}.diff-snippet{background:#eee;font-family:monospace;white-space:pre-wrap;padding:10px;border-radius:6px;overflow-x:auto;margin-top:10px}.feedback-text{margin-top:10px;font-size:14px;color:#333;line-height:1.6}.feedback-text pre{background:#eee;padding:12px;border-radius:6px;overflow-x:auto;font-family:monospace}.feedback-text code{background:#f4f4f4;padding:2px 4px;border-radius:4px}.feedback-text strong{font-weight:700}.feedback-text ul{padding-left:20px}.feedback-text h3{margin-top:16px}.severity-badge{margin-left:12px;padding:4px 10px;border-radius:12px;font-size:.8rem;font-weight:600;display:inline-block;text-transform:uppercase}.badge-critical{background-color:#ff4d4f;color:#fff}.badge-medium{background-color:#faad14;color:#000}.badge-normal{background-color:#52c41a;color:#fff}.badge-default{background-color:#d9d9d9;color:#000}.dashboard-wrapper{display:flex;border-radius:20px;background:#f6f7fb;box-shadow:0 20px 50px #0000001a;overflow:hidden}.main-content{flex:1;padding:30px;background:#f6f7fb}.chart-title{font-size:16px;font-weight:600;color:#1a1a1a;margin-bottom:1.8rem;margin-top:0}.chart-inner{flex:1;position:relative;height:2%}.page-title{font-size:24px;margin-bottom:30px;color:#1a1a1a}.content-boxes{display:flex;gap:20px}.content-card{flex:1;min-height:150px;background:#fff;border-radius:16px;padding:20px;box-shadow:0 6px 24px #0000000d}.stats-row{display:flex;gap:20px;margin-bottom:30px}.gradient-card{max-height:80px;background:linear-gradient(135deg,#4f46e5,#8579f6)}.stat-card.stat-clean{flex:1;background:#fff;color:#1a1a1a;border-radius:16px;padding:0 20px;box-shadow:0 6px 16px #0000000d;display:flex;justify-content:space-between;align-items:center}.stat-left{display:flex;flex-direction:column}.stat-label{font-size:16px;font-weight:600;color:#3f3f3f;margin-bottom:0}.stat-value{font-size:20px;font-weight:700;color:#1a1a1a}.stat-icon-right{font-size:22px;color:var(--global-color);background:#f0f1fa;padding:10px;border-radius:10px;display:flex;align-items:center;justify-content:center}.chart-row{display:flex;gap:20px}.chart-box{flex:1;background:#fff;border-radius:16px;padding:20px;box-shadow:0 6px 24px #0000000d;display:flex;flex-direction:column;align-items:center;justify-content:center}.chart-title{font-size:16px;font-weight:600;color:#1a1a1a;margin:0}.chart-inner{margin:0;position:relative}.loader-container{text-align:center;padding:2rem;background-color:transparent}.overlay-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:#14142866;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;justify-content:center;align-items:center}.loader{border:6px solid #eee;border-top:6px solid #8e6fff;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;box-shadow:0 0 12px #ffffff4d}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-wrapper{display:flex;width:90%;height:90%;border-radius:20px;background:#f6f7fb;box-shadow:0 20px 50px #0000001a;overflow:hidden}.sidebar{width:240px;height:100%;background:#fff;box-shadow:2px 0 8px #0000000d}.main-content{flex:1;height:100%;overflow-y:auto;overflow-x:hidden;padding:30px;box-sizing:border-box}.sidebar{width:220px;background:#fff;padding:30px 20px;border-right:1px solid #eee;display:flex;flex-direction:column}.logo-container{display:flex;align-items:center;gap:10px;margin-bottom:40px}.logo-box{background:linear-gradient(135deg,#4f46e5,#8579f6);color:#fff;font-weight:600;font-size:16px;border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.logo-text{font-size:18px;font-weight:700;color:#1a1a1a}.nav{list-style:none;padding:0;margin:0}.sidebar .nav-item{padding:12px 16px;display:block;color:#4f4f4f;text-decoration:none;border-radius:8px;transition:all .3s ease}.sidebar .nav-item.active{background:var(--global-color);color:#fff;font-weight:600}