.rating>label{margin-right:6px}.rating:not(:checked)>input{position:absolute;-webkit-appearance:none;-moz-appearance:none;appearance:none}.rating:not(:checked)>label{float:right;cursor:pointer;font-size:30px;fill:#666}.rating:not(:checked)>label>svg{fill:#666;transition:fill .3s ease}.rating>input:checked+label:hover,.rating>input:checked+label:hover~label,.rating>input:checked~label:hover,.rating>input:checked~label:hover~label,.rating>label:hover~input:checked~label{fill:#e58e09}.rating:not(:checked)>label:hover,.rating:not(:checked)>label:hover~label{fill:#ff9e0b}.rating>input:checked~label>svg{fill:#ffa723;animation:keyframes-star .5s}.rating.disabled{visibility:hidden}@keyframes keyframes-star{0%{transform:rotate(0) scale(0);opacity:0}50%{transform:rotate(10deg) scale(1.3)}}:root{--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-card: #ffffff;--bg-input: #ffffff;--bg-hover: #f3f4f6;--primary: #2563eb;--primary-hover: #1d4ed8;--primary-gradient: #2563eb;--secondary-accent: #64748b;--text-primary: #111827;--text-secondary: #4b5563;--text-muted: #9ca3af;--text-on-primary: #ffffff;--success: #059669;--danger: #dc2626;--warning: #d97706;--info: #2563eb;--border-color: #e5e7eb;--border-focus: #2563eb;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-glow: none;--border-radius-sm: .25rem;--border-radius: .5rem;--border-radius-lg: .75rem;--container-width: 1200px;--transition-fast: .15s ease;--transition-normal: .2s ease;--font-family: "Inter", system-ui, -apple-system, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family);background-color:var(--bg-secondary);color:var(--text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{border:none;background:none;font-family:inherit}img,video{max-width:100%;height:auto}ul,ol{list-style:none}.app{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-secondary)}.main-content{flex:1;width:100%;max-width:var(--container-width);margin:0 auto;padding:2rem 1.5rem}.navbar{background:#fff;padding:.75rem 2rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100}.nav-brand{font-size:1.25rem;font-weight:700;color:var(--primary);text-decoration:none;letter-spacing:-.025em}.nav-links{display:flex;align-items:center;gap:1.5rem}.nav-links a{color:var(--text-secondary);font-weight:500;transition:color var(--transition-fast);font-size:.9rem}.nav-links a:hover{color:var(--text-primary)}.nav-user{display:flex;align-items:center;gap:.5rem;color:var(--text-primary);font-weight:500;background:var(--bg-hover);padding:.375rem .75rem;border-radius:var(--border-radius-sm);font-size:.875rem}.nav-logout{color:var(--text-muted);font-weight:500;cursor:pointer;transition:color .15s}.nav-logout:hover{color:var(--danger)}.footer{text-align:center;padding:2rem;color:var(--text-muted);font-size:.875rem;background:#fff;border-top:1px solid var(--border-color);margin-top:auto}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;border-radius:var(--border-radius);font-weight:500;font-size:.95rem;transition:all var(--transition-normal);cursor:pointer;letter-spacing:0;border:1px solid transparent}.btn-primary{background:var(--primary);color:var(--text-on-primary)}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#fff;color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--text-muted)}.btn-danger{background:#fff;color:var(--danger);border:1px solid var(--danger)}.btn-danger:hover{background:#fef2f2}.btn-block{display:flex;width:100%}.btn-lg{padding:.875rem 2rem;font-size:1rem}.btn-sm{padding:.375rem .75rem;font-size:.875rem}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:2rem;box-shadow:var(--shadow-sm)}.card:hover{box-shadow:var(--shadow-md);border-color:#d1d5db}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.375rem;font-weight:500;color:var(--text-primary);font-size:.9rem}input[type=text],input[type=password],input[type=email],input[type=number],textarea,select{width:100%;padding:.625rem .75rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:.95rem;transition:border-color var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}input::placeholder,textarea::placeholder{color:var(--text-muted)}.badge{display:inline-flex;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:capitalize}.badge-success{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0}.badge-warning{background:#fef3c7;color:#b45309;border:1px solid #fde68a}.badge-neutral{background:#f3f4f6;color:#4b5563;border:1px solid #e5e7eb}.rating-container{display:flex;align-items:center;gap:.25rem}.rating-star{background:transparent;border:none;font-size:1.5rem;color:#d1d5db;cursor:pointer;transition:color .1s;padding:0}.rating-star:hover,.rating-star.active{color:var(--warning);transform:none}.rating-value{margin-left:.5rem;color:var(--text-secondary);font-size:.9rem}.question-wrapper{padding:1.5rem 0;border-bottom:1px solid var(--border-color)}.question-wrapper:last-child{border-bottom:none;padding-bottom:0}.question-wrapper:first-child{padding-top:.5rem}.template-rating-item{max-width:800px;margin:0 auto;padding:.75rem 0!important;background:transparent!important;border:none!important;border-bottom:1px solid var(--border-color)!important;border-radius:0!important}.template-rating-item:last-child{border-bottom:none!important}.template-rating-container{gap:.5rem!important;align-items:center}.template-rating-header{margin-bottom:.5rem!important}.template-rating-subject{font-size:1rem!important;text-align:center}.template-rating-description{font-size:.875rem!important;text-align:center}.template-rating-item .rating-container{justify-content:center}.fade-in{animation:fadeIn .5s ease-out forwards}.slide-up{animation:slideUp .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.spinner{width:40px;height:40px;border:3px solid rgba(139,92,246,.3);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hover-scale{transition:transform .2s}.hover-scale:hover{transform:scale(1.02)}