@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-200:#bfdbfe;--primary-300:#93c5fd;--primary-400:#60a5fa;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--primary-800:#1e40af;--primary-900:#1e3a8a;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--success:#10b981;--success-light:#d1fae5;--warning:#f59e0b;--warning-light:#fef3c7;--danger:#ef4444;--danger-light:#fee2e2;--info:#3b82f6;--info-light:#dbeafe;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#9ca3af;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--border:#e5e7eb;--border-focus:#3b82f6;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--radius-sm:4px;--radius:8px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--transition:all .2s ease;--transition-slow:all .3s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--text-primary);background-color:var(--bg-secondary);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}ul{list-style:none}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:700;line-height:1.3}h1{font-size:clamp(1.75rem,3vw,2.5rem)}h2{font-size:clamp(1.5rem,2.5vw,2rem)}h3{font-size:clamp(1.25rem,2vw,1.5rem)}h4{font-size:1.125rem}h5{font-size:1rem}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.page-wrapper{min-height:calc(100vh - 72px);padding:2rem 0}.grid-2{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}@media (width<=1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.btn{border-radius:var(--radius);transition:var(--transition);cursor:pointer;white-space:nowrap;border:2px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary-600);color:#fff;border-color:var(--primary-600)}.btn-primary:hover:not(:disabled){background:var(--primary-700);border-color:var(--primary-700);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-outline{color:var(--primary-600);border-color:var(--primary-600);background:0 0}.btn-outline:hover:not(:disabled){background:var(--primary-50)}.btn-secondary{background:var(--gray-100);color:var(--text-primary);border-color:var(--gray-200)}.btn-secondary:hover:not(:disabled){background:var(--gray-200)}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-success{background:var(--success);color:#fff;border-color:var(--success)}.btn-success:hover:not(:disabled){background:#059669}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.btn-lg{padding:.875rem 2rem;font-size:1rem}.btn-full{width:100%}.form-group{flex-direction:column;gap:.375rem;display:flex}.form-label{color:var(--text-secondary);font-size:.875rem;font-weight:600}.form-input,.form-select,.form-textarea{border:1.5px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text-primary);background:var(--bg-primary);transition:var(--transition);outline:none;padding:.625rem .875rem;font-size:.9375rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f626}.form-input::placeholder{color:var(--text-muted)}.form-textarea{resize:vertical;min-height:100px}.form-error{color:var(--danger);font-size:.8125rem}.card{background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:var(--transition);overflow:hidden}.card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-200)}.card-body{padding:1.5rem}.badge{border-radius:var(--radius-full);align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-blue{background:var(--primary-100);color:var(--primary-800)}.badge-green{background:var(--success-light);color:#065f46}.badge-yellow{background:var(--warning-light);color:#92400e}.badge-red{background:var(--danger-light);color:#991b1b}.badge-gray{background:var(--gray-100);color:var(--gray-700)}.avatar{border-radius:var(--radius-full);object-fit:cover;flex-shrink:0}.avatar-sm{width:32px;height:32px}.avatar-md{width:40px;height:40px}.avatar-lg{width:56px;height:56px}.avatar-xl{width:80px;height:80px}.avatar-placeholder{background:var(--primary-100);color:var(--primary-700);border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}.section{padding:4rem 0}.section-sm{padding:2rem 0}.section-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.section-title{color:var(--text-primary);font-size:1.75rem;font-weight:800}.section-subtitle{color:var(--text-secondary);margin-top:.5rem;font-size:1rem}.divider{border:none;border-top:1px solid var(--border);margin:1.5rem 0}.spinner{border:3px solid var(--primary-100);border-top-color:var(--primary-600);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-center{color:var(--text-muted);justify-content:center;align-items:center;gap:.75rem;padding:3rem;display:flex}.empty-state{text-align:center;color:var(--text-muted);padding:4rem 2rem}.empty-state-icon{margin-bottom:1rem;font-size:4rem}.empty-state h3{color:var(--text-secondary);margin-bottom:.5rem;font-size:1.25rem}.pagination{justify-content:center;align-items:center;gap:.375rem;margin-top:2rem;display:flex}.page-btn{border-radius:var(--radius);width:36px;height:36px;transition:var(--transition);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:var(--bg-primary);justify-content:center;align-items:center;font-size:.875rem;font-weight:500;display:flex}.page-btn:hover:not(:disabled){border-color:var(--primary-400);color:var(--primary-600)}.page-btn.active{background:var(--primary-600);border-color:var(--primary-600);color:#fff}.page-btn:disabled{opacity:.4;cursor:not-allowed}.status-pending{background:var(--warning-light);color:#92400e}.status-reviewed{background:var(--info-light);color:#1e40af}.status-accepted{background:var(--success-light);color:#065f46}.status-rejected{background:var(--danger-light);color:#991b1b}.status-active{background:var(--success-light);color:#065f46}.status-closed{background:var(--gray-100);color:var(--gray-600)}@media (width<=768px){.hide-mobile{display:none!important}.section{padding:2.5rem 0}}@media (width<=640px){.container{padding:0 1rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:.3s forwards fadeIn}.slide-in{animation:.3s forwards slideIn}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--text-muted)}.text-primary-color{color:var(--primary-600)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.w-full{width:100%}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.table-wrapper{border-radius:var(--radius-lg);border:1px solid var(--border);overflow-x:auto}table{border-collapse:collapse;width:100%}thead tr{background:var(--gray-50)}th,td{text-align:left;border-bottom:1px solid var(--border);padding:.75rem 1rem;font-size:.875rem}th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}tr:last-child td{border-bottom:none}tr:hover td{background:var(--gray-50)}.tag{background:var(--primary-50);color:var(--primary-700);border-radius:var(--radius-full);border:1px solid var(--primary-100);padding:.25rem .625rem;font-size:.75rem;font-weight:500;display:inline-block}.hero{background:linear-gradient(135deg, var(--primary-800) 0%, var(--primary-600) 50%, var(--primary-500) 100%);color:#fff;padding:5rem 0;position:relative;overflow:hidden}.hero:before{content:"";background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.hero-content{z-index:1;text-align:center;position:relative}.hero h1{color:#fff;margin-bottom:1rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.2}.hero p{color:#ffffffd9;max-width:600px;margin:0 auto 2rem;font-size:1.125rem}.search-box{border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);background:#fff;gap:.75rem;max-width:700px;margin:0 auto;padding:1rem;display:flex}.search-box .form-input{background:var(--gray-50);border:none;flex:1}@media (width<=640px){.search-box{flex-direction:column}}.stat-card{background:var(--bg-primary);border-radius:var(--radius-lg);text-align:center;border:1px solid var(--border);box-shadow:var(--shadow-sm);padding:1.5rem}.stat-number{color:var(--primary-600);margin-bottom:.5rem;font-size:2.25rem;font-weight:800;line-height:1}.stat-label{color:var(--text-muted);font-size:.875rem;font-weight:500}.alert{border-radius:var(--radius);border:1px solid;align-items:flex-start;gap:.5rem;padding:.875rem 1rem;font-size:.875rem;display:flex}.alert-info{background:var(--info-light);border-color:var(--primary-200);color:var(--primary-800)}.alert-success{background:var(--success-light);color:#065f46;border-color:#a7f3d0}.alert-warning{background:var(--warning-light);color:#92400e;border-color:#fde68a}.alert-error{background:var(--danger-light);color:#991b1b;border-color:#fecaca}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:1rem;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:540px;max-height:90vh;animation:.2s fadeIn;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 0;display:flex}.modal-body{padding:1.5rem}.modal-footer{justify-content:flex-end;gap:.75rem;padding:0 1.5rem 1.5rem;display:flex}.layout-with-sidebar{grid-template-columns:260px 1fr;align-items:start;gap:2rem;display:grid}@media (width<=1024px){.layout-with-sidebar{grid-template-columns:1fr}}.navbar{z-index:100;background:var(--bg-primary);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;gap:1.5rem;height:64px;display:flex}.navbar-logo{color:var(--text-primary);flex-shrink:0;align-items:center;gap:.5rem;font-size:1.375rem;font-weight:800;text-decoration:none;display:flex}.logo-icon{color:var(--primary-600);font-size:1.5rem}.logo-accent{color:var(--primary-600)}.navbar-links{flex:1;justify-content:center;align-items:center;gap:.25rem;display:flex}.nav-link{border-radius:var(--radius);color:var(--text-secondary);transition:var(--transition);align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.9rem;font-weight:500;text-decoration:none;display:flex}.nav-link:hover{color:var(--primary-600);background:var(--primary-50)}.nav-link.active{color:var(--primary-600);background:var(--primary-50);font-weight:600}.navbar-auth{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.auth-buttons{align-items:center;gap:.5rem;display:flex}.user-dropdown{position:relative}.user-btn{border-radius:var(--radius-full);background:var(--gray-50);border:1px solid var(--border);transition:var(--transition);cursor:pointer;align-items:center;gap:.5rem;padding:.375rem .75rem .375rem .375rem;display:flex}.user-btn:hover{background:var(--primary-50);border-color:var(--primary-200)}.user-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:.875rem;font-weight:600;overflow:hidden}.chevron{color:var(--text-muted);transition:transform .2s}.chevron.open{transform:rotate(180deg)}.dropdown-menu{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:200;min-width:220px;animation:.15s fadeIn;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.dropdown-header{background:var(--gray-50);padding:1rem}.dropdown-name{color:var(--text-primary);font-size:.9375rem;font-weight:700}.dropdown-email{color:var(--text-muted);margin:.125rem 0 .5rem;font-size:.8125rem}.dropdown-divider{border-top:1px solid var(--border)}.dropdown-item{color:var(--text-secondary);transition:var(--transition);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.625rem;width:100%;padding:.75rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.dropdown-item:hover{background:var(--gray-50);color:var(--primary-600)}.dropdown-item.text-danger{color:var(--danger)}.dropdown-item.text-danger:hover{background:var(--danger-light)}.mobile-menu-btn{border-radius:var(--radius);color:var(--text-primary);transition:var(--transition);padding:.375rem;display:none}.mobile-menu-btn:hover{background:var(--gray-100)}.mobile-menu{background:var(--bg-primary);border-top:1px solid var(--border);flex-direction:column;gap:.25rem;padding:.75rem;animation:.15s fadeIn;display:flex}.mobile-menu a{border-radius:var(--radius);color:var(--text-secondary);transition:var(--transition);padding:.625rem 1rem;font-size:.9375rem;font-weight:500;display:block}.mobile-menu a:hover,.mobile-menu a.active{background:var(--primary-50);color:var(--primary-600)}@media (width<=768px){.mobile-menu-btn{display:flex}.navbar-links{display:none}}