:root{--primary:#1a56db;--dark:#1f2937;--light-bg:#f9fafb;--success:#10b981;--warning:#f59e0b;--danger:#ef4444}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--light-bg);font-family:Inter,Segoe UI,sans-serif;color:var(--dark);line-height:1.6}.btn{border:1px solid transparent;background-clip:padding-box,border-box;background-origin:padding-box,border-box;background-image:linear-gradient(90deg,#578aef,#9198e5),linear-gradient(90deg,#578aef,#9198e5);overflow:hidden;color:#fff;line-height:24px}.container{max-width:1440px;margin:0 auto;padding:0 32px}.card:hover{box-shadow:0 10px 15px rgba(0,0,0,.1)}.metric-card{display:flex;flex-direction:column;justify-content:space-between;height:100%}.metric-value{font-size:24px;font-weight:700;margin-top:8px}.metric-label{font-size:14px;color:#6b7280}.metric-change{font-size:13px;margin-top:4px}.positive{color:var(--success)}.negative{color:var(--danger)}.btn-primary{background-color:var(--primary);color:#fff;border-radius:4px;padding:8px 16px;font-weight:600;transition:all .2s;border:none;cursor:pointer}.btn-primary:hover{background-color:#164ac6}.btn-outline{background-color:transparent;color:var(--primary);border:1px solid var(--primary);border-radius:4px;padding:8px 16px;font-weight:600;transition:all .2s;cursor:pointer}.btn-outline:hover{background-color:rgba(26,86,219,.1)}.nav-link{color:var(--dark);font-weight:500;transition:all .2s;padding:8px 12px;border-radius:4px}.nav-link:hover{background-color:rgba(26,86,219,.1);color:var(--primary)}.chart-container{height:350px;width:100%}.grid-cols-3{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:24px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.feature-item{background-color:rgba(26,86,219,.05);padding:16px 12px;text-align:center;font-weight:600;border-radius:4px;font-size:16px;cursor:pointer;transition:all .2s}.feature-item:hover{background-color:rgba(26,86,219,.1)}.active-feature{background-color:rgba(26,87,219,.35);border-left:5px solid var(--primary)}.progress-bar{height:8px;background-color:#e5e7eb;border-radius:4px;margin-top:20px;overflow:hidden}.progress-fill{height:100%;background-color:var(--primary);border-radius:4px;width:65%}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px}.resource-card{display:flex;flex-direction:column;height:100%}.resource-icon{font-size:24px;margin-bottom:16px;color:var(--primary)}.sentiment-indicator{display:flex;align-items:center;margin-top:12px}.sentiment-bar{height:8px;flex-grow:1;background:linear-gradient(90deg,var(--success),var(--warning) 50%,var(--danger));border-radius:4px;position:relative;margin:0 12px}.sentiment-marker{position:absolute;top:-6px;width:6px;height:20px;background-color:var(--dark);border-radius:3px;margin-left:-3px}.sentiment-value{min-width:40px;text-align:center;font-weight:600}.positive-text{color:var(--success)}.legend{display:flex;justify-content:center;gap:20px;margin-top:10px;font-size:12px}.legend-item{display:flex;align-items:center;gap:4px}.legend-color{width:12px;height:12px;border-radius:2px}.toggle-button{background-color:#e5e7eb;border-radius:20px;padding:4px;display:flex;margin-left:auto;margin-bottom:16px;width:-moz-fit-content;width:fit-content;cursor:pointer}.toggle-option{padding:4px 12px;border-radius:16px;font-size:14px;transition:all .2s}.toggle-active{background-color:var(--primary);color:#fff}.gradient-btn{background-image:linear-gradient(90deg,#2c5c9f,#7a4ce0);transition:all .3s ease}.result{margin:20px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.eval-card{text-align:center;padding:16px}