*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.app{max-width:1200px;margin:0 auto}.header{text-align:center;color:#fff;margin-bottom:40px}.header h1{font-size:2.5em;margin-bottom:10px}.role-selector{display:flex;justify-content:center;gap:20px;margin-bottom:40px}.role-btn{padding:15px 40px;font-size:1.1em;border:none;border-radius:8px;cursor:pointer;transition:all .3s;font-weight:600}.role-btn.admin{background:#ff6b6b;color:#fff}.role-btn.consultant{background:#4ecdc4;color:#fff}.role-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.card{background:#fff;border-radius:12px;padding:30px;box-shadow:0 10px 30px #0003}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333}.form-group input,.form-group textarea{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:6px;font-size:1em;transition:border .3s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea}.samples-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-top:10px}.sample-input{padding:10px;border:2px solid #e0e0e0;border-radius:6px;font-size:.95em}.btn{padding:12px 30px;border:none;border-radius:6px;font-size:1em;font-weight:600;cursor:pointer;transition:all .3s}.btn-primary{background:#667eea;color:#fff}.btn-success{background:#51cf66;color:#fff}.btn-danger{background:#ff6b6b;color:#fff}.btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.sessions-list{display:grid;gap:15px;margin-top:20px}.session-card{background:#f8f9fa;padding:20px;border-radius:8px;border-left:4px solid #667eea;display:flex;justify-content:space-between;align-items:center}.session-info h3{color:#333;margin-bottom:5px}.session-info p{color:#666;font-size:.9em}.tasting-form{max-width:600px;margin:0 auto}.sample-header{text-align:center;background:#667eea;color:#fff;padding:20px;border-radius:8px;margin-bottom:30px}.sample-header h2{font-size:1.8em;margin-bottom:5px}.sample-header p{opacity:.9}.criteria-grid{display:grid;gap:20px;margin-bottom:25px}.criterion{background:#f8f9fa;padding:20px;border-radius:8px}.criterion label{display:block;font-weight:600;margin-bottom:10px;color:#333}.rating-slider{width:100%;height:8px;border-radius:4px;outline:none;-webkit-appearance:none;background:linear-gradient(to right,#ff6b6b,#ffd93d,#51cf66)}.rating-slider::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid #667eea;cursor:pointer}.rating-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid #667eea;cursor:pointer}.rating-value{text-align:center;font-size:1.5em;font-weight:700;color:#667eea;margin-top:5px}.progress-bar{background:#e0e0e0;height:8px;border-radius:4px;margin:20px 0;overflow:hidden}.progress-fill{background:#51cf66;height:100%;transition:width .3s}.back-btn{background:#6c757d;color:#fff;padding:10px 20px;border:none;border-radius:6px;cursor:pointer;margin-bottom:20px;font-weight:600}.back-btn:hover{background:#5a6268}.success-message{background:#d4edda;color:#155724;padding:20px;border-radius:8px;text-align:center;margin-top:20px}.success-message h2{margin-bottom:10px}
