.login-page{background:#0f1117!important;color:#fff;min-height:100vh;position:relative}body{background:#0f1117!important}.login-page #root,#root:has(.login-page){max-width:none!important;margin:0!important;padding:0!important;text-align:left!important;background:#0f1117!important}html:has(.login-page),body:has(.login-page){background:#0f1117!important;margin:0;padding:0}.login-page *,.login-page *:before,.login-page *:after{box-sizing:border-box}.login-page form,.login-page div:not(.login-container):not(.form-field input){background:transparent!important}#login-page,#login-page *,.login-page,.login-page *{background-color:transparent!important}#login-page{background:#0f1117!important}#login-container{background:#1e222fe6!important}.login-page-container,.login-page-container *{background:transparent!important}.login-page .card,.login-page [class*=card],.login-page [class*=bg-white],.login-page [class*=bg-gray],.login-page div,.login-page form,.login-page fieldset{background:transparent!important;background-color:transparent!important}.login-page h1,.login-page h2,.login-page h3,.login-page h4,.login-page h5,.login-page h6{color:#fff!important}.login-page p,.login-page span:not(.logo-icon),.login-page div:not(.login-container){color:#94a3b8!important}.login-page a{color:#60a5fa!important;text-decoration:none}.login-page a:hover{color:#93c5fd!important}.login-logo{position:fixed;top:3rem;left:3rem;z-index:10}.login-logo .logo-link{display:inline-flex;align-items:center;font-size:1.5rem;font-weight:700;color:#fff!important;text-decoration:none;transition:color .2s ease}.login-logo .logo-link:hover{color:#60a5fa!important}.login-logo .logo-text{color:#fff!important}.login-logo .logo-icon{font-size:2rem;margin-right:.75rem}.login-page-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:3rem 1rem}.login-container{max-width:28rem;width:100%;background:#1e222fe6!important;border-radius:16px;box-shadow:0 4px 24px #0000004d;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:3rem}.login-header{text-align:center;margin-bottom:2rem}.login-header h2{color:#fff!important;font-size:2rem;font-weight:700;margin-bottom:.5rem}.login-header p{color:#94a3b8!important;font-size:.875rem;margin:0}.login-form{display:flex;flex-direction:column;gap:1.5rem}.login-fields{display:flex;flex-direction:column;gap:1rem}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field label{color:#e2e8f0!important;font-size:.875rem;font-weight:500}.form-field input{width:100%;padding:.875rem 1rem;border:2px solid rgba(255,255,255,.15);border-radius:8px;background:#0f1117cc!important;color:#fff!important;font-size:.875rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-form{display:flex;flex-direction:column;gap:1.5rem;background:transparent!important}.login-fields{display:flex;flex-direction:column;gap:1rem;background:transparent!important}.form-field{display:flex;flex-direction:column;gap:.5rem;background:transparent!important}.form-field input::-moz-placeholder{color:#94a3b8}.form-field input::placeholder{color:#94a3b8}.form-field input:focus{outline:none;border-color:#3b82f6;background:#0f1117f2;box-shadow:0 4px 16px #3b82f633,0 0 0 1px #3b82f633;transform:translateY(-1px)}.form-field input:hover{border-color:#3b82f64d;background:#0f1117e6}.login-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:.875rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500}.login-submit{margin-top:1rem}.login-submit button{width:100%;padding:.875rem 1rem;background:linear-gradient(135deg,#3b82f6,#9333ea);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 12px #3b82f64d}.login-submit button:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#7c3aed);transform:translateY(-1px);box-shadow:0 6px 20px #3b82f666}.login-submit button:disabled{background:#94a3b84d;cursor:not-allowed;transform:none;box-shadow:none}.login-loading{display:flex;align-items:center;gap:.5rem}.login-spinner{width:1.25rem;height:1.25rem;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@media (max-width: 640px){.login-logo{top:1.5rem;left:1.5rem}.login-logo .logo-link{font-size:1.25rem}.login-logo .logo-icon{font-size:1.5rem;margin-right:.5rem}.login-page-container{padding:2rem 1rem}.login-container{padding:2rem}.login-header h2{font-size:1.75rem}}#admin-users-page{background-color:#fff;min-height:100vh;padding:24px}#users-header{margin-bottom:24px}#users-title-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}#users-title-section h1{font-size:28px;font-weight:700;color:#1f2937;margin:0}#users-title-section p{color:#6b7280;margin:4px 0 0;font-size:16px}#create-user-btn,#invite-user-btn{background-color:#2563eb;color:#fff;padding:12px 20px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:background-color .2s;font-size:14px}#create-user-btn:hover,#invite-user-btn:hover{background-color:#1d4ed8}#invite-user-btn{background-color:#059669}#invite-user-btn:hover{background-color:#047857}#users-controls{display:flex;gap:16px;align-items:center;flex-wrap:wrap}#search-section{flex:1;min-width:300px;padding-right:35px}#users-search{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background-color:#fff;transition:border-color .2s,box-shadow .2s}#users-search:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}#users-stats{display:flex;gap:16px;color:#6b7280;font-size:14px;white-space:nowrap}#users-table-section{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden}#users-table-container{width:100%}#users-table-wrapper{overflow-x:auto}#users-table{width:100%;border-collapse:collapse;background-color:#fff}#users-table-header tr{background-color:#f9fafb;border-bottom:1px solid #e5e7eb}#users-table-header th{padding:16px 24px;text-align:left;font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}#users-table-body tr{border-bottom:1px solid #f3f4f6;transition:background-color .2s}#users-table-body tr:hover{background-color:#f9fafb}#users-table-body tr:last-child{border-bottom:none}#users-table-body td{padding:16px 24px;vertical-align:middle}#users-table-body [id^=user-info-]{padding:16px 24px}#users-table-body [id^=user-info-] .flex{display:flex;align-items:center}#users-table-body [id^=user-avatar-]{width:40px;height:40px;background-color:#3b82f6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:500;font-size:16px;margin-right:16px}#users-table-body [id^=user-info-] .ml-4 div:first-child{font-size:14px;font-weight:500;color:#1f2937;margin-bottom:2px}#users-table-body [id^=user-info-] .ml-4 div:last-child{font-size:14px;color:#6b7280}#users-table-body [id^=user-quotas-],#users-table-body [id^=user-usage-]{font-size:14px;color:#1f2937}#users-table-body [id^=user-quotas-] div,#users-table-body [id^=user-usage-] div{margin-bottom:2px}#users-table-body [id^=user-quotas-] div:last-child,#users-table-body [id^=user-usage-] div:last-child{margin-bottom:0}#users-table-body [id^=user-status-] .flex{display:flex;flex-direction:column;gap:4px}#users-table-body [id^=user-status-] span{display:inline-flex;padding:4px 8px;font-size:12px;font-weight:600;border-radius:6px;text-align:center;min-width:60px;justify-content:center}#users-table-body [id^=user-actions-] .flex{display:flex;gap:12px}#users-table-body [id^=user-actions-] button{background:none;border:none;font-size:14px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s}#users-table-body [id^=edit-user-]{color:#2563eb}#users-table-body [id^=edit-user-]:hover{color:#1d4ed8;background-color:#eff6ff}#users-table-body [id^=block-user-]{color:#dc2626}#users-table-body [id^=block-user-]:hover{color:#b91c1c;background-color:#fee2e2}#users-table-body [id^=unblock-user-]{color:#059669}#users-table-body [id^=unblock-user-]:hover{color:#047857;background-color:#d1fae5}#users-table-loading{display:flex;justify-content:center;align-items:center;padding:48px}#users-table-loading .animate-spin{width:32px;height:32px;border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}#no-users-found{text-align:center;padding:48px;color:#6b7280}#block-user-modal{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50}#block-user-modal-content{background-color:#fff;border-radius:12px;padding:24px;width:90%;max-width:400px;margin:16px;box-shadow:0 10px 25px #0000001a}#block-user-modal-content h3{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:16px}#block-user-modal-content p{font-size:14px;color:#6b7280;margin-bottom:16px}#block-reason-input{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;resize:vertical;min-height:80px}#block-reason-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}#block-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}#block-cancel-btn,#block-confirm-btn{padding:10px 16px;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:background-color .2s;border:none}#block-cancel-btn{background-color:#f3f4f6;color:#374151}#block-cancel-btn:hover{background-color:#e5e7eb}#block-confirm-btn{background-color:#dc2626;color:#fff}#block-confirm-btn:hover:not(:disabled){background-color:#b91c1c}#block-confirm-btn:disabled{background-color:#d1d5db;cursor:not-allowed}#create-user-modal{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50}#create-user-modal-content{background-color:#fff;border-radius:12px;padding:24px;width:90%;max-width:500px;margin:16px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #0000001a}#modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}#modal-header h2{font-size:20px;font-weight:600;color:#1f2937}#modal-close-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:color .2s}#modal-close-btn:hover{color:#374151}#modal-close-btn svg{width:24px;height:24px}#create-user-form,#edit-user-form,#invite-user-form{display:flex;flex-direction:column;gap:20px}#email-field,#name-field,#password-field,#role-field,#active-field{display:flex;flex-direction:column;gap:6px}#create-user-form label,#edit-user-form label,#invite-user-form label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:0}#create-user-form input,#create-user-form select,#edit-user-form input,#edit-user-form select,#invite-user-form input,#invite-user-form select{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}#create-user-form input:focus,#create-user-form select:focus,#edit-user-form input:focus,#edit-user-form select:focus,#invite-user-form input:focus,#invite-user-form select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}#create-user-form input.border-red-300,#create-user-form select.border-red-300,#edit-user-form input.border-red-300,#edit-user-form select.border-red-300,#invite-user-form input.border-red-300,#invite-user-form select.border-red-300{border-color:#fca5a5}#create-user-form [id$=-error],#edit-user-form [id$=-error],#invite-user-form [id$=-error]{font-size:12px;color:#dc2626;margin-top:2px}#quotas-section{padding-top:20px;border-top:1px solid #e5e7eb}#quotas-section h3{font-size:16px;font-weight:600;color:#374151;margin-bottom:16px}#quotas-section .grid{display:grid;grid-template-columns:1fr;gap:16px}#daily-quota-field,#monthly-quota-field,#hourly-requests-field{display:flex;flex-direction:column;gap:6px}#daily-quota-field label,#monthly-quota-field label,#hourly-requests-field label{font-size:13px;font-weight:500;color:#6b7280}#active-field{padding-top:20px;border-top:1px solid #e5e7eb}#active-field label{display:flex!important;align-items:center;gap:8px;font-size:14px;color:#374151;cursor:pointer}#active-field input[type=checkbox]{width:auto!important;margin:0}#role-field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}#form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:24px;border-top:1px solid #e5e7eb;margin-top:16px}#cancel-btn,#submit-btn{padding:10px 16px;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:background-color .2s;border:none}#cancel-btn{background-color:#f3f4f6;color:#374151}#cancel-btn:hover{background-color:#e5e7eb}#submit-btn{background-color:#2563eb;color:#fff}#submit-btn:hover:not(:disabled){background-color:#1d4ed8}#submit-btn:disabled{background-color:#d1d5db;cursor:not-allowed}#mutation-loading{position:fixed;inset:0;background-color:#00000040;display:flex;align-items:center;justify-content:center;z-index:40}#mutation-loading>div{background-color:#fff;border-radius:8px;padding:16px;box-shadow:0 4px 6px #0000001a}#mutation-loading .flex{display:flex;align-items:center;gap:12px}#mutation-loading .animate-spin{width:20px;height:20px;border:2px solid #3b82f6;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}#users-error{padding:24px}#users-error>div{background-color:#fee2e2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px}@media (max-width: 768px){#admin-users-page{padding:16px}#users-title-section{flex-direction:column;align-items:flex-start;gap:16px}#users-controls{flex-direction:column;align-items:stretch}#search-section{min-width:auto}#users-stats{justify-content:space-between}#users-table-header th,#users-table-body td{padding:12px 16px}#create-user-modal-content,#block-user-modal-content{margin:8px;width:calc(100% - 16px)}}#admin-logs-page{background-color:#fff;min-height:100vh;padding:20px}#logs-header{margin-bottom:20px}#logs-title-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}#logs-title-section h1{font-size:20px;font-weight:600;color:#374151;margin:0}#logs-title-section p{color:#6b7280;margin:4px 0 0;font-size:14px}#logs-title-section .flex{display:flex;gap:8px}#refresh-logs-btn,#export-logs-btn{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-weight:400;cursor:pointer;transition:all .2s;font-size:14px;background:#fff;color:#6b7280}#refresh-logs-btn:hover,#export-logs-btn:hover{background:#f9fafb;border-color:#9ca3af}#logs-filters{background-color:#fff;padding:16px;border-radius:6px;border:1px solid #e5e7eb;margin-bottom:16px}#logs-filters .flex{display:flex;flex-wrap:wrap;gap:16px}#logs-filters label{display:block;font-size:12px;font-weight:500;color:#6b7280;margin-bottom:4px}#logs-filters input,#logs-filters select{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background-color:#fff;transition:border-color .2s,box-shadow .2s}#logs-filters input:focus,#logs-filters select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}#intent-filter{flex:1;min-width:160px}#clear-filters-btn{padding:8px 12px;color:#6b7280;border:1px solid #d1d5db;border-radius:6px;background-color:#fff;cursor:pointer;transition:all .2s;font-size:14px;height:-moz-fit-content;height:fit-content;margin-top:auto}#clear-filters-btn:hover{background-color:#f3f4f6;color:#374151}#logs-stats{display:flex;gap:16px;color:#9ca3af;font-size:12px;margin-top:12px}#logs-table-section{background-color:#fff;border-radius:6px;border:1px solid #e5e7eb;overflow:hidden}#logs-table-container{width:100%}#logs-table-wrapper{overflow-x:auto}#logs-table{width:100%;border-collapse:collapse;background-color:#fff}#logs-table-header tr{background-color:#f8fafc;border-bottom:1px solid #f3f4f6}#logs-table-header th{padding:12px 16px;text-align:left;font-size:11px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}#logs-table-body tr{border-bottom:1px solid #f9fafb;transition:background-color .2s}#logs-table-body tr:hover{background-color:#f8fafc}#logs-table-body tr:last-child{border-bottom:none}#logs-table-body td{padding:12px 16px;vertical-align:top}#logs-table-body [id^=log-timestamp-] .text-sm{font-size:14px}#logs-table-body [id^=log-timestamp-] .font-medium{font-weight:500;color:#1f2937}#logs-table-body [id^=log-timestamp-] .text-gray-500{color:#6b7280}#logs-table-body [id^=log-user-] .text-sm{font-size:14px}#logs-table-body [id^=log-user-] .font-medium{font-weight:500;color:#1f2937}#logs-table-body [id^=log-request-]{max-width:300px}#logs-table-body [id^=log-request-] .font-medium{font-weight:500;color:#1f2937;margin-bottom:4px}#logs-table-body [id^=log-request-] .text-gray-600{color:#4b5563;word-break:break-word}#logs-table-body [id^=log-intent-] span{display:inline-flex;padding:4px 8px;font-size:12px;font-weight:600;border-radius:6px;text-align:center}#logs-table-body [id^=log-tokens-] .font-medium{font-weight:500;color:#1f2937}#logs-table-body [id^=log-tokens-] .text-xs{font-size:12px;color:#6b7280}#logs-table-body [id^=log-actions-] .flex{display:flex;gap:8px}#logs-table-body [id^=log-actions-] button{background:none;border:none;font-size:14px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s}#logs-table-body [id^=expand-log-]{color:#2563eb}#logs-table-body [id^=expand-log-]:hover{color:#1d4ed8;background-color:#eff6ff}#logs-table-body [id^=view-log-]{color:#059669}#logs-table-body [id^=view-log-]:hover{color:#047857;background-color:#d1fae5}#logs-table-body [id^=log-expanded-]{background-color:#f9fafb}#logs-table-body [id^=log-details-]{padding:16px}#logs-table-body [id^=log-details-] h4{font-size:14px;font-weight:500;color:#1f2937;margin-bottom:8px}#logs-table-body [id^=log-details-] .bg-white{background-color:#fff;padding:12px;border-radius:6px;border:1px solid #e5e7eb;font-size:14px;color:#374151;max-height:128px;overflow-y:auto}#logs-table-body [id^=log-details-] .bg-red-50{background-color:#fef2f2;padding:12px;border-radius:6px;border:1px solid #fecaca;font-size:14px;color:#dc2626}#logs-table-body [id^=log-details-] .grid{display:grid;gap:16px}#logs-table-body [id^=log-details-] .grid-cols-2{grid-template-columns:repeat(2,1fr)}#logs-table-body [id^=log-details-] .grid-cols-4{grid-template-columns:repeat(4,1fr)}#logs-table-loading{display:flex;justify-content:center;align-items:center;padding:48px}#logs-table-loading .animate-spin{width:32px;height:32px;border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}#no-logs-found{text-align:center;padding:48px;color:#6b7280}#log-details-modal-content{background-color:#fff;border-radius:12px;width:90%;max-width:1000px;margin:16px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #0000001a}#log-details-modal #modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb}#log-details-modal #modal-header h2{font-size:20px;font-weight:600;color:#1f2937}#log-details-modal #modal-header p{font-size:14px;color:#6b7280;margin-top:4px}#log-details-modal #modal-close-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:color .2s}#log-details-modal #modal-close-btn:hover{color:#374151}#log-details-modal #modal-close-btn svg{width:24px;height:24px}#log-details-modal #modal-content{padding:24px}#log-details-modal #log-overview{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}#log-details-modal #log-overview>div{background-color:#f9fafb;padding:16px;border-radius:8px}#log-details-modal #log-overview h3{font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase;margin-bottom:4px}#log-details-modal #log-overview p{font-size:14px;color:#1f2937;margin:0}#log-details-modal #intent-section,#log-details-modal #scoring-section,#log-details-modal #tokens-section{padding:16px;border-radius:8px;margin-bottom:24px}#log-details-modal #intent-section{background-color:#eff6ff}#log-details-modal #scoring-section{background-color:#fff7ed}#log-details-modal #tokens-section{background-color:#f0fdf4}#log-details-modal #intent-section h3,#log-details-modal #scoring-section h3,#log-details-modal #tokens-section h3{font-size:18px;font-weight:500;color:#1f2937;margin-bottom:8px}#log-details-modal #scoring-section .grid,#log-details-modal #tokens-section .grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}#log-details-modal #scoring-section p,#log-details-modal #tokens-section p{margin:0}#log-details-modal #scoring-section .text-sm,#log-details-modal #tokens-section .text-sm{font-size:14px;color:#6b7280}#log-details-modal #scoring-section .text-lg,#log-details-modal #tokens-section .text-lg{font-size:18px;font-weight:500}#log-details-modal #scoring-section .text-orange-600{color:#ea580c}#log-details-modal #scoring-section .text-green-600{color:#16a34a}#log-details-modal #prompt-section,#log-details-modal #response-section,#log-details-modal #error-section{margin-bottom:24px}#log-details-modal #prompt-section h3,#log-details-modal #response-section h3{font-size:18px;font-weight:500;color:#1f2937;margin-bottom:8px}#log-details-modal #error-section h3{font-size:18px;font-weight:500;color:#dc2626;margin-bottom:8px}#log-details-modal #prompt-section .flex,#log-details-modal #response-section .flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}#log-details-modal #prompt-section button,#log-details-modal #response-section button{font-size:14px;color:#2563eb;background:none;border:none;cursor:pointer;transition:color .2s}#log-details-modal #prompt-section button:hover,#log-details-modal #response-section button:hover{color:#1d4ed8}#log-details-modal #modal-footer{display:flex;justify-content:flex-end;padding:24px;border-top:1px solid #e5e7eb}#log-details-modal #modal-footer button{padding:10px 16px;background-color:#f3f4f6;color:#374151;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s}#log-details-modal #modal-footer button:hover{background-color:#e5e7eb}#logs-error{padding:24px}#logs-error>div{background-color:#fee2e2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px}@media (max-width: 768px){#admin-logs-page{padding:16px}#logs-title-section{flex-direction:column;align-items:flex-start;gap:16px}#logs-filters .flex,#date-filters{flex-direction:column}#logs-table-header th,#logs-table-body td{padding:12px 16px}#log-details-modal-content{margin:8px;width:calc(100% - 16px);max-height:95vh}#log-details-modal #log-overview,#log-details-modal #scoring-section .grid,#log-details-modal #tokens-section .grid{grid-template-columns:1fr}}#admin-analytics-page{background-color:#fff;min-height:100vh;padding:24px}#analytics-header{margin-bottom:24px}#analytics-title-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}#analytics-title-section h1{font-size:28px;font-weight:700;color:#1f2937;margin:0}#analytics-title-section p{color:#6b7280;margin:4px 0 0;font-size:16px}#analytics-title-section .flex{display:flex;gap:12px}#preset-7d-btn,#preset-30d-btn,#preset-90d-btn{padding:8px 12px;background-color:#f3f4f6;color:#374151;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s;font-size:14px}#preset-7d-btn:hover,#preset-30d-btn:hover,#preset-90d-btn:hover{background-color:#e5e7eb}#analytics-filters{background-color:#fff;padding:16px;border-radius:12px;border:1px solid #e5e7eb;margin-bottom:16px}#analytics-filters .flex{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end}#analytics-filters label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:4px}#analytics-filters input,#analytics-filters select{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background-color:#fff;transition:border-color .2s,box-shadow .2s}#analytics-filters input:focus,#analytics-filters select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}#user-filter{flex:1;min-width:200px}#date-range-filters{display:flex;gap:12px}#date-range-filters>div{min-width:140px}#analytics-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:24px}#analytics-overview>div{background-color:#fff;padding:24px;border-radius:12px;border:1px solid #e5e7eb}#analytics-overview .flex{display:flex;align-items:center}#analytics-overview .flex-shrink-0>div{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px}#analytics-overview .ml-4{margin-left:16px}#analytics-overview p{margin:0}#analytics-overview .text-sm{font-size:14px;font-weight:500;color:#6b7280}#analytics-overview .text-2xl{font-size:24px;font-weight:600;color:#1f2937;margin-top:4px}#total-requests-stat .w-8{background-color:#dbeafe}#success-rate-stat .w-8{background-color:#d1fae5}#total-tokens-stat .w-8{background-color:#e9d5ff}#unique-users-stat .w-8{background-color:#fed7aa}#analytics-charts{display:grid;grid-template-columns:1fr;gap:24px;margin-bottom:24px}@media (min-width: 1024px){#analytics-charts{grid-template-columns:repeat(2,1fr)}#analytics-charts>div:first-child{grid-column:span 2}}#analytics-bottom{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 1024px){#analytics-bottom{grid-template-columns:repeat(2,1fr)}}#top-users-section{background-color:#fff;padding:24px;border-radius:12px;border:1px solid #e5e7eb}#top-users-section h3{font-size:18px;font-weight:500;color:#1f2937;margin-bottom:16px}#top-users-section .space-y-4>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}#top-users-section .space-y-4>div:last-child{margin-bottom:0}#top-users-section .w-8{width:32px;height:32px;background-color:#dbeafe;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;color:#2563eb}#top-users-section .ml-3{margin-left:12px}#top-users-section .text-sm{font-size:14px;margin:0}#top-users-section .font-medium{font-weight:500;color:#1f2937}#top-users-section .text-xs{font-size:12px;color:#6b7280;margin-top:2px}#top-users-section .text-right .text-sm{font-weight:500;color:#1f2937}#system-health-section{background-color:#fff;padding:24px;border-radius:12px;border:1px solid #e5e7eb}#system-health-section h3{font-size:18px;font-weight:500;color:#1f2937;margin-bottom:16px}#system-health-section .space-y-3>div{display:flex;justify-content:space-between;margin-bottom:12px}#system-health-section .space-y-3>div:last-child{margin-bottom:0}#system-health-section .text-sm{font-size:14px}#system-health-section .text-gray-600{color:#6b7280}#system-health-section .font-medium{font-weight:500;color:#1f2937}#analytics-loading{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50}#analytics-loading>div{background-color:#fff;padding:24px;border-radius:12px}#analytics-loading .flex{display:flex;align-items:center;gap:12px}#analytics-loading .animate-spin{width:24px;height:24px;border:2px solid #3b82f6;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}#analytics-loading span{color:#374151}.bg-white{background-color:#fff}.p-6{padding:24px}.rounded-lg{border-radius:12px}@media (max-width: 768px){#admin-analytics-page{padding:16px}#analytics-title-section{flex-direction:column;align-items:flex-start;gap:16px}#analytics-filters .flex{flex-direction:column;align-items:stretch}#date-range-filters{flex-direction:column}#analytics-overview,#analytics-charts{grid-template-columns:1fr}#analytics-charts>div:first-child{grid-column:span 1}#analytics-bottom{grid-template-columns:1fr}}#admin-tasks-page{background-color:#fff;min-height:100vh;padding:24px}#tasks-header{margin-bottom:24px}#tasks-title-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}#tasks-title-section h1{font-size:28px;font-weight:700;color:#1f2937;margin:0}#tasks-title-section p{color:#6b7280;margin:4px 0 0;font-size:16px}#tasks-title-section .flex{display:flex;gap:12px}#refresh-tasks-btn,#create-task-btn{padding:12px 16px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:background-color .2s;font-size:14px}#refresh-tasks-btn{background-color:#2563eb;color:#fff}#refresh-tasks-btn:hover{background-color:#1d4ed8}#create-task-btn{background-color:#059669;color:#fff}#create-task-btn:hover{background-color:#047857}#tasks-filters{background-color:#fff;padding:16px;border-radius:12px;border:1px solid #e5e7eb;margin-bottom:16px}#tasks-filters .flex{display:flex;flex-wrap:wrap;gap:16px}#tasks-filters label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:4px}#tasks-filters input,#tasks-filters select{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background-color:#fff;transition:border-color .2s,box-shadow .2s}#tasks-filters input:focus,#tasks-filters select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}#category-filter,#difficulty-filter{flex:1;min-width:160px}#tasks-stats{display:flex;gap:24px;color:#6b7280;font-size:14px;margin-top:16px}#tasks-table-section{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden}#tasks-table-container{width:100%}#tasks-table-wrapper{overflow-x:auto}#tasks-table{width:100%;border-collapse:collapse;background-color:#fff}#tasks-table-header tr{background-color:#fff;border-bottom:1px solid #e5e7eb}#tasks-table-header th{padding:16px 24px;text-align:left;font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}#tasks-table-body tr{border-bottom:1px solid #f3f4f6;transition:background-color .2s}#tasks-table-body tr:hover{background-color:#f9fafb}#tasks-table-body tr:last-child{border-bottom:none}#tasks-table-body td{padding:16px 24px;vertical-align:top}#tasks-table-body [id^=task-details-] .font-medium{font-weight:500;color:#1f2937;margin-bottom:4px}#tasks-table-body [id^=task-details-] .text-gray-600{color:#4b5563;word-break:break-word;max-width:300px}#tasks-table-body [id^=task-details-] .text-xs{font-size:12px;color:#6b7280;margin-top:4px}#tasks-table-body [id^=task-category-] span,#tasks-table-body [id^=task-difficulty-] span{display:inline-flex;padding:4px 8px;font-size:12px;font-weight:600;border-radius:6px;text-align:center}#tasks-table-body [id^=task-limits-] .text-gray-900,#tasks-table-body [id^=task-usage-] .text-gray-900{color:#1f2937;font-weight:500}#tasks-table-body [id^=task-limits-] .text-gray-600,#tasks-table-body [id^=task-usage-] .text-gray-600{color:#4b5563}#tasks-table-body [id^=task-status-] span{display:inline-flex;padding:4px 8px;font-size:12px;font-weight:600;border-radius:6px;text-align:center}#tasks-table-body [id^=task-actions-] .flex{display:flex;gap:8px;flex-wrap:wrap}#tasks-table-body [id^=task-actions-] button{background:none;border:none;font-size:14px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s}#tasks-table-body [id^=edit-task-]{color:#2563eb}#tasks-table-body [id^=edit-task-]:hover{color:#1d4ed8;background-color:#eff6ff}#tasks-table-body [id^=assign-task-]{color:#059669}#tasks-table-body [id^=assign-task-]:hover{color:#047857;background-color:#d1fae5}#tasks-table-body [id^=assignments-task-]{color:#7c3aed}#tasks-table-body [id^=assignments-task-]:hover{color:#6d28d9;background-color:#e9d5ff}#tasks-table-body [id^=toggle-task-]{color:#d97706}#tasks-table-body [id^=toggle-task-]:hover{color:#b45309;background-color:#fef3c7}#tasks-table-body [id^=delete-task-]{color:#dc2626}#tasks-table-body [id^=delete-task-]:hover{color:#b91c1c;background-color:#fee2e2}#tasks-table-loading{display:flex;justify-content:center;align-items:center;padding:48px}#tasks-table-loading .animate-spin{width:32px;height:32px;border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}#no-tasks-found{text-align:center;padding:48px;color:#6b7280}#no-tasks-found button{padding:12px 16px;background-color:#059669;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s}#no-tasks-found button:hover{background-color:#047857}#task-form-modal{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50}#task-form-modal-content{background-color:#fff;border-radius:12px;width:90%;max-width:800px;margin:16px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #0000001a}#task-form-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb}#task-form-header h2{font-size:20px;font-weight:600;color:#1f2937}#task-form-header p{font-size:14px;color:#6b7280;margin-top:4px}#task-form-close-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:color .2s}#task-form-close-btn:hover{color:#374151}#task-form-close-btn svg{width:24px;height:24px}#task-form-modal form{padding:24px}#task-form-modal form>div{margin-bottom:24px}#task-form-modal label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:4px}#task-form-modal input,#task-form-modal textarea,#task-form-modal select{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .2s,box-shadow .2s}#task-form-modal input:focus,#task-form-modal textarea:focus,#task-form-modal select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}#task-form-modal .border-red-300{border-color:#fca5a5}#task-form-modal .text-red-600{color:#dc2626;font-size:14px;margin-top:4px}#task-category-difficulty,#task-limits{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 768px){#task-category-difficulty,#task-limits{grid-template-columns:repeat(2,1fr)}}#task-form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid #e5e7eb}#task-form-actions button{padding:12px 16px;border-radius:8px;font-weight:500;cursor:pointer;transition:background-color .2s;border:none;display:flex;align-items:center;gap:8px}#task-form-actions button[type=button]{background-color:#f3f4f6;color:#374151}#task-form-actions button[type=button]:hover{background-color:#e5e7eb}#task-form-actions button[type=submit]{background-color:#2563eb;color:#fff}#task-form-actions button[type=submit]:hover{background-color:#1d4ed8}#task-form-actions button:disabled{opacity:.5;cursor:not-allowed}#task-assignment-modal{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50}#task-assignment-modal-content{background-color:#fff;border-radius:12px;width:90%;max-width:600px;margin:16px;box-shadow:0 10px 25px #0000001a}#task-assignment-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb}#task-assignment-header h2{font-size:20px;font-weight:600;color:#1f2937}#task-assignment-header p{font-size:14px;color:#6b7280;margin-top:4px}#task-assignment-close-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:color .2s}#task-assignment-close-btn:hover{color:#374151}#task-assignment-details{padding:24px;background-color:#f9fafb;border-bottom:1px solid #e5e7eb}#task-assignment-details .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;font-size:14px}#task-assignment-details .font-medium{font-weight:500;color:#374151}#task-assignment-details p{margin:12px 0 0;font-size:14px;color:#1f2937}#task-assignment-modal form{padding:24px}#task-assignment-modal form>div{margin-bottom:16px}#assignment-form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid #e5e7eb}#assignment-form-actions button{padding:12px 16px;border-radius:8px;font-weight:500;cursor:pointer;transition:background-color .2s;border:none;display:flex;align-items:center;gap:8px}#assignment-form-actions button[type=button]{background-color:#f3f4f6;color:#374151}#assignment-form-actions button[type=button]:hover{background-color:#e5e7eb}#assignment-form-actions button[type=submit]{background-color:#059669;color:#fff}#assignment-form-actions button[type=submit]:hover{background-color:#047857}#assignment-form-actions button:disabled{opacity:.5;cursor:not-allowed}#tasks-error{padding:24px}#tasks-error>div{background-color:#fee2e2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px}@media (max-width: 768px){#admin-tasks-page{padding:16px}#tasks-title-section{flex-direction:column;align-items:flex-start;gap:16px}#tasks-filters .flex{flex-direction:column}#tasks-table-header th,#tasks-table-body td{padding:12px 16px}#task-form-modal-content{margin:8px;width:calc(100% - 16px);max-height:95vh}#task-assignment-modal-content{margin:8px;width:calc(100% - 16px)}#task-assignment-details .grid{grid-template-columns:1fr}}#task-delete-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}#task-delete-modal{background-color:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;max-width:600px;width:90%;max-height:90vh;overflow-y:auto}#task-delete-modal .modal-header{padding:24px;border-bottom:1px solid #e5e7eb;background-color:#fef2f2}#task-delete-modal .modal-header h3{margin:0;font-size:1.5rem;font-weight:600;color:#dc2626}#task-delete-modal .modal-body{padding:24px}#task-delete-modal .deletion-warning{margin-bottom:16px}#task-delete-modal .deletion-warning>p:first-child{font-size:1.125rem;font-weight:600;color:#374151;margin-bottom:8px}#task-delete-modal .deletion-warning>p:nth-child(2){color:#6b7280;margin-bottom:16px}#task-delete-modal .impact-details{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:16px;margin-top:16px}#task-delete-modal .impact-section{margin-bottom:16px}#task-delete-modal .impact-section:last-child{margin-bottom:0}#task-delete-modal .impact-section h4{margin:0 0 12px;font-size:1rem;font-weight:600;color:#dc2626}#task-delete-modal .impact-list,#task-delete-modal .warning-list{margin:8px 0 0;padding-left:20px;color:#6b7280}#task-delete-modal .impact-list li,#task-delete-modal .warning-list li{margin-bottom:4px}#task-delete-modal .affected-users{border:1px solid #e5e7eb;border-radius:6px;background-color:#fff;overflow:hidden}#task-delete-modal .affected-user{padding:12px 16px;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;align-items:center}#task-delete-modal .affected-user:last-child{border-bottom:none}#task-delete-modal .user-info{display:flex;flex-direction:column;gap:4px}#task-delete-modal .user-name{font-weight:600;color:#374151}#task-delete-modal .user-email{color:#6b7280;font-size:.875rem}#task-delete-modal .assignment-info{display:flex;flex-direction:column;align-items:flex-end;gap:4px;text-align:right}#task-delete-modal .assignment-duration{font-weight:500;color:#374151;font-size:.875rem}#task-delete-modal .assignment-date{color:#6b7280;font-size:.75rem}#task-delete-modal .modal-footer{padding:24px;border-top:1px solid #e5e7eb;background-color:#f9fafb;display:flex;justify-content:flex-end;gap:12px}#task-delete-modal .btn{padding:12px 20px;border-radius:8px;font-weight:500;font-size:.875rem;border:none;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .15s ease}#task-delete-modal .btn:disabled{opacity:.6;cursor:not-allowed}#task-delete-modal .btn-secondary{background-color:#fff;color:#374151;border:1px solid #d1d5db}#task-delete-modal .btn-secondary:hover:not(:disabled){background-color:#f9fafb}#task-delete-modal .btn-danger{background-color:#dc2626;color:#fff}#task-delete-modal .btn-danger:hover:not(:disabled){background-color:#b91c1c}#task-delete-modal .loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}#add-team-member-modal .form-label{color:#1f2937!important;font-weight:500;margin-bottom:8px}#add-team-member-modal .form-input,#add-team-member-modal .form-select{background:#fff!important;color:#1f2937!important;border:1px solid #e2e8f0!important}#add-team-member-modal .field-help{color:#6b7280!important}#add-team-member-modal .required{color:#e53e3e!important}#add-team-member-modal .selected-user-info{background-color:#f0f9ff!important;color:#1f2937!important;border:1px solid #bae6fd!important}#add-team-member-modal .search-results-footer{color:#6b7280!important;background-color:#f9fafb!important}.team-member-search-container{position:relative;width:100%}.search-results{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e1e5e9;border-top:none;border-radius:0 0 6px 6px;box-shadow:0 4px 12px #0000001a;max-height:300px;overflow-y:auto;z-index:1000;margin-top:-1px}.search-results.loading{display:flex;align-items:center;gap:8px;padding:12px 16px;color:#6b7280;background:#f9fafb}.search-result-item{padding:12px 16px;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:all .15s ease}.search-result-item:hover{background-color:transparent!important}.search-result-item.selected{background-color:#3b82f6;color:#fff}.search-result-item.no-results{cursor:default;color:#6b7280;font-style:italic;text-align:center;padding:16px}.search-result-item.no-results:hover{background-color:transparent}.user-info{display:flex;flex-direction:column;gap:2px}.search-result-item .user-info .user-name{font-weight:500!important;font-size:14px!important;line-height:1.4!important;color:#1f2937!important}.search-result-item .user-info .user-email{font-size:12px!important;color:#4b5563!important}.search-result-item.selected .user-info .user-name{color:#fff!important}.search-result-item.selected .user-info .user-email{color:#fffc!important}.search-results-footer{padding:8px 16px;font-size:12px;color:#6b7280;background-color:#f9fafb;border-top:1px solid #f3f4f6;text-align:center}.selected-users-container{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px}.selected-user-info{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background-color:#dbeafe!important;border:1px solid #93c5fd!important;border-radius:4px;font-size:13px;color:#1e40af!important}.clear-selection{background:none;border:none;color:#6b7280;cursor:pointer;font-size:18px;padding:0 4px;line-height:1;transition:color .15s ease}.clear-selection:hover{color:#ef4444}.clear-selection:disabled{opacity:.5;cursor:not-allowed}#user-search{border-radius:6px 6px 0 0}.team-member-search-container:not(:has(.search-results)) #user-search{border-radius:6px}.search-results .loading-spinner{width:16px;height:16px;border:2px solid #e5e7eb;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.search-results{max-height:200px}.search-result-item{padding:10px 12px}.user-name{font-size:13px}.user-email{font-size:11px}}.teams-container{padding:20px;max-width:1400px;margin:0 auto;background-color:#f8f9fa;min-height:100vh}.teams-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:24px;padding:0;background:transparent;width:-moz-fit-content;width:fit-content;margin-left:auto}.teams-title-section{flex:1}.teams-title{font-size:28px;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.teams-subtitle{font-size:16px;margin:8px 0 0;opacity:.9;font-weight:400}.teams-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:24px}.stat-card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #0000001a;text-align:center;border:1px solid #e2e8f0;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.stat-value{font-size:36px;font-weight:700;color:#2d3748;margin-bottom:8px;line-height:1}.stat-label{font-size:14px;color:#718096;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.teams-filters{display:flex;gap:20px;margin-bottom:24px;align-items:center;flex-wrap:wrap}.teams-search-container{flex:1;min-width:250px}.teams-search-input{width:100%;padding:12px 16px;border:none;border-radius:8px;font-size:14px;background:#fff!important;color:#1f2937!important;box-shadow:0 1px 3px #0000001a;transition:border-color .2s,box-shadow .2s}.teams-search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.filter-container{display:flex;align-items:center;gap:8px}.filter-select{padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;background:#fff;min-width:150px;transition:border-color .2s}.filter-select:focus{outline:none;border-color:#667eea}.teams-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.data-table th{background:#f7fafc;padding:16px;text-align:left;font-weight:600;color:#2d3748;border-bottom:1px solid #e2e8f0;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.data-table td{padding:16px;border-bottom:1px solid #f1f5f9;vertical-align:top}.data-table tbody tr.inactive-row{opacity:.6;background-color:#f9f9f9}.team-name-cell{display:flex;flex-direction:column;gap:4px}.team-name{font-weight:600;color:#2d3748;font-size:15px}.team-id{font-size:12px;color:#718096;font-family:Monaco,Menlo,monospace}.team-description{max-width:250px}.description-text{color:#4a5568;font-size:14px;line-height:1.4}.description-empty{color:#a0aec0;font-style:italic;font-size:14px}.count-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;min-width:32px}.member-badge{background-color:#e6fffa;color:#234e52;border:1px solid #81e6d9}.admin-badge{background-color:#fef5e7;color:#744210;border:1px solid #f6e05e}.status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-active{background-color:#f0fff4;color:#276749;border:1px solid #9ae6b4}.status-inactive{background-color:#fed7d7;color:#742a2a;border:1px solid #fc8181}.date-text{font-size:13px;color:#718096;font-family:Monaco,Menlo,monospace}.actions-cell{white-space:nowrap}.action-buttons{display:flex;gap:8px;flex-wrap:wrap}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 4px #667eea33}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #667eea4d}.btn-secondary{background:#f7fafc;color:#4a5568;border:1px solid #e2e8f0}.btn-secondary:hover:not(:disabled){background:#edf2f7;border-color:#cbd5e0}.btn-outline{background:transparent;color:#667eea;border:1px solid #667eea}.btn-outline:hover:not(:disabled){background:#667eea;color:#fff}.btn-success{background:#48bb78;color:#fff}.btn-success:hover:not(:disabled){background:#38a169}.btn-warning{background:#ed8936;color:#fff}.btn-warning:hover:not(:disabled){background:#dd6b20}.empty-state h3{font-size:20px;color:#2d3748;margin:0 0 8px}.loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-left-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.modal-subtitle{font-size:14px;color:#718096;margin:4px 0 0}.modal-body{padding:24px;flex:1;overflow-y:auto}.modal-footer{padding:24px;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end}#team-form-body{padding:24px!important}#team-form-modal .form-field{margin-bottom:20px}#team-form-modal .form-label{display:block;font-size:14px;font-weight:500;color:#1f2937!important;margin-bottom:8px}#team-form-modal .required{color:#e53e3e!important}#team-form-modal .form-input,#team-form-modal .form-select,#team-form-modal .form-textarea{width:100%;padding:12px 16px;border:1px solid #e2e8f0!important;border-radius:8px;font-size:14px;transition:border-color .2s,box-shadow .2s;background:#fff!important;color:#1f2937!important}#team-form-modal .form-input:focus,#team-form-modal .form-select:focus,#team-form-modal .form-textarea:focus{outline:none!important;border-color:#667eea!important;box-shadow:0 0 0 3px #667eea1a!important}#team-form-modal .form-input.error,#team-form-modal .form-select.error,#team-form-modal .form-textarea.error{border-color:#e53e3e!important}#team-form-modal .form-textarea{resize:vertical;min-height:100px;font-family:inherit}#team-form-modal .field-error{display:block;color:#e53e3e!important;font-size:12px;margin-top:4px}#team-form-modal .field-help{font-size:12px;color:#718096!important;margin-top:4px;line-height:1.4}#team-form-modal .char-count{text-align:right;font-size:12px;color:#a0aec0!important;margin-top:4px}.member-info{display:flex;flex-direction:column;gap:2px}.member-name{font-weight:600;color:#2d3748}.member-email{font-size:13px;color:#4a5568}.member-id{font-size:11px;color:#a0aec0;font-family:Monaco,Menlo,monospace}.member-actions{display:flex;gap:8px}.role-select{padding:6px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;background:#fff;min-width:100px}.role-select:focus{outline:none;border-color:#667eea}@media (max-width: 768px){.teams-container{padding:16px}.teams-header{flex-direction:column;gap:16px;text-align:center}.teams-filters,.action-buttons{flex-direction:column;align-items:stretch}.modal-container{width:95vw;max-width:none}.modal-footer{flex-direction:column-reverse}.data-table{font-size:13px}.data-table th,.data-table td{padding:12px 8px}.team-description{max-width:200px}}@media (max-width: 480px){.teams-stats{grid-template-columns:1fr}.stat-value{font-size:28px}.modal-container{width:100vw;height:100vh;border-radius:0;max-height:none}}.access-user-name{font-size:14px;font-weight:500;color:#1f2937;line-height:1.4}.user-access-table tr:hover .access-user-name,.user-access-table tr:hover .access-provider-name,.user-access-table tr:hover .access-provider-instance{color:inherit}.access-user-info{display:flex;flex-direction:column;gap:2px}.user-access-table .access-user-info:hover{background:none;transform:none;box-shadow:none}.access-team-name{font-size:14px;font-weight:500;color:#1f2937;line-height:1.4}.access-provider-name{font-size:14px;font-weight:500;color:#2563eb}.access-provider-instance{font-size:13px;color:#6b7280;font-style:italic}.team-access-table tr:hover .access-team-name,.team-access-table tr:hover .access-provider-name,.team-access-table tr:hover .access-provider-instance{color:inherit}.access-team-info{display:flex;flex-direction:column;gap:2px}.team-access-table .access-team-info:hover{background:none;transform:none;box-shadow:none}.provider-access-container{padding:20px;max-width:1400px;margin:0 auto;background-color:#fff;min-height:100vh}.provider-access-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:24px;padding:0;background:transparent;width:-moz-fit-content;width:fit-content;margin-left:auto}.provider-access-title-section{flex:1}.provider-access-title{font-size:28px;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.provider-access-subtitle{font-size:16px;margin:8px 0 0;opacity:.9;font-weight:400}.access-tabs{display:flex;gap:4px;margin-bottom:24px;background:#fff;padding:4px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.tab-button{flex:1;padding:12px 24px;background:transparent;border:none;border-radius:6px;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s;white-space:nowrap}.tab-button:hover:not(.active){background:#f1f5f9;color:#475569}.tab-button.active{background:#6366f1!important;color:#fff!important;box-shadow:0 2px 4px #6366f133;font-weight:600}.access-filters{display:flex;gap:20px;margin-bottom:24px;align-items:center;flex-wrap:wrap;background:#fff;padding:16px 20px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.filter-container{display:flex;align-items:center;gap:8px;flex-shrink:0}.filter-label{font-size:14px;font-weight:500;color:#4a5568;white-space:nowrap}.filter-select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;background:#fff;min-width:180px;transition:border-color .2s}.filter-select:focus{outline:none;border-color:#6366f1}.access-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;min-height:400px}.table-container{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th{background:#fff;padding:16px;text-align:left;font-weight:600;color:#2d3748;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.data-table td{padding:16px;vertical-align:top;position:relative}.data-table td:after{content:"";position:absolute;bottom:0;left:16px;right:16px;height:1px;background:#f1f5f9}.data-table tbody tr:hover{background-color:#f8f9fa}.user-info,.team-info{display:flex;flex-direction:column;gap:4px}.user-name,.team-name{font-weight:600;color:#2d3748;font-size:15px}.user-email{font-size:13px;color:#4a5568}.user-id,.team-id{font-size:11px;color:#a0aec0;font-family:Monaco,Menlo,monospace}.provider-name{font-weight:600;color:#6366f1;text-transform:uppercase;font-size:13px;letter-spacing:.5px}.provider-instance{color:#4a5568;font-size:14px}.model-list{display:flex;flex-wrap:wrap;gap:4px;max-width:300px}.model-badge{display:inline-flex;align-items:center;padding:3px 8px;background:#dbeafe;color:#1e40af;border-radius:12px;font-size:11px;font-weight:500;border:1px solid #c7d2fe}.model-badge.small{padding:2px 6px;font-size:10px}.model-badge.more{background:#f3f4f6;color:#6b7280;border-color:#d1d5db;cursor:help}.no-models{color:#9ca3af;font-style:italic;font-size:12px}.access-actions{display:flex;gap:6px;flex-wrap:wrap}.access-summary{padding:24px}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:20px}.stat-card{background:#f8f9fa;padding:16px;border-radius:8px;box-shadow:0 1px 3px #0000000d;text-align:center;border:1px solid #e9ecef;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-1px);box-shadow:0 2px 6px #00000014}.stat-value{font-size:24px;font-weight:600;color:#495057;margin-bottom:4px;line-height:1}.stat-label{font-size:12px;color:#6c757d;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.provider-usage-stats h3{margin:0 0 16px;color:#2d3748;font-size:20px;font-weight:600}.provider-stats-table-container{background:#f8f9fa;border-radius:8px;overflow:hidden;border:1px solid #e2e8f0}.provider-stats-table{width:100%;border-collapse:collapse}.provider-stats-table th,.provider-stats-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e2e8f0}.provider-stats-table th{background:#f1f5f9;font-weight:600;color:#374151}.provider-stats-table tbody tr:nth-child(2n){background:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;white-space:nowrap;min-height:36px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-sm{padding:6px 12px;font-size:12px;min-height:32px}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 2px 4px #6366f133}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #6366f14d}.btn-secondary{background:#f7fafc;color:#2d3748!important;border:1px solid #e2e8f0}.btn-secondary:hover:not(:disabled){background:#edf2f7;color:#1a202c!important;border-color:#cbd5e0}.btn-outline{background:transparent;color:#6366f1;border:1px solid #6366f1}.btn-outline:hover:not(:disabled){background:#6366f1;color:#fff}.btn-danger{background:#f56565;color:#fff}.btn-danger:hover:not(:disabled){background:#e53e3e}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-container{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:90vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-container form{display:flex;flex-direction:column;flex:1;min-height:0}.modal-container.large{max-width:800px}.modal-header{padding:24px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:20px;font-weight:600;color:#2d3748;margin:0}.modal-close{background:none;border:none;font-size:24px;color:#a0aec0;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.modal-close:hover:not(:disabled){background:#f7fafc;color:#4a5568}.modal-body{padding:24px;flex:1;overflow-y:auto;min-height:0}.modal-footer{padding:24px;border-top:1px solid #e2e8f0;display:flex;flex-shrink:0;background:#fff;position:sticky;bottom:0;gap:12px;justify-content:flex-end}.form-field{margin-bottom:20px}.form-label{display:block;font-size:14px;font-weight:500;color:#4a5568;margin-bottom:8px}.required{color:#e53e3e}.form-input,.form-select{width:100%;padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;transition:border-color .2s,box-shadow .2s;background:#fff}.form-input:focus,.form-select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-input.error,.form-select.error{border-color:#e53e3e}.field-error{display:block;color:#e53e3e;font-size:12px;margin-top:4px}.radio-group{display:flex;gap:16px}.radio-option{display:flex;align-items:center;gap:8px;cursor:pointer}.radio-option input[type=radio]{margin:0}.model-checkbox-group{max-height:200px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:6px;padding:8px;background:#f8f9fa}.model-checkbox-group.error{border-color:#e53e3e}.checkbox-option{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:3px;cursor:pointer;transition:background-color .2s;font-size:13px}.checkbox-option:hover{background:#e9ecef}.checkbox-option input[type=checkbox]{margin:0;width:14px;height:14px;flex-shrink:0}.model-name{font-size:12px;color:#495057;font-family:Monaco,Menlo,monospace;line-height:1.2}.model-actions{display:flex;gap:8px;margin-bottom:12px}#create-access-modal .form-label{color:#1f2937!important;font-weight:500}#create-access-modal .required{color:#e53e3e!important}#create-access-modal .radio-option span{color:#1f2937!important}#edit-access-modal .form-label{color:#1f2937!important;font-weight:500}#edit-access-modal .required{color:#e53e3e!important}.selected-models-summary{font-size:12px;color:#6b7280;margin-top:8px;text-align:right}.access-info{background:#f8f9fa;padding:16px;border-radius:8px;margin-bottom:20px;border:1px solid #e2e8f0}.info-item{margin-bottom:8px;font-size:14px}.info-item:last-child{margin-bottom:0}.changes-summary{background:#f8f9fa;padding:16px;border-radius:8px;border:1px solid #e2e8f0}.changes-summary h4{margin:0 0 12px;font-size:16px;color:#2d3748}.changes-list{display:flex;flex-direction:column;gap:8px}.change-item{padding:8px 12px;border-radius:6px;font-size:13px;line-height:1.4}.change-item.added{background:#f0fff4;color:#276749;border:1px solid #9ae6b4}.change-item.removed{background:#fed7d7;color:#742a2a;border:1px solid #fc8181}.change-item.no-changes{background:#f7fafc;color:#718096;border:1px solid #e2e8f0;font-style:italic}.user-provider-details h3{margin:0 0 16px;color:#2d3748;font-size:18px;font-weight:600}.provider-list{display:flex;flex-direction:column;gap:16px}.provider-card{background:#f8f9fa;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.provider-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.provider-title h4{margin:0 0 4px;color:#2d3748;font-size:16px;font-weight:600}.provider-type{font-size:12px;color:#6b7280;text-transform:uppercase;font-weight:500;letter-spacing:.5px}.access-source-badge .badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge.direct{background:#dbeafe;color:#1e40af;border:1px solid #93c5fd}.badge.team{background:#f3e8ff;color:#7c3aed;border:1px solid #c4b5fd}.provider-models{margin-top:12px}.models-header{margin-bottom:8px}.models-label{font-size:13px;font-weight:500;color:#4a5568}.access-breakdown{margin-top:24px;border-top:1px solid #e2e8f0;padding-top:24px}.access-breakdown h3{margin:0 0 20px;color:#2d3748;font-size:18px;font-weight:600}.breakdown-section{margin-bottom:20px}.breakdown-section h4{margin:0 0 8px;color:#4a5568;font-size:16px;font-weight:500}.no-access{color:#9ca3af;font-style:italic;font-size:14px;margin:0}.access-list{margin:0;padding-left:20px}.access-item{color:#4a5568;font-size:14px;margin-bottom:4px}.empty-state{text-align:center;padding:60px 20px;color:#718096}.empty-icon{font-size:48px;margin-bottom:16px}.empty-state h3,.empty-state h4{font-size:20px;color:#2d3748;margin:0 0 8px}.empty-state p{margin:0;font-size:16px}.empty-state.small{padding:30px 20px}.empty-state.small .empty-icon{font-size:32px;margin-bottom:12px}.loading-container{text-align:center;padding:60px 20px;color:#718096}.loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-left-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.error-message{background:#fed7d7;color:#742a2a;padding:12px 16px;border-radius:8px;border:1px solid #fc8181;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.error-dismiss{background:none;border:none;font-size:18px;color:#742a2a;cursor:pointer;padding:0;margin-left:12px}@media (max-width: 768px){.provider-access-container{padding:16px}.provider-access-header{flex-direction:column;gap:16px;text-align:center}.access-filters,.filter-container{flex-direction:column;align-items:stretch}.filter-select{min-width:auto}.access-tabs{flex-direction:column}.tab-button{text-align:center}.access-actions{flex-direction:column;align-items:stretch}.modal-container{width:95vw;max-width:none}.modal-footer{flex-direction:column-reverse}.radio-group{flex-direction:column;gap:8px}.model-actions{flex-direction:column}.provider-header{flex-direction:column;gap:8px}.summary-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.summary-stats{grid-template-columns:1fr}.model-list{max-width:none}.modal-container{width:100vw;height:100vh;border-radius:0;max-height:none}.data-table{font-size:13px}.data-table th,.data-table td{padding:12px 8px}}.blacklist-page{padding:24px;background-color:#fff;min-height:100vh}.blacklist-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:24px;padding:0;background:transparent;width:-moz-fit-content;width:fit-content;margin-left:auto}.blacklist-title{font-size:2.5rem;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.blacklist-subtitle{font-size:1.1rem;margin:8px 0 0;opacity:.9;font-weight:400}.blacklist-header-actions{display:flex;gap:12px;align-items:center}.blacklist-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;text-decoration:none;border:none;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.blacklist-btn:disabled{opacity:.6;cursor:not-allowed}.blacklist-btn-icon{font-size:16px}.blacklist-btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 12px #3b82f64d}.blacklist-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.blacklist-btn-secondary{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.blacklist-btn-secondary:hover:not(:disabled){background:#ffffff40;transform:translateY(-2px)}.blacklist-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d}.blacklist-btn-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.blacklist-btn-outline{background:transparent;color:#374151;border:2px solid #d1d5db}.blacklist-btn-outline:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.blacklist-btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:blacklist-spin 1s linear infinite}@keyframes blacklist-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.blacklist-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:24px}.blacklist-stat-card{background:#fff;border-radius:8px;padding:16px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 4px #0000000a;border:1px solid #e5e7eb;transition:all .2s ease}.blacklist-stat-card:hover{box-shadow:0 4px 8px #00000014}.blacklist-stat-icon{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;font-weight:600}.blacklist-stat-icon-total{background:#eff6ff;color:#2563eb}.blacklist-stat-icon-providers{background:#f0fdf4;color:#16a34a}.blacklist-stat-icon-complete{background:#fef2f2;color:#dc2626}.blacklist-stat-icon-partial{background:#fffbeb;color:#d97706}.blacklist-stat-value{font-size:1.5rem;font-weight:600;color:#1f2937;line-height:1}.blacklist-stat-label{font-size:.75rem;color:#6b7280;font-weight:500;margin-top:2px}.blacklist-filters{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.blacklist-filter-group{display:flex;gap:16px;align-items:center}.blacklist-search-container{position:relative}.blacklist-search-input{padding:12px 16px 12px 44px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;width:300px;transition:all .2s ease}.blacklist-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.blacklist-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:16px}.blacklist-filter-select{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;background:#fff;min-width:150px;transition:all .2s ease}.blacklist-filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.blacklist-filter-info{color:#6b7280;font-size:14px}.blacklist-table-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;border:1px solid #e5e7eb;overflow:hidden}.blacklist-table{width:100%}.blacklist-table-header{display:grid;grid-template-columns:150px 200px 120px 1fr 120px 140px 120px;background:#f8fafc;border-bottom:2px solid #e5e7eb;padding:0}.blacklist-header-cell{padding:16px;font-weight:600;color:#374151;font-size:14px;text-transform:uppercase;letter-spacing:.05em;border-right:1px solid #e5e7eb}.blacklist-header-cell:last-child{border-right:none}.blacklist-table-body{display:flex;flex-direction:column}.blacklist-table-row{display:grid;grid-template-columns:150px 200px 120px 1fr 120px 140px 120px;border-bottom:1px solid #f3f4f6;transition:all .2s ease}.blacklist-table-row:hover{background:#f8fafc}.blacklist-table-row:last-child{border-bottom:none}.blacklist-cell{padding:16px;display:flex;align-items:center;border-right:1px solid #f3f4f6;min-height:64px}.blacklist-cell:last-child{border-right:none}.blacklist-provider{display:flex;align-items:center;gap:8px}.blacklist-provider-icon{font-size:16px}.blacklist-provider-name{font-weight:600;color:#1f2937;font-size:14px}.blacklist-model-pattern{background:#f3f4f6;padding:4px 8px;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;color:#1f2937;border:1px solid #e5e7eb}.blacklist-all-models{color:#6b7280;font-style:italic;font-size:14px}.blacklist-block-type{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.blacklist-block-complete{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}.blacklist-block-partial{background:#fef3c7;color:#d97706;border:1px solid #fde68a}.blacklist-reason-container{display:flex;flex-direction:column;gap:4px}.blacklist-reason-main{font-weight:500;color:#1f2937;font-size:14px}.blacklist-reason-description{font-size:12px;color:#6b7280;line-height:1.4}.blacklist-blocked-by{font-size:14px;color:#374151}.blacklist-date{font-size:13px;color:#6b7280}.blacklist-action-btn{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px}.blacklist-remove-btn{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.blacklist-remove-btn:hover{background:#fee2e2;transform:translateY(-1px)}.blacklist-table-empty{padding:64px 32px;text-align:center;color:#6b7280}.blacklist-empty-icon{font-size:64px;margin-bottom:16px}.blacklist-empty-title{font-size:20px;font-weight:600;color:#374151;margin-bottom:8px}.blacklist-empty-subtitle{font-size:16px;line-height:1.5}.blacklist-loading{padding:24px}.blacklist-loading-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #3b82f6;border-radius:50%;animation:blacklist-spin 1s linear infinite;margin:0 auto 24px}.blacklist-loading-content{max-width:1200px;margin:0 auto}.blacklist-loading-header{height:120px;background:#f3f4f6;border-radius:12px;margin-bottom:24px}.blacklist-loading-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:24px}.blacklist-loading-stat{height:80px;background:#f3f4f6;border-radius:8px}.blacklist-loading-table{height:400px;background:#f3f4f6;border-radius:12px}.blacklist-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.blacklist-modal{background:#fff;border-radius:16px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #00000026;position:relative}.blacklist-modal-header{padding:24px 24px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb;margin-bottom:0}.blacklist-modal-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}.blacklist-modal-close{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.blacklist-modal-close:hover{background:#f3f4f6;color:#374151}.blacklist-modal-form{padding:24px}.blacklist-form-description{color:#6b7280;margin-bottom:24px;font-size:14px;line-height:1.5}.blacklist-form-group{margin-bottom:24px}.blacklist-form-label{display:block;font-weight:600;color:#374151;margin-bottom:8px;font-size:14px}.blacklist-form-input,.blacklist-form-select,.blacklist-form-textarea{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .2s ease}.blacklist-form-input:focus,.blacklist-form-select:focus,.blacklist-form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.blacklist-form-textarea{resize:vertical;min-height:80px}.blacklist-form-help{margin-top:8px;font-size:13px;color:#6b7280;line-height:1.4}.blacklist-block-type-selector{display:grid;grid-template-columns:1fr 1fr;gap:12px}.blacklist-block-type-btn{padding:16px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}.blacklist-block-type-btn:hover{border-color:#3b82f6}.blacklist-block-type-btn.active{border-color:#3b82f6;background:#eff6ff}.blacklist-btn-subtitle{font-size:12px;color:#6b7280;font-weight:400}.blacklist-provider-selection{display:flex;flex-direction:column;gap:8px}.blacklist-pattern-examples{margin:8px 0;padding:12px;background:#f8fafc;border-radius:6px;border:1px solid #e5e7eb}.blacklist-pattern-example{font-size:13px;margin-bottom:4px;line-height:1.4}.blacklist-pattern-example code{background:#e5e7eb;padding:2px 6px;border-radius:3px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-weight:500}.blacklist-reason-selection{display:flex;flex-direction:column;gap:8px}.blacklist-model-suggestions{margin-bottom:12px}.blacklist-suggestions-label{display:block;font-size:12px;color:#6b7280;margin-bottom:8px;font-weight:500}.blacklist-model-chips{display:flex;flex-wrap:wrap;gap:8px}.blacklist-model-chip{padding:6px 12px;border:1px solid #d1d5db;border-radius:16px;background:#fff;font-size:12px;cursor:pointer;transition:all .2s ease}.blacklist-model-chip:hover{border-color:#3b82f6;background:#eff6ff}.blacklist-model-chip.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.blacklist-form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:16px;border-top:1px solid #e5e7eb}.blacklist-check-result{margin-top:24px;padding:20px;border-radius:12px;border:2px solid}.blacklist-result-blocked{background:#fef2f2;border-color:#fecaca}.blacklist-result-allowed{background:#f0fdf4;border-color:#bbf7d0}.blacklist-result-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.blacklist-result-icon{font-size:24px}.blacklist-result-title{font-size:18px;font-weight:600;margin:0}.blacklist-result-blocked .blacklist-result-title{color:#dc2626}.blacklist-result-allowed .blacklist-result-title{color:#16a34a}.blacklist-result-details{margin-bottom:16px}.blacklist-result-item{font-size:14px;margin-bottom:8px;line-height:1.4}.blacklist-result-item strong{color:#374151}.blacklist-result-message{font-size:14px;line-height:1.5;padding:12px;border-radius:8px;background:#ffffff80}.blacklist-result-blocked .blacklist-result-message{color:#991b1b}.blacklist-result-allowed .blacklist-result-message{color:#166534}@media (max-width: 1024px){.blacklist-table-header,.blacklist-table-row{grid-template-columns:120px 150px 100px 1fr 100px 120px 100px}.blacklist-search-input{width:250px}}@media (max-width: 768px){.blacklist-page{padding:16px}.blacklist-header{padding:24px}.blacklist-title{font-size:2rem}.blacklist-header-content{flex-direction:column;align-items:flex-start}.blacklist-stats{grid-template-columns:repeat(2,1fr)}.blacklist-filters{flex-direction:column;align-items:stretch}.blacklist-filter-group{flex-direction:column}.blacklist-search-input{width:100%}.blacklist-table{overflow-x:auto}.blacklist-table-header,.blacklist-table-row{min-width:900px}.blacklist-modal{margin:16px;width:calc(100% - 32px)}.blacklist-block-type-selector{grid-template-columns:1fr}.blacklist-form-actions{flex-direction:column-reverse}.blacklist-btn{justify-content:center}}@media (max-width: 480px){.blacklist-stats{grid-template-columns:1fr}.blacklist-header-actions{flex-direction:column;width:100%}.blacklist-btn{width:100%}}.blacklist-model-selection-type{display:flex;gap:8px;margin-bottom:16px}.blacklist-selection-type-btn{flex:1;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:center}.blacklist-selection-type-btn:hover{border-color:#3b82f6;background:#f8fafc}.blacklist-selection-type-btn.active{border-color:#3b82f6;background:#eff6ff;color:#1d4ed8}.blacklist-pattern-section,.blacklist-model-select-section{margin-top:12px}.blacklist-loading{padding:20px;text-align:center;color:#6b7280;font-style:italic}.blacklist-no-models,.blacklist-no-provider{padding:20px;text-align:center;color:#6b7280;font-style:italic;border:2px dashed #e5e7eb;border-radius:8px;background:#f8fafc}.blacklist-model-actions{display:flex;gap:12px;margin-bottom:12px;justify-content:flex-start}.blacklist-model-action-btn{padding:8px 12px;font-size:12px;font-weight:500;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;cursor:pointer;transition:all .2s ease}.blacklist-model-action-btn:hover{border-color:#3b82f6;background:#f8fafc;color:#1d4ed8}.blacklist-model-checkboxes{max-height:200px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:8px;padding:12px;background:#fff}.blacklist-model-checkbox{display:flex;align-items:center;gap:12px;padding:8px;cursor:pointer;border-radius:6px;transition:background-color .2s ease}.blacklist-model-checkbox:hover{background:#f8fafc}.blacklist-model-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#3b82f6}.blacklist-model-name{font-size:14px;color:#374151;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-weight:500}.blacklist-selected-summary{margin-top:12px;padding:12px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#1d4ed8;font-size:14px;font-weight:500;text-align:center}@media (max-width: 768px){.blacklist-model-selection-type,.blacklist-model-actions{flex-direction:column}.blacklist-model-action-btn{width:100%;text-align:center}}@media (max-width: 480px){.blacklist-model-checkboxes{max-height:150px}}.llm-comparison-page{padding:24px;background:#fff;min-height:100vh}.llm-comparison-header{margin-bottom:24px}.llm-comparison-header-content{max-width:none}.llm-comparison-header h1{font-size:1.875rem;font-weight:700;color:#1f2937;margin:0 0 8px;line-height:1.2}.llm-comparison-header p{font-size:1rem;color:#6b7280;margin:0;line-height:1.4}.stats-section{margin-bottom:24px;padding:16px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000a;border:1px solid #e5e7eb}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}.stat-card{text-align:center;padding:12px;background:#fafafa;border-radius:6px;border:1px solid #f0f0f0}.stat-value{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:4px}.stat-label{color:#6b7280;font-size:.75rem;font-weight:500}.error-message{background:#fef2f2;color:#dc2626;padding:15px;border-radius:8px;border:1px solid #fecaca;margin-bottom:20px;display:flex;align-items:center;gap:10px}.error-icon{font-size:1.2rem}.comparison-form{background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px}.form-section{margin-bottom:30px}.form-label{display:block;font-weight:600;color:#374151;margin-bottom:10px;font-size:1.1rem}.prompt-textarea{width:100%;padding:15px;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;line-height:1.5;resize:vertical;min-height:120px;font-family:inherit}.prompt-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.prompt-textarea:disabled{background-color:#f3f4f6;color:#6b7280}.providers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px}.provider-card{padding:20px;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease;background:#fefefe}.provider-card:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.provider-card.selected{border-color:#059669;background:#f0fdf4}.provider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.provider-name{font-weight:600;color:#1f2937;font-size:1.1rem}.provider-key{color:#6b7280;font-size:.9rem;font-family:Monaco,Menlo,monospace}.form-actions{text-align:center;padding-top:20px}.btn{padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:1rem}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover:not(:disabled){background:#e5e7eb;transform:translateY(-1px)}.btn-lg{padding:16px 32px;font-size:1.1rem}.btn-sm{padding:8px 16px;font-size:.9rem}.comparison-results{background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 4px #0000001a}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #e5e7eb}.results-header h2{color:#1f2937;margin:0;font-size:1.8rem}.prompt-display{margin-bottom:25px;padding:20px;background:#f8fafc;border-radius:8px;border-left:4px solid #3b82f6}.prompt-display h3{margin:0 0 10px;color:#374151;font-size:1.1rem}.prompt-text{color:#1f2937;font-size:1rem;line-height:1.6;font-style:italic}.results-summary{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:15px 20px;background:#fef3c7;border-radius:8px;border:1px solid #fbbf24}.total-cost{font-weight:600;color:#92400e;font-size:1.1rem}.loading-indicator{color:#3b82f6;font-weight:500}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:25px}.result-card{border:2px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:all .2s ease}.result-card:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-2px)}.result-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#f8fafc;border-bottom:1px solid #e5e7eb}.result-header .provider-name{color:#1f2937;font-size:1.2rem;font-weight:700;margin:0}.model-name{padding:0 20px 15px;color:#6b7280;font-size:.9rem;background:#f8fafc;font-family:Monaco,Menlo,monospace}.status-badge{padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-success{background:#dcfce7;color:#166534}.status-error{background:#fef2f2;color:#dc2626}.status-pending{background:#fef3c7;color:#92400e}.loading-content{padding:40px 20px;text-align:center;color:#6b7280}.spinner{width:24px;height:24px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 15px}.error-content{padding:20px}.response-content{padding:0}.response-text{padding:20px;line-height:1.7;color:#1f2937;font-size:1rem;white-space:pre-wrap;border-bottom:1px solid #e5e7eb}.response-metrics{padding:15px 20px;background:#f8fafc;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px}.metric{text-align:center}.metric-label{display:block;color:#6b7280;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}.metric-value{display:block;color:#1f2937;font-weight:600;font-size:1rem}.header-actions{margin-top:15px}.comparison-history{background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px}.comparison-history h3{color:#1f2937;margin-bottom:20px;font-size:1.5rem}.empty-state{text-align:center;padding:40px 20px;color:#6b7280;font-style:italic}.history-list{display:flex;flex-direction:column;gap:15px}.history-item{display:flex;align-items:center;justify-content:space-between;padding:20px;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s ease}.history-item:hover{border-color:#3b82f6;box-shadow:0 2px 8px #0000001a}.history-content{flex:1;margin-right:15px}.history-prompt{color:#1f2937;font-weight:500;margin-bottom:8px;line-height:1.4;max-width:80%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.history-meta{display:flex;align-items:center;gap:15px;color:#6b7280;font-size:.9rem}.history-date{color:#374151;font-weight:500}.history-providers{background:#f3f4f6;padding:2px 8px;border-radius:4px;font-size:.8rem}.history-cost{font-family:Monaco,Menlo,monospace;font-weight:600;color:#059669}.history-status{padding:2px 8px;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:capitalize}.provider-model-list{display:flex;flex-direction:column;gap:15px}.provider-model-item{display:flex;align-items:center;gap:15px;padding:20px;background:#f8fafc;border:2px solid #e5e7eb;border-radius:12px;transition:all .2s ease}.provider-model-item:hover{border-color:#3b82f6;box-shadow:0 2px 8px #0000001a}.provider-model-content{display:flex;align-items:center;gap:20px;flex:1}.provider-model-number{background:#3b82f6;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;flex-shrink:0}.provider-select-container,.model-select-container{display:flex;flex-direction:column;gap:5px;min-width:200px}.select-label{font-size:.9rem;font-weight:500;color:#374151}.provider-select,.model-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;background:#fff;cursor:pointer;transition:border-color .2s ease}.provider-select:focus,.model-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.provider-select:disabled,.model-select:disabled{background-color:#f3f4f6;color:#6b7280;cursor:not-allowed}.remove-btn{background:#fee2e2;color:#dc2626;border:1px solid #fecaca;padding:8px 12px;border-radius:6px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.remove-btn:hover:not(:disabled){background:#fecaca;transform:scale(1.05)}.add-provider-btn{align-self:flex-start;display:flex;align-items:center;gap:8px;padding:12px 20px;background:#f0fdf4;color:#166534;border:2px dashed #bbf7d0;border-radius:8px;cursor:pointer;transition:all .2s ease;font-weight:500}.add-provider-btn:hover:not(:disabled){background:#dcfce7;border-color:#86efac;transform:translateY(-1px)}.btn-danger{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}.btn-danger:hover:not(:disabled){background:#fecaca}.user-dashboard-page .page-header{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.user-dashboard-page .page-header h1{color:#fff}.user-dashboard-page .page-header p{color:#ffffffe6}.user-dashboard-page .stats-section h3{color:#1f2937;margin-bottom:15px;font-size:1.3rem}@media (max-width: 768px){.llm-comparison-page{padding:15px}.results-grid,.providers-grid{grid-template-columns:1fr}.results-header{flex-direction:column;gap:15px;align-items:flex-start}.results-summary{flex-direction:column;gap:10px;text-align:center}.page-header h1{font-size:2rem}}.previous-comparisons-section{margin-top:32px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000a;border:1px solid #e5e7eb;overflow:hidden}.previous-comparisons-section .section-header{background:#f8fafc;color:#1f2937;padding:16px 20px;border-bottom:1px solid #e5e7eb}.previous-comparisons-section .section-header h2{margin:0 0 4px;font-size:1.25rem;font-weight:600}.previous-comparisons-section .section-header p{margin:0;color:#6b7280;font-size:.875rem}.comparison-controls{padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#fafafa}.search-filter-group{display:flex;gap:16px;align-items:center;max-width:600px}.search-box{flex:1}.search-input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:border-color .2s ease;background:#fff!important;color:#1f2937!important;height:44px;box-sizing:border-box}.search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.filter-box{min-width:140px;margin-left:8px}.filter-select{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;background:#fff;cursor:pointer;transition:border-color .2s ease;height:44px;box-sizing:border-box}.filter-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.comparisons-list{padding:16px 20px;min-height:150px}.loading-state,.empty-state{text-align:center;padding:60px 20px;color:#6b7280}.loading-state span,.empty-state span{font-size:1.2rem;font-weight:600;display:block;margin-bottom:8px}.empty-state p{margin:0;font-size:1rem}.comparison-card{display:flex;justify-content:space-between;align-items:center;padding:16px;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:12px;background:#fff;transition:all .2s ease}.comparison-card:hover{border-color:#3b82f6;box-shadow:0 2px 6px #00000014}.comparison-card:last-child{margin-bottom:0}.comparison-card.currently-viewed{border-color:#667eea;background:#f8faff;box-shadow:0 4px 12px #667eea26}.viewing-indicator{color:#667eea;font-weight:600;font-size:.9rem}.comparison-card-content{flex:1;min-width:0}.comparison-prompt{font-size:1.1rem;font-weight:600;color:#1f2937;margin-bottom:8px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comparison-meta{display:flex;gap:20px;align-items:center;margin-bottom:6px;flex-wrap:wrap}.provider-count,.comparison-cost{font-size:.9rem;color:#6b7280;font-weight:500}.comparison-cost{font-family:Monaco,Menlo,monospace;font-weight:600;color:#059669}.comparison-status{padding:4px 10px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.comparison-status.status-success{background:#dcfce7;color:#166534}.comparison-status.status-error{background:#fee2e2;color:#991b1b}.comparison-status.status-pending{background:#dbeafe;color:#1e40af}.comparison-date{font-size:.85rem;color:#9ca3af;font-style:italic}.comparison-actions{display:flex;align-items:center;margin-left:20px}.btn-danger{background:#dc2626;color:#fff;border:2px solid #dc2626}.btn-danger:hover{background:#b91c1c;border-color:#b91c1c}.load-more-container{text-align:center;padding-top:20px;margin-top:20px;border-top:1px solid #e5e7eb}.load-more-btn{padding:12px 30px;font-size:1rem;background:#f3f4f6;color:#374151;border:2px solid #e5e7eb}.load-more-btn:hover:not(:disabled){background:#e5e7eb;border-color:#d1d5db}.load-more-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.previous-comparisons-section{margin-top:30px}.comparison-controls{padding:15px 20px}.search-filter-group{flex-direction:column;align-items:stretch}.comparisons-list{padding:15px 20px}.comparison-card{flex-direction:column;align-items:stretch;gap:15px}.comparison-actions{margin-left:0;justify-content:center}.comparison-meta{justify-content:space-between}.comparison-prompt{white-space:normal;overflow:visible;text-overflow:unset}}#user-dashboard-page{background-color:#f9fafb;min-height:100vh;padding:24px}#dashboard-welcome h1{font-size:28px;font-weight:700;color:#1f2937;margin-bottom:8px}#dashboard-welcome p{color:#6b7280;font-size:16px;margin:0}#dashboard-alerts{margin-bottom:24px}#dashboard-alerts>div{padding:12px 16px;border-radius:8px;margin-bottom:12px}#dashboard-alerts>div:last-child{margin-bottom:0}#dashboard-alerts .flex{display:flex;align-items:flex-start}#dashboard-alerts .font-medium{font-weight:500;margin-bottom:4px}#dashboard-alerts .text-sm{font-size:14px}#dashboard-alerts .bg-red-50{background-color:#fef2f2;border-color:#fecaca;color:#b91c1c}#dashboard-alerts .bg-yellow-50{background-color:#fefce8;border-color:#fde68a;color:#d97706}#dashboard-alerts .bg-orange-50{background-color:#fff7ed;border-color:#fed7aa;color:#ea580c}#quota-overview{display:grid;grid-template-columns:1fr;gap:24px;margin-bottom:24px}@media (min-width: 768px){#quota-overview{grid-template-columns:repeat(2,1fr)}}#daily-quota-card,#monthly-quota-card{background-color:#fff;padding:24px;border-radius:12px;border:1px solid #e5e7eb}#daily-quota-card .flex,#monthly-quota-card .flex{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}#daily-quota-card h3,#monthly-quota-card h3{font-size:18px;font-weight:500;color:#1f2937;margin:0}#daily-quota-card .space-y-3>div,#monthly-quota-card .space-y-3>div{margin-bottom:12px}#daily-quota-card .space-y-3>div:last-child,#monthly-quota-card .space-y-3>div:last-child{margin-bottom:0}.w-full.bg-gray-200{width:100%;background-color:#e5e7eb;border-radius:9999px;height:12px}.bg-green-500{background-color:#10b981}.bg-yellow-500{background-color:#f59e0b}.bg-red-500{background-color:#ef4444}#usage-stats{display:grid;grid-template-columns:1fr;gap:24px;margin-bottom:24px}@media (min-width: 768px){#usage-stats{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){#usage-stats{grid-template-columns:repeat(4,1fr)}}#total-requests-card,#success-rate-card,#tokens-used-card,#deviation-score-card{background-color:#fff;padding:24px;border-radius:12px;border:1px solid #e5e7eb}#usage-stats .flex{display:flex;align-items:center}#usage-stats .flex-shrink-0>div{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px}#usage-stats .ml-4{margin-left:16px}#usage-stats p{margin:0}#usage-stats .text-sm{font-size:14px;font-weight:500;color:#6b7280}#usage-stats .text-2xl{font-size:24px;font-weight:600;color:#1f2937;margin-top:4px}#total-requests-card .w-8{background-color:#dbeafe}#success-rate-card .w-8{background-color:#d1fae5}#tokens-used-card .w-8{background-color:#e9d5ff}#deviation-score-card .w-8{background-color:#fed7aa}#dashboard-bottom{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 1024px){#dashboard-bottom{grid-template-columns:repeat(2,1fr)}}#active-tasks-card{background-color:#fff;padding:24px;border-radius:12px;border:1px solid #e5e7eb}#active-tasks-card h3{font-size:18px;font-weight:500;color:#1f2937;margin-bottom:16px}#active-tasks-card .space-y-4>div{margin-bottom:16px}#active-tasks-card .space-y-4>div:last-child{margin-bottom:0}#active-tasks-card [id^=task-]{border:1px solid #e5e7eb;border-radius:8px;padding:16px}#active-tasks-card [id^=task-] .flex{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}#active-tasks-card [id^=task-] h4{font-weight:500;color:#1f2937;margin:0}#active-tasks-card [id^=task-] span{padding:4px 8px;font-size:12px;font-weight:600;border-radius:9999px}#active-tasks-card [id^=task-] p{font-size:14px;color:#6b7280;margin-bottom:12px}#active-tasks-card [id^=task-] .text-xs{font-size:12px;color:#6b7280;display:flex;justify-content:space-between}#active-tasks-card .text-center a{color:#2563eb;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}#active-tasks-card .text-center a:hover{color:#1d4ed8}#quick-stats-card{background-color:#fff;padding:24px;border-radius:12px;border:1px solid #e5e7eb}#quick-stats-card h3{font-size:18px;font-weight:500;color:#1f2937;margin-bottom:16px}#quick-stats-card .space-y-3>div{display:flex;justify-content:space-between;margin-bottom:12px}#quick-stats-card .space-y-3>div:last-child{margin-bottom:0}#quick-stats-card .text-sm{font-size:14px}#quick-stats-card .text-gray-600{color:#6b7280}#quick-stats-card .font-medium{font-weight:500;color:#1f2937}#dashboard-loading{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50}#dashboard-loading>div{background-color:#fff;padding:24px;border-radius:12px}#dashboard-loading .flex{display:flex;align-items:center;gap:12px}#dashboard-loading .animate-spin{width:24px;height:24px;border:2px solid #3b82f6;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}#dashboard-loading span{color:#374151}@media (max-width: 768px){#user-dashboard-page{padding:16px}#dashboard-welcome h1{font-size:24px}#quota-overview,#usage-stats,#dashboard-bottom{grid-template-columns:1fr}#daily-quota-card,#monthly-quota-card,#total-requests-card,#success-rate-card,#tokens-used-card,#deviation-score-card,#active-tasks-card,#quick-stats-card{padding:16px}}#user-usage-page{background-color:#f9fafb;min-height:100vh;padding:24px}#usage-header{margin-bottom:24px}#usage-title-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}#usage-title-section h1{font-size:28px;font-weight:700;color:#1f2937;margin:0}#usage-title-section p{color:#6b7280;margin:4px 0 0;font-size:16px}#usage-title-section .flex{display:flex;gap:8px}#range-7d-btn,#range-30d-btn,#range-90d-btn{padding:8px 12px;font-size:14px;border-radius:8px;border:none;cursor:pointer;transition:all .2s;font-weight:500}#range-7d-btn.bg-blue-600,#range-30d-btn.bg-blue-600,#range-90d-btn.bg-blue-600{background-color:#2563eb;color:#fff}#range-7d-btn.bg-gray-100,#range-30d-btn.bg-gray-100,#range-90d-btn.bg-gray-100{background-color:#f3f4f6;color:#374151}#range-7d-btn.bg-gray-100:hover,#range-30d-btn.bg-gray-100:hover,#range-90d-btn.bg-gray-100:hover{background-color:#e5e7eb}#quota-status-section{margin-bottom:24px}#quota-status-section h2{font-size:18px;font-weight:500;color:#1f2937;margin-bottom:16px}#quota-status-section .grid{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 768px){#quota-status-section .grid{grid-template-columns:repeat(2,1fr)}}#daily-quota-detail,#monthly-quota-detail{background-color:#fff;padding:24px;border-radius:12px;border:1px solid #e5e7eb}#daily-quota-detail .flex,#monthly-quota-detail .flex{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}#daily-quota-detail h3,#monthly-quota-detail h3{font-size:18px;font-weight:500;color:#1f2937;margin:0}#daily-quota-detail .space-y-4>div,#monthly-quota-detail .space-y-4>div{margin-bottom:16px}#daily-quota-detail .space-y-4>div:last-child,#monthly-quota-detail .space-y-4>div:last-child{margin-bottom:0}#daily-quota-detail .w-full,#monthly-quota-detail .w-full{width:100%;background-color:#e5e7eb;border-radius:9999px;height:16px}#daily-quota-detail .bg-green-500,#monthly-quota-detail .bg-green-500{background-color:#10b981;border-radius:9999px;height:16px;transition:all .3s ease}#daily-quota-detail .bg-yellow-500,#monthly-quota-detail .bg-yellow-500{background-color:#f59e0b;border-radius:9999px;height:16px;transition:all .3s ease}#daily-quota-detail .bg-red-500,#monthly-quota-detail .bg-red-500{background-color:#ef4444;border-radius:9999px;height:16px;transition:all .3s ease}#daily-quota-detail .grid,#monthly-quota-detail .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;font-size:14px}#daily-quota-detail .text-gray-600,#monthly-quota-detail .text-gray-600{color:#6b7280;display:block;margin-bottom:4px}#daily-quota-detail .font-medium,#monthly-quota-detail .font-medium{font-weight:500;color:#1f2937;margin:0}#usage-charts-section{margin-bottom:24px}#usage-charts-section h2{font-size:18px;font-weight:500;color:#1f2937;margin-bottom:16px}#usage-charts-section .grid{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 1024px){#usage-charts-section .grid{grid-template-columns:repeat(2,1fr)}}#detailed-stats-section h2{font-size:18px;font-weight:500;color:#1f2937;margin-bottom:16px}#detailed-stats-section .grid{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 768px){#detailed-stats-section .grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){#detailed-stats-section .grid{grid-template-columns:repeat(3,1fr)}}#requests-breakdown,#performance-stats,#token-usage-stats{background-color:#fff;padding:24px;border-radius:12px;border:1px solid #e5e7eb}#requests-breakdown h3,#performance-stats h3,#token-usage-stats h3{font-size:18px;font-weight:500;color:#1f2937;margin-bottom:16px}#requests-breakdown .space-y-3>div,#performance-stats .space-y-3>div,#token-usage-stats .space-y-3>div{display:flex;justify-content:space-between;margin-bottom:12px}#requests-breakdown .space-y-3>div:last-child,#performance-stats .space-y-3>div:last-child,#token-usage-stats .space-y-3>div:last-child{margin-bottom:0}#requests-breakdown .text-gray-600,#performance-stats .text-gray-600,#token-usage-stats .text-gray-600{color:#6b7280;font-size:14px}#requests-breakdown .font-medium,#performance-stats .font-medium,#token-usage-stats .font-medium{font-weight:500;font-size:14px}.text-green-600{color:#16a34a}.text-yellow-600{color:#d97706}.text-red-600{color:#dc2626}.text-blue-600{color:#2563eb}.text-purple-600{color:#9333ea}.text-gray-900{color:#1f2937}#usage-loading{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50}#usage-loading>div{background-color:#fff;padding:24px;border-radius:12px}#usage-loading .flex{display:flex;align-items:center;gap:12px}#usage-loading .animate-spin{width:24px;height:24px;border:2px solid #3b82f6;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}#usage-loading span{color:#374151}@media (max-width: 768px){#user-usage-page{padding:16px}#usage-title-section{flex-direction:column;align-items:flex-start;gap:16px}#usage-title-section h1{font-size:24px}#quota-status-section .grid,#usage-charts-section .grid,#detailed-stats-section .grid{grid-template-columns:1fr}#daily-quota-detail,#monthly-quota-detail,#requests-breakdown,#performance-stats,#token-usage-stats{padding:16px}#daily-quota-detail .grid,#monthly-quota-detail .grid{grid-template-columns:1fr}}#user-history-page{background-color:#f9fafb;min-height:100vh;padding:24px}#history-header{margin-bottom:24px}#history-title-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}#history-title-section h1{font-size:28px;font-weight:700;color:#1f2937;margin:0}#history-title-section p{color:#6b7280;margin:4px 0 0;font-size:16px}#history-title-section .flex{display:flex;gap:12px}#refresh-history-btn,#export-history-btn{padding:12px 16px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:background-color .2s;font-size:14px}#refresh-history-btn{background-color:#2563eb;color:#fff}#refresh-history-btn:hover{background-color:#1d4ed8}#export-history-btn{background-color:#059669;color:#fff}#export-history-btn:hover{background-color:#047857}#history-filters{background-color:#fff;padding:16px;border-radius:12px;border:1px solid #e5e7eb;margin-bottom:16px}#history-filters .flex{display:flex;flex-wrap:wrap;gap:16px}#history-filters label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:4px}#history-filters input,#history-filters select{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background-color:#fff;transition:border-color .2s,box-shadow .2s}#history-filters input:focus,#history-filters select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}#task-filter{flex:1;min-width:200px}#status-filter{flex:1;min-width:130px}#search-filter{flex:1;min-width:250px}#date-filters{display:flex;gap:8px}#date-filters>div{min-width:120px}#clear-filters-btn{padding:8px 16px;color:#6b7280;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;cursor:pointer;transition:background-color .2s;font-size:14px;height:-moz-fit-content;height:fit-content;margin-top:auto}#clear-filters-btn:hover{background-color:#f9fafb}#history-stats{display:flex;gap:24px;color:#6b7280;font-size:14px;margin-top:16px}#history-table-section{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden}#history-table-section .overflow-x-auto{overflow-x:auto}#history-table-section table{width:100%;border-collapse:collapse}#history-table-section thead{background-color:#f9fafb;border-bottom:1px solid #e5e7eb}#history-table-section th{padding:16px 24px;text-align:left;font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}#history-table-section tbody{background-color:#fff}#history-table-section tr{border-bottom:1px solid #f3f4f6;transition:background-color .2s}#history-table-section tr:hover{background-color:#f9fafb}#history-table-section tr:last-child{border-bottom:none}#history-table-section td{padding:16px 24px;vertical-align:top}#history-table-section .text-sm{font-size:14px}#history-table-section .font-medium{font-weight:500;color:#1f2937}#history-table-section .text-gray-900{color:#1f2937}#history-table-section .text-gray-600{color:#4b5563;word-break:break-word}#history-table-section .text-gray-500{color:#6b7280}#history-table-section .text-blue-600{color:#2563eb}#history-table-section .text-xs{font-size:12px}#history-table-section .inline-flex{display:inline-flex;padding:4px 8px;font-size:12px;font-weight:600;border-radius:6px;text-align:center}.bg-green-100{background-color:#dcfce7;color:#166534}.bg-red-100{background-color:#fee2e2;color:#dc2626}.bg-yellow-100{background-color:#fef3c7;color:#d97706}.bg-gray-100{background-color:#f3f4f6;color:#374151}.bg-blue-100{background-color:#dbeafe;color:#1e40af}.bg-purple-100{background-color:#e9d5ff;color:#7c3aed}.bg-indigo-100{background-color:#e0e7ff;color:#3730a3}.bg-teal-100{background-color:#ccfbf1;color:#0f766e}#history-table-section button{color:#2563eb;font-size:14px;font-weight:500;background:none;border:none;cursor:pointer;transition:color .2s}#history-table-section button:hover{color:#1d4ed8}#no-history-found{text-align:center;padding:48px;color:#6b7280}#log-details-modal{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50}#log-details-modal>div{background-color:#fff;border-radius:12px;width:90%;max-width:1000px;margin:16px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #0000001a}#log-details-modal .flex{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb}#log-details-modal h2{font-size:20px;font-weight:600;color:#1f2937}#log-details-modal h3{font-size:18px;font-weight:500;color:#1f2937;margin-bottom:8px}#log-details-modal .text-sm{font-size:14px;color:#6b7280;margin-top:4px}#log-details-modal button{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:color .2s}#log-details-modal button:hover{color:#374151}#log-details-modal svg{width:24px;height:24px}#log-details-modal .p-6{padding:24px}#log-details-modal .space-y-6>div{margin-bottom:24px}#log-details-modal .space-y-6>div:last-child{margin-bottom:0}#log-details-modal .bg-gray-50{background-color:#f9fafb;padding:16px;border-radius:8px;max-height:256px;overflow-y:auto}#log-details-modal .bg-red-50{background-color:#fef2f2;padding:16px;border-radius:8px;border:1px solid #fecaca}#log-details-modal pre{font-size:14px;color:#374151;white-space:pre-wrap;word-break:break-word;margin:0}#log-details-modal .text-red-700{color:#b91c1c}#log-details-modal .text-red-900{color:#7f1d1d}#log-details-modal .border-t{border-top:1px solid #e5e7eb}#log-details-modal .justify-end{display:flex;justify-content:flex-end;padding:24px;border-top:1px solid #e5e7eb}#log-details-modal .justify-end button{padding:10px 16px;background-color:#f3f4f6;color:#374151;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s}#log-details-modal .justify-end button:hover{background-color:#e5e7eb}#history-table-section .flex.justify-center{display:flex;justify-content:center;align-items:center;padding:48px}#history-table-section .animate-spin{width:32px;height:32px;border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}#history-error{padding:24px}#history-error>div{background-color:#fee2e2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px}@media (max-width: 768px){#user-history-page{padding:16px}#history-title-section{flex-direction:column;align-items:flex-start;gap:16px}#history-title-section h1{font-size:24px}#history-filters .flex,#date-filters{flex-direction:column}#history-table-section th,#history-table-section td{padding:12px 16px}#log-details-modal>div{margin:8px;width:calc(100% - 16px);max-height:95vh}}#user-profile-page{background-color:#f9fafb;min-height:100vh;padding:24px}#profile-header{margin-bottom:24px}#profile-header h1{font-size:28px;font-weight:700;color:#1f2937;margin:0}#profile-header p{color:#6b7280;margin:4px 0 0;font-size:16px}#user-profile-page .grid{display:grid;gap:24px}#user-profile-page .grid-cols-1{grid-template-columns:1fr}@media (min-width: 1024px){#user-profile-page .grid-cols-1.lg\\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){#account-stats-section .grid-cols-1.md\\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){#account-stats-section .grid-cols-1.md\\:grid-cols-2.lg\\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}#profile-info-section,#security-section,#account-stats-section{background-color:#fff;padding:24px;border-radius:12px;border:1px solid #e5e7eb}#profile-info-section .flex,#security-section .flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}#profile-info-section h2,#security-section h2,#account-stats-section h2{font-size:18px;font-weight:500;color:#1f2937;margin:0}#edit-profile-btn,#change-password-btn{color:#2563eb;font-size:14px;font-weight:500;background:none;border:none;cursor:pointer;transition:color .2s}#edit-profile-btn:hover,#change-password-btn:hover{color:#1d4ed8}#profile-info-section .space-y-4>div,#security-section .space-y-4>div{margin-bottom:16px}#profile-info-section .space-y-4>div:last-child,#security-section .space-y-4>div:last-child{margin-bottom:0}#profile-info-section label,#security-section label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:4px}#profile-info-section input,#security-section input{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background-color:#fff;transition:border-color .2s,box-shadow .2s}#profile-info-section input:focus,#security-section input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}#profile-info-section p{margin-top:4px;color:#1f2937;font-size:14px}#profile-info-section .text-xs{font-size:12px;color:#6b7280}#profile-form-actions,#password-form-actions{display:flex;gap:12px;margin-top:16px}#profile-form-actions button,#password-form-actions button{padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;border:none}#profile-form-actions button[type=submit],#password-form-actions button[type=submit]{background-color:#2563eb;color:#fff}#profile-form-actions button[type=submit]:hover,#password-form-actions button[type=submit]:hover{background-color:#1d4ed8}#profile-form-actions button[type=submit]:disabled,#password-form-actions button[type=submit]:disabled{opacity:.5;cursor:not-allowed}#profile-form-actions button[type=button],#password-form-actions button[type=button]{background-color:#f3f4f6;color:#374151}#profile-form-actions button[type=button]:hover,#password-form-actions button[type=button]:hover{background-color:#e5e7eb}#profile-info-section .text-red-600,#security-section .text-red-600{color:#dc2626;font-size:14px;margin-top:4px}#security-section .bg-red-50{background-color:#fef2f2;border:1px solid #fecaca;color:#b91c1c;padding:12px;border-radius:8px}#security-section .bg-blue-50{background-color:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;padding:12px;border-radius:8px}#security-section .bg-blue-50 p{font-size:14px;margin:0}#security-section .bg-blue-50 strong{font-weight:600}#account-stats-section{margin-top:24px}#account-stats-section .grid{display:grid;gap:16px}#account-stats-section .bg-gray-50{background-color:#f9fafb;padding:16px;border-radius:8px}#account-stats-section .bg-gray-50 label{display:block;font-size:14px;font-weight:500;color:#6b7280;margin-bottom:4px}#account-stats-section .bg-gray-50 p{font-size:24px;font-weight:600;color:#1f2937;margin:0}#profile-loading{padding:24px}#profile-loading .flex{display:flex;align-items:center;gap:12px}#profile-loading .animate-spin{width:24px;height:24px;border:2px solid #3b82f6;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}#profile-loading span{color:#374151}#profile-error{padding:24px}#profile-error>div{background-color:#fee2e2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px}@media (max-width: 1024px){#user-profile-page .grid.lg\\:grid-cols-2{grid-template-columns:1fr}}@media (max-width: 768px){#user-profile-page{padding:16px}#profile-header h1{font-size:24px}#profile-info-section,#security-section,#account-stats-section{padding:16px}#account-stats-section .grid.md\\:grid-cols-2{grid-template-columns:1fr}#account-stats-section .grid.lg\\:grid-cols-4{grid-template-columns:repeat(2,1fr)}#profile-form-actions,#password-form-actions{flex-direction:column;gap:8px}#profile-form-actions button,#password-form-actions button{width:100%}}#user-tasks-page{background-color:#f9fafb;min-height:100vh}#user-tasks-header{border-bottom:1px solid #e5e7eb;padding-bottom:1rem;margin-bottom:2rem}#user-tasks-grid{gap:1.5rem}.user-task-card{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;border:1px solid #e5e7eb;overflow:hidden;transition:all .2s ease-in-out;display:flex;flex-direction:column;height:100%}.user-task-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.task-card-header{padding:1.5rem 1.5rem 0}.task-title{font-size:1.25rem;font-weight:600;color:#1f2937;line-height:1.4;margin:0;flex-grow:1;margin-right:1rem;word-break:break-word}.task-category-badge{background-color:#ddd6fe;color:#7c3aed;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:capitalize;white-space:nowrap}.task-card-header .flex.justify-between.items-start{align-items:flex-start;gap:1rem}.task-card-header .flex.items-center.space-x-2{flex-wrap:wrap;gap:.5rem}.task-card-body{padding:1rem 1.5rem;flex-grow:1;display:flex;flex-direction:column}.task-description{color:#6b7280;font-size:.875rem;line-height:1.5;margin-bottom:1rem;flex-grow:1}.task-stats{background-color:#f9fafb;border-radius:8px;padding:1rem;margin-bottom:1rem}.stat-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.stat-item:last-child{margin-bottom:0}.stat-label{font-size:.875rem;color:#6b7280;font-weight:500}.stat-value{font-size:.875rem;color:#1f2937;font-weight:600}.task-limits{background-color:#fef3c7;border-radius:8px;padding:.75rem;margin-bottom:1rem}.limit-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.limit-item:last-child{margin-bottom:0}.limit-label{font-size:.75rem;color:#92400e;font-weight:500}.limit-value{font-size:.75rem;color:#92400e;font-weight:600}.progress-notes{background-color:#ecfdf5;border-left:4px solid #10b981;padding:.75rem;margin-bottom:1rem}.notes-title{font-size:.875rem;font-weight:600;color:#065f46;margin-bottom:.5rem}.notes-content{font-size:.875rem;color:#047857;line-height:1.4;margin:0}.task-card-footer{padding:1rem 1.5rem 1.5rem;border-top:1px solid #f3f4f6;background-color:#fafafa;display:flex;flex-direction:column;gap:1rem}.task-actions{display:flex;justify-content:center;margin-top:.5rem}.start-chat-btn{background-color:#3b82f6;color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:500;font-size:.875rem;transition:all .2s ease-in-out;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #3b82f633}.start-chat-btn:hover{background-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d;text-decoration:none;color:#fff}.task-dates{display:flex;justify-content:space-between;gap:1rem}.date-item{display:flex;flex-direction:column;align-items:center;text-align:center}.date-label{font-size:.75rem;color:#6b7280;font-weight:500;margin-bottom:.25rem}.date-value{font-size:.875rem;color:#1f2937;font-weight:600}#user-tasks-loading{background-color:#f9fafb}#no-tasks-message{background:#fff;border-radius:12px;border:2px dashed #d1d5db;margin:2rem 0}@media (max-width: 768px){#user-tasks-grid{grid-template-columns:1fr}.task-dates{flex-direction:column;gap:.5rem}.date-item{align-items:flex-start;text-align:left}}@media (min-width: 769px) and (max-width: 1024px){#user-tasks-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1025px){#user-tasks-grid{grid-template-columns:repeat(3,1fr)}}.chat-container{display:flex;height:100vh;background-color:#1a1a1a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.task-info{margin-top:8px}.task-subtitle{font-size:14px;color:#a0a0a0;margin-bottom:8px}.token-info{display:flex;gap:16px;align-items:center;font-size:12px}.token-usage{color:#10b981;font-weight:500}.task-category{color:#3b82f6;text-transform:uppercase;font-weight:500}.error-message{background-color:#dc2626;color:#fff;padding:8px 12px;border-radius:6px;margin-top:8px;font-size:14px;display:flex;justify-content:space-between;align-items:center}.close-error{background:none;border:none;color:#fff;font-size:16px;cursor:pointer;padding:0;margin-left:8px}.loading-chats{padding:20px;text-align:center;color:#a0a0a0;font-size:14px}.session-meta{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.session-tokens{font-size:11px;color:#10b981;font-weight:500}.chat-session-item{position:relative}.archive-chat-btn{position:absolute;top:8px;right:8px;background:none;border:none;color:#6b7280;font-size:16px;cursor:pointer;padding:2px;opacity:0;transition:opacity .2s ease;border-radius:4px}.chat-session-item:hover .archive-chat-btn{opacity:1}.archive-chat-btn:hover{background-color:#dc2626;color:#fff}.message-meta{display:flex;gap:12px;align-items:center;margin-top:4px;font-size:11px;color:#6b7280}.message-tokens{color:#10b981}.message-intent{color:#3b82f6}.chat-sidebar{width:260px;background-color:#1a1a1a;border-right:1px solid #2d2d2d;display:flex;flex-direction:column;flex-shrink:0}.sidebar-header{padding:12px;border-bottom:1px solid #2d2d2d}.new-chat-btn{width:100%;background:transparent;border:1px solid #3d3d3d;color:#fff;padding:10px 12px;border-radius:8px;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .2s ease}.new-chat-btn:hover{background-color:#2d2d2d}.plus-icon{font-size:16px;font-weight:700}.search-container{padding:12px}.search-input{width:100%;background-color:#2d2d2d;border:1px solid #3d3d3d;color:#fff;padding:8px 12px;border-radius:6px;font-size:14px;outline:none}.search-input::-moz-placeholder{color:#8e8e8e}.search-input::placeholder{color:#8e8e8e}.search-input:focus{border-color:#4d4d4d}.chat-history{flex:1;overflow-y:auto;padding:8px 0}.chat-sessions{padding:0 12px}.chat-session-item{padding:12px;border-radius:8px;cursor:pointer;margin-bottom:4px;transition:background-color .2s ease;border-left:2px solid transparent}.chat-session-item:hover{background-color:#2d2d2d}.chat-session-item.active{background-color:#2d2d2d;border-left-color:#10a37f}.session-title{font-size:14px;font-weight:500;color:#fff;line-height:1.3;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-time{font-size:12px;color:#8e8e8e}.sidebar-footer{padding:12px;border-top:1px solid #2d2d2d}.user-info{display:flex;align-items:center;gap:8px;padding:8px;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.user-info:hover{background-color:#d3c2c2}.user-avatar{width:28px;height:28px;background-color:#10a37f;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.user-name{font-size:14px;color:#fff;font-weight:500}.chat-main{flex:1;display:flex;flex-direction:column;background-color:#212121;position:relative}.chat-header{padding:20px;text-align:center;border-bottom:1px solid #2d2d2d}.chat-title{font-size:24px;font-weight:600;color:#fff;margin:0}.task-subtitle{font-size:14px;color:#8e8e8e;margin:4px 0 0;font-weight:400}.chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;justify-content:center}.welcome-message{text-align:center;color:#8e8e8e;max-width:600px;margin:0 auto}.welcome-message h2{font-size:28px;font-weight:600;margin-bottom:12px;color:#fff}.welcome-message p{font-size:16px;line-height:1.5}.messages-list{max-width:768px;margin:0 auto;width:100%}.message{margin-bottom:24px;display:flex;flex-direction:column}.message.user{align-items:flex-end}.message.assistant{align-items:flex-start}.message-content{max-width:80%;padding:12px 16px;border-radius:18px;font-size:15px;line-height:1.4;word-wrap:break-word}.message.user .message-content{background-color:#10a37f;color:#fff}.message.assistant .message-content{background-color:#2d2d2d;color:#fff;border:1px solid #3d3d3d}.message-time{font-size:11px;color:#8e8e8e;margin-top:4px;padding:0 4px}.message.loading .message-content{padding:16px}.typing-indicator{display:flex;gap:4px;align-items:center}.typing-indicator span{width:6px;height:6px;background-color:#8e8e8e;border-radius:50%;animation:typing 1.4s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.chat-input-container{padding:20px;border-top:1px solid #2d2d2d;background-color:#212121}.input-wrapper{max-width:768px;margin:0 auto;position:relative;background-color:#2d2d2d;border:1px solid #3d3d3d;border-radius:12px;display:flex;align-items:flex-end;transition:border-color .2s ease}.input-wrapper:focus-within{border-color:#10a37f}.chat-input{flex:1;background:transparent;border:none;color:#fff;padding:12px 16px;font-size:16px;line-height:1.5;resize:none;outline:none;min-height:24px;max-height:120px;font-family:inherit}.chat-input::-moz-placeholder{color:#8e8e8e}.chat-input::placeholder{color:#8e8e8e}.chat-input:disabled{opacity:.6;cursor:not-allowed}.input-actions{display:flex;align-items:center;gap:8px;padding:8px 12px}.file-upload-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:transparent;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.file-upload-btn:hover{background-color:#3d3d3d}.hidden-file-input{display:none}.upload-icon{font-size:16px;color:#8e8e8e}.send-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:#10a37f;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.send-btn:hover:not(:disabled){background-color:#0d8b6b}.send-btn:disabled{background-color:#3d3d3d;cursor:not-allowed}.send-icon{font-size:16px;color:#fff;font-weight:700}@media (max-width: 768px){.chat-sidebar{width:100%;position:fixed;top:0;left:-100%;height:100vh;z-index:1000;transition:left .3s ease}.chat-sidebar.open{left:0}.chat-main{width:100%}.message-content{max-width:90%}.chat-input-container,.chat-messages{padding:12px}}.home-page-new{min-height:100vh;background:#0f1117;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.home-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.home-header-new{background:#0f1117f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:100;box-shadow:0 1px 3px #0000004d}.header-container-new{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo-link-new{text-decoration:none;color:inherit}.logo-container-new{display:flex;align-items:center;gap:.75rem}.logo-icon-new{font-size:1.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.logo-text-new{font-size:1.25rem;font-weight:700;color:#fff;letter-spacing:-.025em}.main-nav{display:flex;align-items:center;gap:0}.nav-link{background:none;border:none;color:#94a3b8;font-size:.95rem;font-weight:500;padding:.75rem 1.5rem;cursor:pointer;transition:color .2s ease;text-decoration:none}.nav-link:hover{color:#fff}.nav-link.active{color:#fff;position:relative}.nav-link.active:after{content:"";position:absolute;bottom:-1rem;left:50%;transform:translate(-50%);width:80%;height:2px;background:#3b82f6}.header-actions-new{display:flex;align-items:center;gap:1rem}.login-link{background:#3b82f6;color:#fff;padding:.5rem 1rem;border-radius:6px;text-decoration:none;font-weight:500;transition:all .2s ease}.login-link:hover{background:#2563eb;transform:translateY(-1px)}.home-header{background:#fffffffa;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid rgba(102,126,234,.1);box-shadow:0 2px 12px #00000014;position:sticky;top:0;z-index:100}.header-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo-link{text-decoration:none;color:inherit}.logo-container{display:flex;align-items:center;gap:.75rem}.logo-icon{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.logo-text{font-size:1.5rem;font-weight:700;color:#2d3748;letter-spacing:-.025em}.header-actions{display:flex;align-items:center;gap:1rem}.signup-button{background:transparent;color:#667eea;padding:.75rem 1.5rem;border:2px solid #667eea;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease}.signup-button:hover{background:#667eea;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.login-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;border:none;box-shadow:0 4px 12px #667eea4d}.login-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.home-main-new{min-height:calc(100vh - 80px);background:#0f1117}.home-content-new{width:100%;padding:0 2rem}.features-showcase{padding:3rem 0;max-width:1200px;margin:0 auto}.hero-section-new{text-align:center;padding:3rem 0 4rem;max-width:800px;margin:0 auto}#hero-title-new{font-size:3rem;font-weight:700;color:#fff;margin-bottom:1rem;line-height:1.2}#hero-subtitle{font-size:1.25rem;color:#94a3b8;margin-bottom:0;line-height:1.5}.feature-tabs{display:flex;justify-content:center;gap:0;margin:3rem 0 2rem;background:#ffffff0d;border-radius:8px;padding:.25rem;border:1px solid rgba(255,255,255,.1);max-width:-moz-fit-content;max-width:fit-content;margin-left:auto;margin-right:auto;overflow-x:auto}.feature-tab{background:none;border:none;color:#94a3b8;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;cursor:pointer;transition:all .2s ease;border-radius:6px;white-space:nowrap;min-width:120px}.feature-tab:hover{color:#fff;background:#ffffff0d}.feature-tab.active{color:#fff;background:#3b82f633;border:1px solid rgba(59,130,246,.3)}.feature-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-top:3rem;align-items:start}.feature-details h2{font-size:2rem;font-weight:700;color:#fff;margin-bottom:1rem}.feature-description{font-size:1.1rem;color:#94a3b8;margin-bottom:2rem;line-height:1.6}.feature-points{display:flex;flex-direction:column;gap:.75rem}.feature-point{color:#94a3b8;font-size:.95rem;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.1);transition:color .2s ease;cursor:pointer}.feature-point:hover{color:#fff}.feature-point:last-child{border-bottom:none}.feature-code{position:relative}.code-window{background:#1a1d29;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 24px #0000004d}.code-header{background:#252934;padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.1)}.code-dots{display:flex;gap:.5rem}.code-dots span{width:12px;height:12px;border-radius:50%;background:#4b5563}.code-dots span:first-child{background:#ef4444}.code-dots span:nth-child(2){background:#f59e0b}.code-dots span:last-child{background:#10b981}.code-window pre{margin:0;padding:1.5rem;overflow-x:auto;background:transparent}.code-window code{font-family:Monaco,Menlo,Consolas,monospace;color:#e5e7eb;font-size:.85rem;line-height:1.6}.pricing-section-new{padding:4rem 2rem;width:100%}.pricing-header{text-align:center;margin-bottom:3rem}.pricing-header h2{font-size:3rem;font-weight:700;color:#fff;margin-bottom:1rem}.pricing-header p{font-size:1.1rem;color:#94a3b8;max-width:600px;margin:0 auto}.pricing-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;max-width:1200px;margin-left:auto;margin-right:auto}@media (max-width: 1024px){.pricing-cards{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}.pricing-card{background:#1e222fcc;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;position:relative;transition:all .3s ease}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000004d;border-color:#fff3}.pricing-card.popular{background:linear-gradient(135deg,#3b82f61a,#9333ea1a);border-color:#3b82f64d;transform:scale(1.02)}.pricing-card.popular:hover{transform:scale(1.02) translateY(-4px)}.pricing-card.enterprise{background:linear-gradient(135deg,#9333ea26,#4f46e526);border-color:#9333ea4d}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#3b82f6,#9333ea);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;box-shadow:0 4px 12px #3b82f64d}.pricing-card-header{text-align:center;margin-bottom:2rem}.plan-icon{font-size:2.5rem;margin-bottom:1rem;opacity:.8}.pricing-card h3{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:.5rem}.price-display{margin:1rem 0}.price{font-size:3rem;font-weight:800;color:#fff;display:block;line-height:1}.period{font-size:.9rem;color:#94a3b8;display:block;margin-top:.25rem}.plan-description{color:#94a3b8;font-size:.95rem;margin:0}.pricing-card-features{margin-bottom:2rem}.feature-item{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem 0;color:#e2e8f0;font-size:.9rem}.feature-item.feature-header{font-weight:600;color:#fff;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.feature-item.feature-header:first-child{margin-top:0;padding-top:.5rem;border-top:none}.feature-checkmark{color:#10b981;font-weight:700;flex-shrink:0;width:16px;text-align:center}.pricing-button{width:100%;padding:.875rem 1.5rem;border-radius:8px;font-weight:600;font-size:1rem;transition:all .3s ease;border:none;cursor:pointer}.pricing-button.outline{background:transparent;color:#94a3b8;border:2px solid rgba(148,163,184,.3)}.pricing-button.outline:hover{background:#94a3b81a;color:#fff;border-color:#94a3b880}.pricing-button.primary{background:linear-gradient(135deg,#3b82f6,#9333ea);color:#fff;box-shadow:0 4px 12px #3b82f64d}.pricing-button.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.pricing-button.enterprise{background:linear-gradient(135deg,#9333ea,#4f46e5);color:#fff;box-shadow:0 4px 12px #9333ea4d}.pricing-button.enterprise:hover{transform:translateY(-2px);box-shadow:0 6px 20px #9333ea66}.home-main{display:flex;min-height:calc(100vh - 80px)}.home-sidebar{width:20%;min-width:200px;background:#fffffff7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-right:1px solid rgba(102,126,234,.12);box-shadow:2px 0 8px #0000000d;position:relative}.sidebar-nav{padding:2rem 1.5rem;height:100%;position:sticky;top:80px}.nav-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:1rem;border:none;background:transparent;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:.95rem;font-weight:500;color:#4a5568;margin-bottom:.5rem}.nav-item:hover{background:#667eea1a;color:#667eea;transform:translate(4px)}.nav-item.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:translate(4px);box-shadow:0 4px 12px #667eea4d}.nav-icon{font-size:1.2rem}.home-content{flex:1;background:#fffffff0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;overflow-y:auto;position:relative}.home-content:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.1),transparent);pointer-events:none}.hero-section{text-align:center;padding:4rem 0;border-bottom:1px solid #e2e8f0;margin-bottom:3rem}#hero-title{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem;line-height:1.1}#hero-description{font-size:1.25rem;color:#64748b;max-width:600px;margin:0 auto 2.5rem;line-height:1.6}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-button{padding:1rem 2rem;border-radius:8px;font-weight:600;font-size:1.1rem;text-decoration:none;transition:all .3s ease;border:none;cursor:pointer}.cta-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.cta-button.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.cta-button.secondary{background:transparent;color:#667eea;border:2px solid #667eea}.cta-button.secondary:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.content-section h2{font-size:2.5rem;font-weight:700;color:#2d3748;margin-bottom:2rem;border-bottom:3px solid #667eea;padding-bottom:.5rem;display:inline-block}.content-section h3{font-size:1.8rem;font-weight:600;color:#4a5568;margin:2rem 0 1rem}.content-section h4{font-size:1.3rem;font-weight:600;color:#2d3748;margin:1.5rem 0 .75rem}.content-section p{color:#64748b;line-height:1.7;margin-bottom:1rem;font-size:1.05rem}.content-section ul{color:#64748b;line-height:1.7;margin-bottom:1.5rem;padding-left:1.5rem}.content-section li{margin-bottom:.5rem}.docs-section{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid #e2e8f0}.feature-item{background:#667eea0d;padding:1.5rem;border-radius:8px;margin-bottom:1.5rem;border-left:4px solid #667eea}.feature-item h4{margin-top:0;color:#667eea}.api-section{margin-bottom:2rem}.endpoint-section{background:#1a202c;color:#fff;padding:1rem;border-radius:8px;margin:1rem 0}#endpoint-url{font-family:Monaco,Menlo,monospace;font-size:1.1rem;color:#68d391}.auth-section{margin:2rem 0}#auth-example{background:#f7fafc;padding:1rem;border-radius:8px;border-left:4px solid #667eea;margin:1rem 0}#auth-example code{font-family:Monaco,Menlo,monospace;color:#2d3748}.example-section{margin:2rem 0}.code-tabs{display:flex;gap:.5rem;margin-bottom:1rem;border-bottom:1px solid #e2e8f0}.tab-button{padding:.75rem 1.5rem;border:none;background:transparent;color:#64748b;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .3s ease}.tab-button:hover{color:#667eea}.tab-button.active{color:#667eea;border-bottom-color:#667eea}.code-content{background:#1a202c;border-radius:8px;overflow:hidden}.code-content pre{margin:0;padding:1.5rem;overflow-x:auto}.code-content code{font-family:Monaco,Menlo,monospace;color:#e2e8f0;font-size:.9rem;line-height:1.6}.pricing-section{margin-top:2rem}.pricing-note{background:#667eea1a;padding:1rem;border-radius:8px;margin-bottom:2rem;border-left:4px solid #667eea}.plans-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}.plan-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:2rem;text-align:center;transition:all .3s ease;position:relative}.plan-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000001a}.plan-card.featured{border-color:#667eea;transform:scale(1.05);box-shadow:0 8px 32px #667eea33}.plan-card.featured:before{content:"Most Popular";position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600}.plan-card h3{font-size:1.5rem;margin-bottom:1rem;color:#2d3748}.price{font-size:2.5rem;font-weight:800;color:#667eea;margin-bottom:1rem}.plan-card p{color:#64748b;margin-bottom:1.5rem}.plan-card ul{text-align:left;padding-left:0;list-style:none}.plan-card li{padding:.5rem 0;color:#4a5568}.plan-card li:before{content:"✓";color:#48bb78;font-weight:700;margin-right:.5rem}.feature-card{transition:all .3s ease}.feature-card:hover{transform:translateY(-2px)}.feature-card h3{margin-top:0}.feature-card p{font-size:.95rem;line-height:1.6}#plan-selector-wrapper{margin-top:2rem}#plan-selector-wrapper .max-w-6xl{max-width:100%!important;margin:0!important}#plan-selector-wrapper .grid{display:grid;gap:1.5rem}#plan-selector-wrapper .grid-cols-1{grid-template-columns:repeat(1,1fr)}#plan-selector-wrapper .md\\:grid-cols-2{grid-template-columns:repeat(1,1fr)}#plan-selector-wrapper .lg\\:grid-cols-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}#plan-selector-wrapper .bg-gray-100{background:#667eea1a!important;border-radius:8px}#plan-selector-wrapper .bg-white{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:all .3s ease}#plan-selector-wrapper .bg-white:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000001a}#plan-selector-wrapper .shadow-sm{box-shadow:none!important}#plan-selector-wrapper .border-2{border-width:2px}#plan-selector-wrapper .text-blue-600{color:#667eea!important}#plan-selector-wrapper .bg-blue-600{background:linear-gradient(135deg,#667eea,#764ba2)!important}#plan-selector-wrapper .hover\\:bg-blue-700:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)!important}#plan-selector-wrapper .ring-2{box-shadow:0 0 0 2px #667eea40!important}#plan-selector-wrapper .bg-gray-100.p-1{background:#f8fafc!important;padding:4px!important;border-radius:8px!important;border:2px solid #e2e8f0!important;margin:0 auto 2rem!important;display:inline-flex!important}#plan-selector-wrapper .bg-gray-100.p-1 button{padding:8px 16px!important;border-radius:6px!important;font-size:14px!important;font-weight:500!important;transition:all .3s ease!important;border:none!important;cursor:pointer!important}#plan-selector-wrapper .bg-gray-100.p-1 button.bg-white{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;box-shadow:0 2px 8px #667eea4d!important}#plan-selector-wrapper .bg-gray-100.p-1 button:not(.bg-white){background:transparent!important;color:#64748b!important}#plan-selector-wrapper .bg-gray-100.p-1 button:not(.bg-white):hover{color:#667eea!important;background:#667eea1a!important}#plan-selector-wrapper .text-green-600{color:#10b981!important}#plan-selector-wrapper .w-full.py-3.px-4{width:100%!important;padding:12px 24px!important;border-radius:8px!important;font-weight:600!important;font-size:16px!important;transition:all .3s ease!important;border:none!important;cursor:pointer!important;margin-top:1rem!important}#plan-selector-wrapper .bg-gray-900{background:linear-gradient(135deg,#4a5568,#2d3748)!important;color:#fff!important;box-shadow:0 4px 12px #4a55684d!important}#plan-selector-wrapper .bg-gray-900:hover{background:linear-gradient(135deg,#2d3748,#1a202c)!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px #4a556866!important}#plan-selector-wrapper .bg-blue-600{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;box-shadow:0 4px 12px #667eea4d!important}#plan-selector-wrapper .bg-blue-600:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px #667eea66!important}#plan-selector-wrapper .bg-gray-100.text-gray-500{background:#f1f5f9!important;color:#94a3b8!important;cursor:not-allowed!important;box-shadow:none!important}#plan-selector-wrapper .opacity-50{opacity:.6!important}#plan-selector-wrapper .bg-blue-500{background:linear-gradient(135deg,#667eea,#764ba2)!important}#plan-selector-wrapper .ring-blue-500{box-shadow:0 0 0 2px #667eea80!important}@media (max-width: 768px){.header-container-new{padding:1rem}.main-nav{display:none}.header-actions-new{gap:.5rem}.github-link,.signup-link,.login-link{padding:.5rem .75rem;font-size:.85rem}.home-content-new{padding:0 1rem}.hero-section-new{padding:2rem 0 3rem}#hero-title-new{font-size:2.25rem}#hero-subtitle{font-size:1.1rem}.feature-tabs{flex-wrap:wrap;gap:.25rem;padding:.5rem}.feature-tab{padding:.5rem 1rem;font-size:.85rem;min-width:auto;flex:1;min-width:calc(50% - .125rem)}.feature-content{grid-template-columns:1fr;gap:2rem}.feature-details h2{font-size:1.75rem}.feature-description{font-size:1rem}.code-window{order:-1}.pricing-section-new{padding:2rem 1rem}.pricing-header h2{font-size:2.25rem}.pricing-cards{grid-template-columns:1fr;gap:1.5rem;max-width:none}.pricing-card.popular{transform:none}.pricing-card.popular:hover{transform:translateY(-4px)}.price{font-size:2.5rem}}@media (max-width: 480px){.logo-text-new{display:none}.header-actions-new{gap:.25rem}#hero-title-new{font-size:1.875rem}.feature-tab{min-width:100%;margin-bottom:.25rem}.feature-tabs{flex-direction:column}}@media (max-width: 768px){.header-container{padding:1rem}.header-actions{flex-direction:row;gap:.5rem}.signup-button,.login-button{padding:.5rem 1rem;font-size:.9rem}.home-main{flex-direction:column;padding:1rem;gap:1rem}.home-sidebar{width:100%}.sidebar-nav{position:static}.nav-item{padding:.75rem}#hero-title{font-size:2.5rem}#hero-description{font-size:1.1rem}.hero-actions{flex-direction:column;align-items:center}.cta-button{padding:.875rem 1.5rem}.plans-container{grid-template-columns:1fr}.plan-card.featured{transform:none}}@media (max-width: 480px){.logo-text{display:none}.home-content{padding:1rem}.content-section h2,#hero-title{font-size:2rem}}.signup-container{background:#0f1117;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.signup-container .max-w-md{max-width:420px;width:100%;background:#1e222fcc;border-radius:12px;box-shadow:0 4px 24px #0000004d;border:1px solid rgba(255,255,255,.1);overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.signup-container .text-center{padding:2rem 2rem 1rem;border-bottom:1px solid rgba(255,255,255,.1)}.signup-container .text-center h2{color:#fff;font-size:1.75rem;font-weight:600;margin:.5rem 0}.signup-container .text-center p{color:#94a3b8;font-size:.875rem;margin:.5rem 0}.signup-container .text-center a{color:#3b82f6;text-decoration:none}.signup-container .text-center a:hover{color:#60a5fa;text-decoration:underline}.plan-info-box{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:8px;padding:1rem;margin:1rem 2rem;display:flex;align-items:center}.plan-info-box .plan-name{color:#60a5fa;font-weight:600}.plan-info-box span{color:#10b981;margin-right:.5rem}.signup-form{background:transparent;padding:1.5rem 2rem 2rem;border-radius:0}.signup-form .space-y-4>div{margin-bottom:1rem}.signup-form label{display:block;font-size:.875rem;font-weight:500;color:#e2e8f0;margin-bottom:.375rem}.signup-form input[type=text],.signup-form input[type=email],.signup-form input[type=password]{width:100%;padding:.75rem;border:1px solid rgba(255,255,255,.2);border-radius:6px;font-size:.875rem;background:#ffffff0d;color:#fff;transition:all .2s ease}.signup-form input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633;background:#ffffff14}.signup-form input::-moz-placeholder{color:#94a3b8}.signup-form input::placeholder{color:#94a3b8}.signup-form .text-xs{color:#94a3b8;font-size:.75rem;margin-top:.25rem}.signup-form button[type=submit]{width:100%;background:linear-gradient(135deg,#3b82f6,#9333ea);color:#fff;padding:.875rem 1rem;border-radius:8px;font-weight:600;font-size:.875rem;border:none;cursor:pointer;transition:all .2s ease;margin-top:1.5rem;box-shadow:0 4px 12px #3b82f64d}.signup-form button[type=submit]:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#7c3aed);transform:translateY(-1px);box-shadow:0 6px 20px #3b82f666}.signup-form button[type=submit]:disabled{background:#94a3b84d;cursor:not-allowed;transform:none;box-shadow:none}.signup-form .text-xs.text-gray-500.text-center{color:#94a3b8;font-size:.75rem;text-align:center;margin-top:1rem;line-height:1.4}.signup-form .text-xs.text-gray-500.text-center a{color:#3b82f6;text-decoration:none}.signup-form .text-xs.text-gray-500.text-center a:hover{color:#60a5fa;text-decoration:underline}.billing-cycle-toggle{margin-top:1rem;padding:1rem 0;border-top:1px solid rgba(255,255,255,.1)}.toggle-buttons{display:flex;gap:.5rem;justify-content:center}.toggle-btn{padding:.5rem 1rem;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:#e2e8f0;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.toggle-btn:hover{border-color:#3b82f6;background:#3b82f61a}.toggle-btn.active{background:linear-gradient(135deg,#3b82f6,#9333ea);color:#fff;border-color:#3b82f6;box-shadow:0 2px 8px #3b82f64d}.toggle-btn .savings{background:#f59e0b;color:#fff;padding:.125rem .375rem;border-radius:10px;font-size:.75rem;font-weight:600}.loading-spinner{display:flex;justify-content:center;align-items:center;padding:2rem}.loading-spinner .spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.1);border-radius:50%;border-top-color:#3b82f6;animation:spin 1s ease-in-out infinite}.signup-container .max-w-md .bg-green-100{background:#10b9811a!important}.signup-container .max-w-md .text-green-600{color:#10b981!important}.signup-container .max-w-md .text-gray-900{color:#fff!important}.signup-container .max-w-md .text-gray-600{color:#94a3b8!important}.signup-container .max-w-md .bg-green-50{background:#10b9811a!important;border-color:#10b9814d!important}.signup-container .max-w-md .text-green-800{color:#10b981!important}.signup-container .max-w-md button{background:linear-gradient(135deg,#3b82f6,#9333ea)!important;color:#fff!important;box-shadow:0 4px 12px #3b82f64d!important;border:none!important}.signup-container .max-w-md button:hover{background:linear-gradient(135deg,#2563eb,#7c3aed)!important;transform:translateY(-1px)!important;box-shadow:0 6px 20px #3b82f666!important}.signup-container .bg-gray-200{background:#ffffff1a!important;color:#e2e8f0!important;border:1px solid rgba(255,255,255,.2)!important}.signup-container .bg-gray-200:hover{background:#ffffff26!important}.signup-container .text-gray-700{color:#e2e8f0!important}.payment-form{max-width:500px;margin:0 auto;padding:2rem;background:#1e222fcc;border-radius:12px;box-shadow:0 4px 24px #0000004d;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.payment-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.payment-header h2{color:#fff;font-size:1.75rem;font-weight:600;margin-bottom:1rem}.plan-summary{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:8px;padding:1rem;margin-bottom:1rem}.plan-details h3{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.plan-price{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1.5rem;font-weight:700;color:#60a5fa;margin-bottom:.5rem}.billing-cycle{font-size:1rem;font-weight:400;color:#94a3b8}.free-badge{background:#10b981;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:600}.savings-badge{background:#f59e0b;color:#fff;padding:.125rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600}.plan-description{color:#94a3b8;font-size:.875rem;margin:0}.payment-form-container{display:flex;flex-direction:column;gap:2rem}.form-section{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.form-section:first-child{background:#10b9810d;border-color:#10b9811a}.form-section:nth-child(2){background:#9333ea0d;border-color:#9333ea1a}.form-section h4{color:#fff;font-size:1.125rem;font-weight:600;margin:0}.account-summary{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.detail-item{display:flex;justify-content:space-between;align-items:center}.detail-item .label{color:#94a3b8;font-size:.875rem;font-weight:500}.detail-item .value{color:#fff;font-size:.875rem;font-weight:600}.card-inputs-container{display:flex;flex-direction:column;gap:1rem}.card-number-container{width:100%}.card-details-row{display:grid;grid-template-columns:2fr 1fr;gap:1rem}.card-element-wrapper{border:2px solid rgba(255,255,255,.15);border-radius:8px;padding:1rem;background:#0f1117cc;transition:all .3s ease;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:20px}.card-element-wrapper:focus-within{border-color:#3b82f6;background:#0f1117f2;box-shadow:0 4px 16px #3b82f633,0 0 0 1px #3b82f633;transform:translateY(-1px)}.card-element-wrapper:hover{border-color:#3b82f64d;background:#0f1117e6}.card-label{display:block;font-size:.875rem;font-weight:500;color:#e2e8f0;margin-bottom:.5rem}.card-number-container .card-element-wrapper{border-color:#3b82f633}.card-number-container .card-element-wrapper:before{content:"💳";position:absolute;top:-8px;left:12px;background:linear-gradient(135deg,#3b82f6,#9333ea);color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600}.card-expiry-container .card-element-wrapper{border-color:#10b98133}.card-expiry-container .card-element-wrapper:before{content:"📅";position:absolute;top:-8px;left:12px;background:#10b981e6;color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600}.card-cvc-container .card-element-wrapper{border-color:#f59e0b33}.card-cvc-container .card-element-wrapper:before{content:"🔒";position:absolute;top:-8px;left:12px;background:#f59e0be6;color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600}.card-element-container{display:none}.payment-note{color:#94a3b8;font-size:.75rem;margin:.5rem 0 0;display:flex;align-items:center;gap:.25rem}.payment-note:before{content:"ℹ️";font-size:.875rem}.trial-info{background:linear-gradient(135deg,#3b82f626,#9333ea26);border:1px solid rgba(59,130,246,.3);border-radius:8px;padding:1rem}.trial-badge{display:flex;align-items:flex-start;gap:.75rem}.trial-icon{font-size:1.25rem;line-height:1}.trial-details strong{color:#fff;font-size:.875rem;font-weight:600;display:block;margin-bottom:.25rem}.trial-details p{color:#94a3b8;font-size:.75rem;margin:0;line-height:1.4}.form-actions{display:flex;gap:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.btn-secondary{flex:1;padding:.875rem 1rem;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:#e2e8f0;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease}.btn-secondary:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff4d;color:#fff}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-primary{flex:2;padding:.875rem 1rem;background:linear-gradient(135deg,#3b82f6,#9333ea);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 12px #3b82f64d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#7c3aed);transform:translateY(-1px);box-shadow:0 6px 20px #3b82f666}.btn-primary:disabled{background:#94a3b84d;cursor:not-allowed;transform:none;box-shadow:none}.processing-indicator{display:flex;align-items:center;gap:.5rem}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.security-badges{display:flex;justify-content:center;gap:1.5rem;padding-top:1rem;margin-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.security-item{display:flex;align-items:center;gap:.25rem;color:#94a3b8;font-size:.75rem;font-weight:500}.security-icon{font-size:.875rem}@media (max-width: 640px){.payment-form{padding:1.5rem;margin:1rem}.payment-header h2{font-size:1.5rem}.plan-price{font-size:1.25rem}.form-actions{flex-direction:column}.btn-secondary,.btn-primary{flex:none}.security-badges{flex-direction:column;gap:.75rem}.detail-item{flex-direction:column;align-items:flex-start;gap:.25rem}.card-details-row{grid-template-columns:1fr;gap:1rem}.card-element-wrapper{padding:.875rem}.form-section{padding:1rem}}button[data-action-button]{border:none!important;background-color:transparent!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;cursor:pointer!important}button[data-action-button]:hover{background-color:var(--hover-bg)!important}button[data-action-button].hover\:bg-gray-100:hover{background-color:#f3f4f6!important}button[data-action-button].hover\:bg-gray-50:hover{background-color:#f9fafb!important}button[data-action-button].hover\:bg-gray-200:hover{background-color:#e5e7eb!important}button[data-action-button].hover\:scale-105:hover{transform:scale(1.05)!important}button[data-action-button].hover\:shadow-md:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f9fafb;color:#1f2937}#app-root{min-height:100vh}#app-container{min-height:100vh;background-color:#f9fafb}#sidebar{width:256px;background-color:#fff;height:100vh;flex-shrink:0;border-right:none}#sidebar-header{padding:24px}#sidebar-logo{display:flex;align-items:center}#logo-icon{width:32px;height:32px;background-color:#2563eb;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px}#sidebar-logo span{margin-left:12px;font-size:20px;font-weight:600;color:#1f2937}#nav-links{padding:0 12px}#nav-links a{display:flex;align-items:center;padding:8px 12px;margin-bottom:4px;border-radius:6px;text-decoration:none;font-size:14px;font-weight:500;color:#374151;transition:all .2s}#nav-links a:hover{background-color:#f3f4f6;color:#1f2937}#nav-links a.active{background-color:#eff6ff;color:#1d4ed8;border-right:2px solid #2563eb}#nav-links a span{margin-right:12px;font-size:18px}#admin-layout,#user-layout{display:flex;height:100vh;background-color:#f3f4f6}#admin-main,#user-main{flex:1;display:flex;flex-direction:column;overflow:hidden;border-left:none}#app-header{background-color:#fff;position:sticky;top:0;z-index:30}#header-container{max-width:1280px;margin:0 auto;padding:0 16px}#header-content{display:flex;justify-content:space-between;align-items:center}#header-title h1{font-size:20px;font-weight:600;color:#1f2937}#header-actions{display:flex;align-items:center;gap:16px}#user-info{display:flex;align-items:center;gap:12px}#user-avatar{width:32px;height:32px;background-color:#3b82f6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:500}#user-details p:first-child{font-size:14px;font-weight:500;color:#1f2937}#user-details p:last-child{font-size:12px;color:#6b7280}#logout-button{color:#6b7280;padding:8px 12px;border-radius:6px;font-size:14px;font-weight:500;background:none;border:none;cursor:pointer;transition:color .2s}#logout-button:hover{color:#374151}#admin-content,#user-content{flex:1;overflow-x:hidden;overflow-y:auto;padding:24px}#admin-dashboard-placeholder,#admin-users-placeholder,#admin-tasks-placeholder,#admin-logs-placeholder,#admin-analytics-placeholder,#user-dashboard-placeholder,#user-usage-placeholder,#user-profile-placeholder{background-color:#fff;border-radius:8px;padding:24px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}#admin-dashboard-placeholder h1,#admin-users-placeholder h1,#admin-tasks-placeholder h1,#admin-logs-placeholder h1,#admin-analytics-placeholder h1,#user-dashboard-placeholder h1,#user-usage-placeholder h1,#user-profile-placeholder h1{font-size:24px;font-weight:700;color:#1f2937;margin-bottom:8px}#admin-dashboard-placeholder p,#admin-users-placeholder p,#admin-tasks-placeholder p,#admin-logs-placeholder p,#admin-analytics-placeholder p,#user-dashboard-placeholder p,#user-usage-placeholder p,#user-profile-placeholder p{color:#6b7280;font-size:16px}#login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f9fafb;padding:48px 16px}#login-container{max-width:400px;width:100%}#login-header{text-align:center;margin-bottom:32px}#login-header h2{font-size:28px;font-weight:800;color:#1f2937;margin-bottom:8px}#login-header p{font-size:14px;color:#6b7280}#login-form{background-color:#fff;padding:32px;border-radius:8px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}#login-fields{margin-bottom:24px}#email-field,#password-field{margin-bottom:16px}#email-field input,#password-field input{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s}#email-field input:focus,#password-field input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}#login-error{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:6px;margin-bottom:16px}#login-submit button{width:100%;background-color:#2563eb;color:#fff;padding:12px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}#login-submit button:hover:not(:disabled){background-color:#1d4ed8}#login-submit button:disabled{opacity:.5;cursor:not-allowed}#login-loading{display:flex;align-items:center;justify-content:center}@media (max-width: 768px){#sidebar{transform:translate(-100%);transition:transform .3s}#admin-main,#user-main{margin-left:0}#user-details{display:none}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}#loading-spinner{animation:spin 1s linear infinite;border-radius:50%;width:128px;height:128px;border:2px solid #e5e7eb;border-top:2px solid #2563eb}#protected-route-loading{min-height:100vh;display:flex;align-items:center;justify-content:center}