@import "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap";
:root{--color-primary:#e15616;--color-primary-dark:#c44a12;--color-primary-light:#f5732e;--color-accent:#a61d37;--color-accent-dark:#8a1830;--color-accent-light:#c42648;--color-white:#fff;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--font-family:"Roboto",-apple-system,BlinkMacSystemFont,sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-gray-800);background-color:var(--color-gray-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-dark)}h1,h2,h3,h4,h5,h6{color:var(--color-gray-900);font-weight:700;line-height:1.2}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--spacing-4)}.btn{justify-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3)var(--spacing-6);font-family:var(--font-family);font-size:var(--font-size-base);text-align:center;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);border:none;font-weight:500;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:var(--color-white)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background-color:var(--color-gray-200);color:var(--color-gray-700)}.btn-secondary:hover:not(:disabled){background-color:var(--color-gray-300)}.btn-accent{background-color:var(--color-accent);color:var(--color-white)}.btn-accent:hover:not(:disabled){background-color:var(--color-accent-dark)}.btn-outline{border:2px solid var(--color-primary);color:var(--color-primary);background-color:#0000}.btn-outline:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-white)}.btn-lg{padding:var(--spacing-4)var(--spacing-8);font-size:var(--font-size-lg)}.btn-sm{padding:var(--spacing-2)var(--spacing-4);font-size:var(--font-size-sm)}.card{background-color:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden}.card-header{padding:var(--spacing-6);border-bottom:1px solid var(--color-gray-200);background-color:var(--color-gray-50)}.card-body{padding:var(--spacing-6)}.card-footer{padding:var(--spacing-6);border-top:1px solid var(--color-gray-200);background-color:var(--color-gray-50)}.form-group{margin-bottom:var(--spacing-4)}.form-label{margin-bottom:var(--spacing-2);color:var(--color-gray-700);font-weight:500;display:block}.form-input,.form-select,.form-textarea{width:100%;padding:var(--spacing-3)var(--spacing-4);font-family:var(--font-family);font-size:var(--font-size-base);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background-color:var(--color-white);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #e1561633}.form-input::placeholder{color:var(--color-gray-400)}.form-error{color:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--spacing-1)}.container{max-width:1200px;padding:0 var(--spacing-4);margin:0 auto}.page-header{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-dark)100%);color:var(--color-white);padding:var(--spacing-12)0;text-align:center}.page-header h1{color:var(--color-white);margin-bottom:var(--spacing-4)}.table{border-collapse:collapse;background-color:var(--color-white);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-sm);overflow:hidden}.table th,.table td{padding:var(--spacing-4);text-align:left;border-bottom:1px solid var(--color-gray-200)}.table th{background-color:var(--color-gray-100);color:var(--color-gray-700);font-weight:600}.table tr:hover{background-color:var(--color-gray-50)}.scale-container{gap:var(--spacing-2);margin-top:var(--spacing-4);justify-content:center;display:flex}.scale-option{border:2px solid var(--color-gray-300);border-radius:var(--radius-full);width:48px;height:48px;font-size:var(--font-size-lg);cursor:pointer;transition:all var(--transition-fast);background-color:var(--color-white);justify-content:center;align-items:center;font-weight:600;display:flex}.scale-option:hover{border-color:var(--color-primary);color:var(--color-primary);transform:scale(1.1)}.scale-option.selected{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white);transform:scale(1.1)}.scale-labels{margin-top:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-gray-500);justify-content:space-between;display:flex}.progress-bar{background-color:var(--color-gray-200);border-radius:var(--radius-full);width:100%;height:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,var(--color-primary)0%,var(--color-accent)100%);border-radius:var(--radius-full);height:100%;transition:width var(--transition-normal)}.alert{padding:var(--spacing-4);border-radius:var(--radius-md);margin-bottom:var(--spacing-4)}.alert-success{color:#065f46;background-color:#d1fae5;border:1px solid #a7f3d0}.alert-error{color:#991b1b;background-color:#fee2e2;border:1px solid #fecaca}.alert-warning{color:#92400e;background-color:#fef3c7;border:1px solid #fde68a}.alert-info{color:#1e40af;background-color:#dbeafe;border:1px solid #bfdbfe}.badge{padding:var(--spacing-1)var(--spacing-3);font-size:var(--font-size-xs);border-radius:var(--radius-full);text-transform:uppercase;font-weight:600;display:inline-block}.badge-primary{background-color:var(--color-primary);color:var(--color-white)}.badge-success{background-color:var(--color-success);color:var(--color-white)}.badge-warning{background-color:var(--color-warning);color:var(--color-white)}.admin-layout{min-height:100vh;display:flex}.admin-sidebar{background-color:var(--color-gray-900);width:260px;color:var(--color-white);height:100vh;position:fixed;overflow-y:auto}.admin-sidebar-header{padding:var(--spacing-6);border-bottom:1px solid var(--color-gray-700)}.admin-sidebar-logo{font-size:var(--font-size-xl);color:var(--color-primary);font-weight:700}.admin-sidebar-nav{padding:var(--spacing-4)}.admin-nav-item{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3)var(--spacing-4);color:var(--color-gray-300);border-radius:var(--radius-md);transition:all var(--transition-fast);margin-bottom:var(--spacing-1);display:flex}.admin-nav-item:hover{background-color:var(--color-gray-800);color:var(--color-white)}.admin-nav-item.active{background-color:var(--color-primary);color:var(--color-white)}.admin-main{padding:var(--spacing-8);background-color:var(--color-gray-100);flex:1;margin-left:260px}.admin-header{margin-bottom:var(--spacing-8);justify-content:space-between;align-items:center;display:flex}.modal-overlay{z-index:1000;opacity:0;visibility:hidden;transition:all var(--transition-fast);background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay.active{opacity:1;visibility:visible}.modal{background-color:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:90%;max-width:500px;max-height:90vh;transition:transform var(--transition-fast);overflow-y:auto;transform:scale(.9)}.modal-overlay.active .modal{transform:scale(1)}.modal-header{padding:var(--spacing-6);border-bottom:1px solid var(--color-gray-200);justify-content:space-between;align-items:center;display:flex}.modal-body{padding:var(--spacing-6)}.modal-footer{padding:var(--spacing-6);border-top:1px solid var(--color-gray-200);gap:var(--spacing-3);justify-content:flex-end;display:flex}.spinner{border:3px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--color-primary)}.text-accent{color:var(--color-accent)}.text-gray{color:var(--color-gray-500)}.text-sm{font-size:var(--font-size-sm)}.text-lg{font-size:var(--font-size-lg)}.mt-4{margin-top:var(--spacing-4)}.mt-8{margin-top:var(--spacing-8)}.mb-4{margin-bottom:var(--spacing-4)}.mb-8{margin-bottom:var(--spacing-8)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--spacing-2)}.gap-4{gap:var(--spacing-4)}@media (max-width:768px){.admin-sidebar{width:100%;height:auto;position:relative}.admin-main{margin-left:0}.admin-layout{flex-direction:column}.scale-option{width:40px;height:40px;font-size:var(--font-size-base)}}