.nps-calculator{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);border-radius:12px;padding:30px;margin:30px 0;box-shadow:0 4px 16px rgba(0,0,0,.12)}.nps-inputs{background:#fff;border-radius:10px;padding:20px;margin-bottom:25px}.nps-inputs h3{margin:0 0 20px;font-size:18px;font-weight:700;color:#333}.nps-input-group{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;padding:12px;background:#f8f9fa;border-radius:8px;border-left:4px solid #667eea}.nps-input-group label{display:flex;align-items:center;gap:10px;flex:1;cursor:pointer;font-weight:500;color:#555}.nps-badge{display:inline-flex;align-items:center;justify-content:center;width:50px;height:40px;border-radius:6px;font-weight:700;font-size:12px;color:#fff}.nps-badge.detractors{background:linear-gradient(135deg,#e74c3c,#c0392b)}.nps-badge.passives{background:linear-gradient(135deg,#f39c12,#e67e22)}.nps-badge.promoters{background:linear-gradient(135deg,#27ae60,#229954)}.nps-label{font-weight:600;color:#333;font-size:14px}.nps-hint{font-size:12px;color:#999;font-weight:400}.nps-input{width:80px;padding:8px 12px;border:2px solid #e0e0e0;border-radius:6px;font-size:16px;font-weight:600;text-align:center;transition:all .3s ease}.nps-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.nps-results{background:#fff;border-radius:10px;padding:25px;margin-bottom:20px}.nps-result-main{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;padding:20px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:10px;color:#fff}.nps-score{display:flex;flex-direction:column;align-items:center;gap:5px}.nps-value{font-size:48px;font-weight:800;line-height:1}.nps-value.excellent{color:#2ecc40;text-shadow:0 2px 4px rgba(0,0,0,.2)}.nps-value.good{color:#f1c40f;text-shadow:0 2px 4px rgba(0,0,0,.2)}.nps-value.fair{color:#f39c12;text-shadow:0 2px 4px rgba(0,0,0,.2)}.nps-value.poor{color:#e74c3c;text-shadow:0 2px 4px rgba(0,0,0,.2)}.nps-unit{font-size:14px;font-weight:600;opacity:.9}.nps-interpretation{font-size:18px;font-weight:600;text-align:right;flex:1}.nps-interpretation.excellent{color:#2ecc40}.nps-interpretation.good{color:#f1c40f}.nps-interpretation.fair{color:#f39c12}.nps-interpretation.poor{color:#e74c3c}.nps-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-bottom:25px}.nps-stat{display:flex;flex-direction:column;align-items:center;padding:15px;background:#f8f9fa;border-radius:8px;border:1px solid #e0e0e0;text-align:center}.stat-label{font-size:12px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.stat-value{font-size:24px;font-weight:800;color:#333}.stat-value.promoters{color:#27ae60}.stat-value.passives{color:#f39c12}.stat-value.detractors{color:#e74c3c}.nps-scale{margin-bottom:20px}.nps-scale-bar{display:flex;height:30px;border-radius:6px;overflow:hidden;box-shadow:inset 0 2px 4px rgba(0,0,0,.1);margin-bottom:10px}.nps-scale-segment{flex:1;transition:all .3s ease;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:12px}.nps-scale-segment.detractors{background:linear-gradient(90deg,#e74c3c,#c0392b)}.nps-scale-segment.passives{background:linear-gradient(90deg,#f39c12,#e67e22)}.nps-scale-segment.promoters{background:linear-gradient(90deg,#27ae60,#229954)}.nps-scale-labels{display:flex;justify-content:space-between;font-size:12px;font-weight:600;color:#666;padding:0 5px}.nps-actions{display:flex;justify-content:center}.nps-btn-reset{padding:10px 30px;background:#95a5a6;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.nps-btn-reset:hover{background:#7f8c8d;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.2)}.nps-btn-reset:active{transform:translateY(0)}@media(max-width:768px){.nps-calculator{padding:20px}.nps-result-main{flex-direction:column;gap:15px;text-align:center}.nps-interpretation{text-align:center}.nps-input-group{flex-direction:column;align-items:flex-start;gap:10px}.nps-input-group label{width:100%}.nps-value{font-size:36px}.nps-interpretation{font-size:16px}.nps-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.nps-calculator{padding:15px}.nps-inputs,.nps-results{padding:15px}.nps-input-group{padding:10px;border-left-width:3px}.nps-badge{width:45px;height:35px;font-size:11px}.nps-input{width:70px}.nps-value{font-size:32px}.nps-interpretation{font-size:14px}.stat-value{font-size:20px}.nps-stats{grid-template-columns:1fr}}@media(prefers-color-scheme:dark){.nps-calculator{background:linear-gradient(135deg,#1e1e1e 0%,#2d2d2d 100%)}.nps-inputs,.nps-results{background:#2b2b2b;border:1px solid #404040}.nps-inputs h3{color:#e0e0e0}.nps-input-group{background:#333;border-left-color:#667eea}.nps-label{color:#e0e0e0}.nps-hint{color:#999}.nps-input{background:#3a3a3a;border-color:#444;color:#e0e0e0}.nps-input:focus{border-color:#667eea}.nps-stat{background:#333;border-color:#404040}.stat-label{color:#aaa}.stat-value{color:#e0e0e0}.nps-scale-labels{color:#aaa}}