body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.btn-disabled-high-contrast:disabled{background-color:#9ca3af!important;color:#fff!important;cursor:not-allowed!important;opacity:1!important}@media print{@page{size:A4;margin:0}body *{visibility:hidden}.admin-bar,.form-editor-actions,.form-editor-header,.site-header,.site-sidebar,.tox-menubar,.tox-statusbar,.tox-toolbar,.tox-toolbar-overlord{display:none!important}#printable-area,#printable-area *{visibility:visible}#printable-area{background-color:#fff;color:#000;font-family:Sarabun,TH Sarabun New,sans-serif;font-size:16pt;left:0;margin:0;padding:20mm;position:absolute;top:0;width:100%}.tox-tinymce{border:none!important}.mce-content-body{background-color:#fff!important;box-shadow:none!important;margin:0!important;min-height:auto!important;padding:0!important;width:100%!important}table{border-collapse:collapse;page-break-inside:auto;width:100%}table td,table th{border:1px solid #000;padding:4px}table td,table th,tr{page-break-inside:avoid}tr{page-break-after:auto}h1,h2,h3,h4,h5,h6{page-break-after:avoid}p{orphans:3;widows:3}}.admin-file-manager{margin:0 auto;max-width:1200px;padding:20px}.admin-file-manager h1{color:#333;margin-bottom:30px}.admin-file-manager h2{color:#555;font-size:1.3rem;margin-bottom:15px}.category-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;padding:20px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-header button{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px}.section-header button:hover{background:#45a049}.category-form{background:#f9f9f9;border-radius:4px;margin-bottom:20px;padding:15px}.category-form input,.category-form textarea{border:1px solid #ddd;border-radius:4px;font-family:Sarabun,sans-serif;margin-bottom:10px;padding:10px;width:100%}.category-form textarea{min-height:60px;resize:vertical}.category-form button{background:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 30px}.category-form button:hover{background:#0b7dda}.category-list{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.category-item{align-items:center;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;display:flex;justify-content:space-between;padding:12px}.category-item strong{color:#333}.file-count{color:#666;font-size:.9rem;margin-left:8px}.upload-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;padding:20px}.drop-zone{border:2px dashed #ccc;border-radius:8px;cursor:pointer;margin-bottom:20px;padding:40px;text-align:center;transition:all .3s ease}.drop-zone.active{background:#e3f2fd;border-color:#2196f3}.drop-zone:hover{background:#f9f9f9;border-color:#999}.file-label{cursor:pointer;display:block}.file-label p{color:#666;margin:5px 0}.hint{color:#999;font-size:.85rem}.upload-controls{align-items:center;display:flex;gap:15px}.upload-controls select{border:1px solid #ddd;border-radius:4px;flex:1 1;font-family:Sarabun,sans-serif;padding:10px}.upload-controls button{background:#ff9800;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:10px 30px}.upload-controls button:hover:not(:disabled){background:#f57c00}.upload-controls button:disabled{background:#ccc;cursor:not-allowed}.file-list-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.filters{gap:15px}.filters input,.filters select{border:1px solid #ddd;border-radius:4px;font-family:Sarabun,sans-serif;padding:8px 12px}.filters select{min-width:200px}.filters input{flex:1 1}.file-table{border-collapse:collapse;margin-top:20px;width:100%}.file-table th{background:#f5f5f5;border-bottom:2px solid #ddd;color:#555;font-weight:600;padding:12px;text-align:left}.file-table td{border-bottom:1px solid #eee;padding:12px}.file-table tr:hover{background:#f9f9f9}.delete-btn{background:#f44336;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;padding:6px 12px}.delete-btn:hover{background:#d32f2f}.edit-btn{background:#ff9800;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;margin-right:5px;padding:6px 12px}.edit-btn:hover{background:#f57c00}.no-files{color:#999;font-style:italic;padding:40px;text-align:center}@media (max-width:768px){.category-list{grid-template-columns:1fr}.upload-controls{flex-direction:column}.upload-controls button,.upload-controls select{width:100%}.filters{flex-direction:column}.filters input,.filters select{width:100%}.file-table{font-size:.9rem}.file-table td,.file-table th{padding:8px}}.admin-file-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.admin-file-modal-content{animation:slideUp .3s cubic-bezier(.16,1,.3,1);background:#fff;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 20px 50px #0000004d;box-sizing:border-box;max-width:500px;padding:32px;position:relative;width:90%}.admin-file-modal-content h3{color:#111;font-size:1.6rem;font-weight:700;margin-bottom:24px;margin-top:0}.admin-file-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:32px}.admin-file-modal-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;justify-content:center;min-width:100px;padding:10px 24px;transition:all .2s ease}.admin-file-modal-btn.cancel{background:#f0f0f0;border:1px solid #ddd;color:#555}.admin-file-modal-btn.cancel:hover{background:#e0e0e0;color:#333}.admin-file-modal-btn.save{background:#2563eb;box-shadow:0 4px 6px #2563eb33;color:#fff}.admin-file-modal-btn.save:hover:not(:disabled){background:#1d4ed8;box-shadow:0 6px 12px #2563eb4d;transform:translateY(-1px)}.admin-file-modal-btn.save:disabled{background:#93c5fd;box-shadow:none;cursor:not-allowed}.admin-file-modal-close{align-items:center;background:#f5f5f5;border:none;border-radius:50%;color:#777;cursor:pointer;display:flex;font-size:1.2rem;height:32px;justify-content:center;line-height:1;position:absolute;right:20px;top:20px;transition:all .2s;width:32px}.admin-file-modal-close:hover{background:#e5e5e5;color:#d32f2f}.form-group{margin-bottom:20px}.form-group label{color:#444;font-weight:500;margin-bottom:8px}.form-control{background-color:#fafafa;border:1px solid #e0e0e0;border-radius:8px;font-family:Sarabun,sans-serif;padding:10px 14px;transition:all .2s ease}.form-control:focus{background-color:#fff;border-color:#2196f3;box-shadow:0 0 0 4px #2196f31a}.admin-user-manager{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:2rem}.admin-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.admin-header h2{color:#1a202c;font-size:1.5rem;font-weight:600}.users-table-container{overflow-x:auto}.users-table{border-collapse:collapse;width:100%}.users-table td,.users-table th{border-bottom:1px solid #e2e8f0;padding:1rem;text-align:left}.users-table th{background:#f7fafc;color:#4a5568;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.subscription-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.subscription-badge.active{background:#c6f6d5;color:#22543d}.subscription-badge.expired{background:#fed7d7;color:#822727}.subscription-badge.none{background:#edf2f7;color:#4a5568}.action-btn{background:var(--brand-500);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.action-btn:hover{background:var(--brand-600)}.admin-user-manager .assign-modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.admin-user-manager .modal-content{background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;box-sizing:border-box;max-height:90vh;max-width:550px;overflow-y:auto;padding:3rem!important;position:relative;width:90%}.admin-user-manager .modal-content h3{color:#1a202c;font-size:1.5rem;font-weight:700;margin-bottom:.5rem;margin-top:0}.admin-user-manager .modal-content p{color:#718096;margin-bottom:2rem!important}.admin-user-manager .form-group{margin-bottom:1.5rem;padding:0}.form-group label{color:#2d3748;margin-bottom:.75rem}.admin-user-manager .form-control{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;box-sizing:border-box;font-size:1rem;padding:.875rem 1rem;transition:all .2s;width:100%}.admin-user-manager .form-control:focus{border-color:var(--brand-500);box-shadow:0 0 0 3px #4299e126;outline:none}.admin-user-manager .modal-actions{border-top:2px solid #edf2f7;display:flex;gap:1rem;justify-content:flex-end;margin-top:2.5rem;padding-top:1.5rem}.btn-cancel{background:#edf2f7;color:#4a5568}.btn-submit{background:var(--brand-500);color:#fff}.admin-package-manager{font-family:Sarabun,sans-serif;margin:0 auto;max-width:1200px;padding:2rem}.admin-package-manager.loading{align-items:center;color:#666;display:flex;font-size:1.2rem;justify-content:center;min-height:400px}.manager-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.manager-header h2{color:#1a1a1a;font-size:1.8rem;font-weight:700;margin:0}.alert{align-items:center;border-radius:12px;box-shadow:0 4px 6px #0000000d;gap:1rem;padding:1rem 1.5rem}.alert-error{background-color:#fff2f2;border:1px solid #ffcdd2;color:#d32f2f}.plans-table{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 20px #0000000d;overflow:hidden}.plans-table table{border-collapse:collapse;width:100%}.plans-table thead{background:#f8f9fa;border-bottom:2px solid #e9ecef}.plans-table th{color:#495057;font-size:.95rem;font-weight:600;letter-spacing:.5px;padding:1.2rem 1.5rem;text-align:left;text-transform:uppercase}.plans-table tbody tr{border-bottom:1px solid #f0f0f0;transition:all .2s ease}.plans-table tbody tr:last-child{border-bottom:none}.plans-table tbody tr:hover{background-color:#fafbfc}.plans-table tbody tr.inactive{background-color:#f8f9fa;opacity:.6}.plans-table td{color:#333;font-size:1rem;padding:1.2rem 1.5rem;vertical-align:middle}.plans-table td.price{color:#2e7d32;font-family:Roboto,sans-serif;font-weight:700}.plans-table td.actions{display:flex;gap:.5rem}.status-badge{align-items:center;border-radius:50px;display:inline-flex;gap:.4rem;padding:.35rem .85rem}.status-active{background-color:#e8f5e9;color:#2e7d32}.status-active:before{background-color:#2e7d32;border-radius:50%;content:"";height:6px;width:6px}.status-inactive{background-color:#ffebee;color:#c62828}.status-inactive:before{background-color:#c62828;border-radius:50%;content:"";height:6px;width:6px}.badge-yes{background-color:#e3f2fd;border-radius:6px;color:#1565c0;font-size:.85rem;font-weight:600;padding:.25rem .75rem}.badge-no{color:#9e9e9e;font-size:.85rem}.btn{align-items:center;border-radius:8px;display:inline-flex;font-size:.95rem;gap:.5rem;padding:.6rem 1.2rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-primary{background:#007bff;box-shadow:0 4px 12px #007bff33}.btn-primary:hover{background:#0056b3;box-shadow:0 6px 16px #007bff4d;transform:translateY(-1px)}.btn-secondary{background:#e9ecef;color:#495057}.btn-secondary:hover{background:#dee2e6;color:#212529}.btn-icon{align-items:center;background:#0000;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:1.1rem;height:36px;justify-content:center;transition:all .2s;width:36px}.btn-edit:hover{background-color:#e3f2fd;color:#1976d2}.btn-toggle:hover{background-color:#fff8e1;color:#f57c00}.btn-delete:hover{background-color:#ffebee;color:#d32f2f}.modal-overlay{animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009}.modal-content{animation:slideUp .3s cubic-bezier(.16,1,.3,1);box-shadow:0 20px 50px #0003;max-height:90vh;max-width:550px;position:relative}.modal-header{background:#fff;border-bottom:1px solid #f0f0f0;padding:1.5rem 2rem;z-index:10}.modal-header h3{color:#1a1a1a;font-size:1.4rem}.btn-close{background:#f8f9fa;border-radius:50%;color:#666;font-size:1.5rem}.btn-close:hover{background:#e9ecef}.modal-body{padding:2rem}.form-group label{color:#374151;font-size:.95rem}.form-group .input-wrapper{position:relative}.form-control{background:#f8f9fa;border:2px solid #e9ecef;border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:1rem;padding:.75rem 1rem;transition:all .2s;width:100%}.form-control:focus{background:#fff;border-color:#007bff;box-shadow:0 0 0 4px #007bff1a;outline:none}.form-row,.grid-2{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.duration-input-group{display:flex;gap:.5rem}.unit-select{cursor:pointer;flex-shrink:0;width:100px}.form-group .toggle-switch{align-items:center;background:#f8f9fa;border-radius:12px;cursor:pointer;display:flex;font-weight:400;gap:1rem;margin-bottom:0;padding:1rem;position:relative;transition:background .2s;width:auto}.form-group .toggle-switch.disabled{background:#f1f3f5;cursor:not-allowed;opacity:.6}.form-group .toggle-switch.disabled:hover,.toggle-switch:hover{background:#f1f3f5}.toggle-input{appearance:none;display:none!important;opacity:0;position:absolute}.toggle-slider{background-color:#cbd5e1;border-radius:26px;flex-shrink:0;height:26px;position:relative;transition:all .3s ease;width:50px}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px #0003;content:"";height:20px;left:4px;position:absolute;transition:all .3s ease;width:20px}.toggle-input:checked+.toggle-slider{background-color:#10b981}.toggle-input:checked+.toggle-slider:before{transform:translateX(22px)}.toggle-label{color:#374151;font-weight:500}.features-container{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:1rem}.feature-add-row{display:flex;gap:.5rem;margin-bottom:1rem}.btn-add{align-items:center;background:#10b981;border-radius:10px;color:#fff;display:flex;flex-shrink:0;justify-content:center;padding:0;width:42px}.btn-add:hover{background:#059669}.feature-list{display:flex;flex-direction:column;gap:.5rem}.feature-item{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:8px;display:flex;font-size:.95rem;gap:.5rem;padding:.5rem .75rem}.feature-text{flex:1 1;word-break:break-word}.btn-remove-feature{align-items:center;background:#fee2e2;border:none;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;font-size:.8rem;height:24px;justify-content:center;transition:all .2s;width:24px}.btn-remove-feature:hover{background:#fecaca;transform:scale(1.1)}.empty-features{color:#9ca3af;font-size:.9rem;font-style:italic;padding:1rem;text-align:center}.modal-actions{background:#f8f9fa;border-top:1px solid #e9ecef;margin-top:auto;padding:1.5rem 2rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.modal-content{border-radius:0;height:100%;max-height:100%;width:100%}.form-row{grid-template-columns:1fr}}.admin-problem-reports{margin:0 auto;max-width:1400px;padding:2rem}.header h1{color:#1a1a1a;font-size:2rem;margin-bottom:1.5rem}.stats-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{background:#fff;border-left:4px solid #4a90e2;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem;text-align:center}.stat-card.stat-pending{border-left-color:#ffc107}.stat-card.stat-investigating{border-left-color:#17a2b8}.stat-card.stat-resolved{border-left-color:#28a745}.stat-value{color:#1a1a1a;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.stat-label{color:#666;font-size:.9rem}.filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.filter-group label{color:#333}.search-group{display:flex;flex:1 1;gap:.5rem;max-width:500px}.search-group input{border:1px solid #ddd;border-radius:6px;flex:1 1;font-size:1rem;padding:.5rem 1rem}.btn{padding:.5rem 1.5rem}.btn-search{background:#4a90e2;color:#fff}.btn-search:hover{background:#357abd}.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333}.btn-full{padding:.75rem;width:100%}.empty-state,.error-message,.loading{color:#666;font-size:1.1rem;padding:3rem;text-align:center}.error-message{color:#dc3545}.reports-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1.5fr;min-height:500px}.reports-list{display:flex;flex-direction:column;gap:1rem;max-height:800px;overflow-y:auto;padding-right:.5rem}.report-card{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;padding:1.5rem;transition:all .2s}.report-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.report-card.selected{background:#f0f7ff;border-color:#4a90e2}.report-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.report-header h3{color:#1a1a1a;flex:1 1;font-size:1.1rem;margin:0}.status-badge{font-size:.85rem;white-space:nowrap}.status-pending{background:#fff3cd}.status-investigating{background:#d1ecf1;color:#0c5460}.status-resolved{background:#d4edda;color:#155724}.report-meta{color:#666;display:flex;font-size:.875rem;justify-content:space-between}.report-images-indicator{color:#4a90e2;font-size:.875rem;margin-top:.5rem}.report-detail{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;max-height:800px;overflow-y:auto;padding:2rem}.detail-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.detail-header h2{color:#1a1a1a;font-size:1.5rem;margin:0}.detail-content{display:flex;flex-direction:column;gap:1.5rem}.detail-section label{color:#333;display:block;font-weight:600;margin-bottom:.5rem}.detail-section p{color:#666;line-height:1.6;margin:0}.detail-section p.description{background:#f9f9f9;border-radius:6px;padding:1rem;white-space:pre-wrap}.detail-section select,.detail-section textarea{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:1rem;padding:.75rem;width:100%}.detail-section textarea{resize:vertical}.images-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:.5rem}.image-link{border:1px solid #ddd;border-radius:8px;display:block;overflow:hidden;transition:transform .2s}.image-link:hover{box-shadow:0 4px 12px #0003;transform:scale(1.05)}.image-link img{display:block;height:150px;object-fit:cover;width:100%}.pagination{padding:1rem}.page-info{color:#666}@media (max-width:1024px){.reports-container{grid-template-columns:1fr}.report-detail{position:sticky;top:1rem}}@media (max-width:768px){.admin-problem-reports{padding:1rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.filters{flex-direction:column}.search-group{max-width:100%}}.admin-subscription-requests{padding:2rem}.admin-subscription-requests.loading{color:#666;font-size:1.2rem;padding:4rem;text-align:center}.requests-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.requests-header h2{color:#333;font-size:1.8rem;margin:0}.filter-group{align-items:center;display:flex;gap:.5rem}.filter-group label{color:#555;font-weight:600}.filter-group select{border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:1rem;padding:.5rem 1rem}.requests-stats{color:#666;margin-bottom:1rem}.requests-table{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:1.5rem;overflow:hidden}.requests-table table{border-collapse:collapse;width:100%}.requests-table thead{background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff}.requests-table th{font-size:.95rem;font-weight:600;padding:1rem;text-align:left}.requests-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background-color .2s}.requests-table tbody tr:hover{background-color:#f8f9fa}.requests-table td{font-size:.95rem;padding:1rem}.requests-table td.no-data{color:#999;font-style:italic;padding:3rem;text-align:center}.requests-table td.actions{display:flex;gap:.5rem}.user-info strong{color:#333}.notes{color:#666;font-size:.875rem;font-style:italic}.status-badge{display:inline-block}.btn{font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease}.btn-approve{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.btn-approve:hover:not(:disabled){box-shadow:0 4px 12px #4caf5066;transform:translateY(-2px)}.btn-reject{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.btn-reject:hover:not(:disabled){box-shadow:0 4px 12px #f4433666;transform:translateY(-2px)}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background:#5a6268}.pagination{margin-top:1.5rem}.btn-page{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;padding:.5rem 1rem;transition:all .2s}.btn-page:hover:not(:disabled){background:#f8f9fa;border-color:#4a90e2}.btn-page:disabled{cursor:not-allowed;opacity:.5}.page-info{color:#555;font-weight:600}.modal-overlay{background-color:#00000080;bottom:0;left:0;right:0;top:0;z-index:1000}.modal-content{border-radius:12px;box-shadow:0 8px 32px #0003;max-width:500px;padding:2rem}.modal-header{border-bottom:2px solid #f0f0f0;margin-bottom:1.5rem;padding-bottom:1rem}.modal-header h3{color:#333;font-size:1.5rem}.btn-close{align-items:center;background:none;border:none;border-radius:4px;color:#999;cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:32px}.btn-close:hover{background-color:#f0f0f0;color:#333}.request-details{background:#f8f9fa;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.request-details p{color:#555;margin:.5rem 0}.form-group textarea{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.form-group textarea:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a;outline:none}.modal-actions{border-top:2px solid #f0f0f0;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem}@media (max-width:768px){.admin-subscription-requests{padding:1rem}.requests-header{align-items:flex-start;flex-direction:column;gap:1rem}.requests-table{overflow-x:auto}.requests-table table{min-width:900px}.modal-content{padding:1.5rem}}.admin-search-logs{margin:0 auto;max-width:1200px;padding:2rem}.logs-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.search-controls{display:flex;gap:1rem}.logs-table{background:#fff;border-collapse:collapse;border-radius:12px;box-shadow:0 4px 6px #0000000d;overflow:hidden;width:100%}.logs-table td,.logs-table th{border-bottom:1px solid #f0f0f0;padding:1rem 1.5rem;text-align:left}.logs-table th{background:#f8f9fa;color:#4b5563;font-weight:600}.keyword-tag{background:#eef2ff;border-radius:4px;color:#4f46e5;cursor:pointer;display:inline-block;font-size:.85rem;margin-bottom:.2rem;margin-right:.4rem;padding:.2rem .6rem;transition:all .2s}.keyword-tag:hover{background:#e0e7ff;text-decoration:underline}.result-count-badge{background:#ecfdf5;border-radius:9999px;color:#059669;font-size:.9rem;font-weight:500;padding:.2rem .6rem}.pagination{gap:1rem;margin-top:2rem}.pagination button{background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;padding:.5rem 1rem}.pagination button:disabled{cursor:not-allowed;opacity:.5}.loading-state{color:#666;font-size:1.1rem;padding:3rem;text-align:center}.view-toggle{background:#f3f4f6;border-radius:8px;gap:4px;padding:4px}.toggle-btn{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s}.toggle-btn.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#4f46e5}.file-download-page-v2{margin:0 auto;max-width:1200px;padding:20px}.page-header{margin-bottom:30px;text-align:center}.page-header h1{color:#333;font-size:2rem;margin-bottom:8px}.page-header p{color:#666;font-size:1rem}.filters-bar{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.search-input{flex:2 1;min-width:250px}.filter-select,.search-input{border:2px solid #e0e0e0;border-radius:8px;font-family:Sarabun,sans-serif;font-size:1rem;padding:12px 16px}.filter-select{background:#fff;cursor:pointer;flex:1 1;min-width:180px;transition:all .3s ease}.filter-select:hover{border-color:#667eea}.filter-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.sort-order-btn{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:1.3rem;padding:12px 20px;transition:all .3s ease}.sort-order-btn:hover{background:#f5f7ff;border-color:#667eea}.toolbar{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.stats{color:#666;font-size:.95rem}.view-toggle{display:flex;gap:8px}.view-btn{background:#fff;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:1.2rem;padding:8px 16px;transition:all .3s ease}.view-btn:hover{background:#f5f7ff;border-color:#667eea}.view-btn.active{background:#667eea;border-color:#667eea;color:#fff}.file-container.list{display:flex;flex-direction:column;gap:12px}.file-container.list .file-item{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #00000014;display:flex;gap:15px;padding:15px 20px;transition:all .3s ease}.file-container.list .file-item:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.file-container.list .file-icon{flex-shrink:0;font-size:2rem}.file-container.list .file-info{flex:1 1;min-width:0}.file-container.list .download-btn{flex-shrink:0}.file-container.grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.file-container.grid .file-item{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;padding:20px;transition:all .3s ease}.file-container.grid .file-item:hover{box-shadow:0 6px 16px #00000026;transform:translateY(-5px)}.file-container.grid .file-icon{font-size:3.5rem;margin-bottom:15px;text-align:center}.file-container.grid .file-info{flex:1 1;margin-bottom:15px}.file-container.grid .download-btn{width:100%}.file-name{color:#333;font-size:1.05rem;font-weight:600;line-height:1.4;margin-bottom:8px;word-break:break-word}.file-meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}.file-category{background:#e3f2fd;border-radius:12px;color:#1976d2;font-size:.85rem;font-weight:500;padding:4px 12px}.file-size{color:#999;font-size:.9rem}.file-stats{color:#666;display:flex;font-size:.85rem;gap:15px}.download-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:10px 20px;transition:all .3s ease}.download-btn:hover{box-shadow:0 4px 12px #667eea66;transform:scale(1.05)}.download-btn:active{transform:scale(.98)}.pagination{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:30px}.page-btn{background:#fff;border:2px solid #e0e0e0;border-radius:6px;color:#666;cursor:pointer;font-family:Sarabun,sans-serif;font-size:.95rem;min-width:40px;padding:8px 14px;transition:all .3s ease}.page-btn:hover:not(:disabled){background:#f5f7ff;border-color:#667eea;color:#667eea}.page-btn.active{background:#667eea;border-color:#667eea;color:#fff;font-weight:700}.page-btn:disabled{cursor:not-allowed;opacity:.5}.page-dots{color:#999;padding:0 8px}.loading,.no-files{color:#999;font-size:1.2rem;padding:60px 20px;text-align:center}@media (max-width:768px){.filters-bar{flex-direction:column}.filter-select,.search-input{min-width:0;min-width:auto;width:100%}.toolbar{align-items:stretch;flex-direction:column;gap:12px}.view-toggle{justify-content:center}.file-container.grid{grid-template-columns:1fr}.pagination{gap:6px}.page-btn{font-size:.85rem;min-width:35px;padding:6px 10px}}.modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content.upgrade-alert{animation:slideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-width:450px;padding:30px;text-align:center;width:90%}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.upgrade-alert h3{align-items:center;color:#c53030;display:flex;font-size:1.5rem;gap:10px;justify-content:center;margin-bottom:20px}.upgrade-alert p{color:#4a5568;font-size:1.1rem;line-height:1.6;margin-bottom:30px}.modal-actions{display:flex;gap:15px;justify-content:center}.btn-cancel{background:#0000;border:2px solid #e2e8f0;border-radius:8px;color:#718096;cursor:pointer;font-family:Sarabun,sans-serif;font-size:1rem;padding:10px 25px;transition:all .2s}.btn-cancel:hover{background:#f7fafc;border-color:#cbd5e0}.btn-upgrade{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 6px #667eea4d;color:#fff;cursor:pointer;font-family:Sarabun,sans-serif;font-size:1rem;font-weight:700;padding:10px 25px;transition:all .2s}.btn-upgrade:hover{box-shadow:0 6px 8px #667eea66;transform:translateY(-2px)}.problem-report-page{margin:0 auto;max-width:900px;padding:2rem}.problem-report-container h1{color:#1a1a1a;font-size:2rem;margin-bottom:.5rem}.subtitle{color:#666;margin-bottom:2rem}.alert{align-items:flex-start;display:flex;gap:.5rem;margin-bottom:1.5rem}.alert-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.alert-error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.problem-report-form{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#333;display:block;font-weight:600;margin-bottom:.5rem}.form-group input[type=email],.form-group input[type=text],.form-group textarea{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.form-group input[type=email]:focus,.form-group input[type=text]:focus,.form-group textarea:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a;outline:none}.form-group textarea{min-height:120px;resize:vertical}.field-hint{color:#666;display:block;font-size:.875rem;font-style:italic;margin-top:.25rem}.image-upload-section{margin-top:.5rem}.image-upload-button{align-items:center;background:#f9f9f9;border:2px dashed #ddd;border-radius:8px;cursor:pointer;display:inline-flex;flex-direction:column;justify-content:center;padding:2rem;transition:all .2s;width:100%}.image-upload-button:hover{background:#f0f7ff;border-color:#4a90e2}.image-upload-button span{color:#4a90e2;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.image-upload-button small{color:#666;font-size:.875rem}.image-preview-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:1rem}.image-preview-item{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;overflow:hidden;position:relative}.image-preview-item img{display:block;height:150px;object-fit:cover;width:100%}.remove-image-button{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:28px;justify-content:center;line-height:1;position:absolute;right:.5rem;top:.5rem;transition:background .2s;width:28px}.remove-image-button:hover{background:#dc3545e6}.image-filename{color:#666;display:block;font-size:.75rem;overflow:hidden;padding:.5rem;text-overflow:ellipsis;white-space:nowrap}.form-actions{margin-top:2rem}.btn{border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .2s}.btn-primary{background:#4a90e2;color:#fff}.btn-primary:hover:not(:disabled){background:#357abd;box-shadow:0 4px 12px #4a90e24d;transform:translateY(-1px)}.btn:disabled{cursor:not-allowed;opacity:.6}.info-box h3{color:#333;font-size:1.1rem;margin-bottom:1rem;margin-top:0}.info-box ul{margin:0;padding-left:1.5rem}.info-box li{color:#666;line-height:1.6;margin-bottom:.5rem}.info-box li:last-child{margin-bottom:0}.subscription-page{align-items:flex-start;display:flex;justify-content:center;margin:0;padding:0;width:100%}.subscription-container{margin:0 auto;max-width:1400px;padding:2rem;width:100%}.subscription-container h1{color:#1a1a1a;font-size:2.5rem;margin-bottom:.5rem;text-align:center}.subscription-container .subtitle{color:#666;font-size:1.1rem;margin-bottom:3rem;text-align:center}.loading{color:#666;font-size:1.2rem;padding:4rem}.alert{border-radius:8px;margin-bottom:2rem;padding:1rem}.alert-error{background-color:#fee;border:1px solid #fcc;color:#c33}.current-subscription{margin-bottom:3rem}.current-subscription h2{color:#333;font-size:1.5rem;margin-bottom:1rem}.subscription-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.subscription-card.active{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#4caf50}.subscription-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.subscription-header h3{color:#1a1a1a;font-size:1.5rem;margin:0}.badge{border-radius:20px;font-size:.875rem;font-weight:600;padding:.25rem .75rem}.badge-active{background-color:#4caf50;color:#fff}.subscription-details p{color:#555;margin:.5rem 0}.feature-highlight{color:#4caf50;font-weight:600;margin-top:1rem!important}.my-requests{margin-bottom:3rem}.my-requests h2{color:#333;font-size:1.5rem;margin-bottom:1rem}.request-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:1rem;padding:1rem}.request-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.request-header h4{color:#333;font-size:1.1rem;margin:0}.status-badge{border-radius:20px;font-size:.875rem;padding:.25rem .75rem}.status-pending{background-color:#fff3cd;color:#856404}.status-approved{background-color:#d4edda;color:#155724}.status-rejected{background-color:#f8d7da;color:#721c24}.request-date{color:#666;font-size:.875rem;margin:.5rem 0}.admin-notes{background-color:#f8f9fa;border-left:3px solid #4a90e2;border-radius:4px;font-size:.9rem;margin-top:.5rem;padding:.75rem}.plans-section,.plans-section h2{margin-bottom:2rem}.plans-section h2{color:#333;font-size:1.8rem;text-align:center}.plans-grid{display:flex;gap:1.5rem;justify-content:center;margin-bottom:2rem;overflow-x:auto;padding-bottom:1rem}.plans-grid::-webkit-scrollbar{height:8px}.plans-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.plans-grid::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.plans-grid::-webkit-scrollbar-thumb:hover{background:#555}.plan-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;flex-shrink:0;min-width:240px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.plan-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-5px)}.plan-premium{background:linear-gradient(135deg,#fff,#f0f7ff);border-color:#4a90e2}.premium-badge{background:linear-gradient(135deg,#4a90e2,#357abd);border-radius:20px;color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .75rem;position:absolute;right:1rem;text-transform:uppercase;top:1rem}.plan-header{border-bottom:2px solid #f0f0f0;margin-bottom:1.5rem;padding-bottom:1.5rem;text-align:center}.plan-header h3{color:#1a1a1a;font-size:1.5rem;margin:0 0 1rem}.plan-price{align-items:baseline;display:flex;gap:.25rem;justify-content:center}.price-free{color:#4caf50;font-size:2rem;font-weight:700}.price-amount{color:#1a1a1a;font-size:2.5rem;font-weight:700}.price-period{color:#666;font-size:1rem}.plan-features{margin-bottom:1.5rem}.plan-features .duration{color:#4a90e2;font-weight:600;margin-bottom:1rem}.plan-features .description{color:#666;font-size:.95rem;margin-bottom:1rem}.plan-features .feature-item{color:#555;font-size:.95rem;margin:.5rem 0}.btn-select-plan{background:linear-gradient(135deg,#4a90e2,#357abd);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem;transition:all .3s ease;width:100%}.btn-select-plan:hover:not(:disabled){box-shadow:0 4px 12px #4a90e266;transform:translateY(-2px)}.btn-select-plan:disabled{background:#ccc;cursor:not-allowed;transform:none}.plan-premium .btn-select-plan{background:linear-gradient(135deg,#4caf50,#45a049)}.plan-premium .btn-select-plan:hover:not(:disabled){box-shadow:0 4px 12px #4caf5066}.info-box{background:#f8f9fa;border-left:4px solid #4a90e2;border-radius:6px;padding:1.5rem;text-align:center}.info-box p{color:#555;font-size:1.1rem;margin:0}@media (max-width:768px){.subscription-page{padding:1rem}.subscription-container h1{font-size:2rem}.plans-grid{gap:1.5rem;grid-template-columns:1fr}.plan-card{padding:1.5rem}}*{box-sizing:border-box;margin:0;padding:0}:root{--brand-50:#f5f3ff;--brand-100:#ede9fe;--brand-200:#ddd6fe;--brand-300:#c4b5fd;--brand-400:#a78bfa;--brand-500:#8b5cf6;--brand-600:#7c3aed;--brand-700:#6d28d9;--brand-800:#5b21b6;--brand-900:#4c1d95;--text:#0f172a;--muted:#475569;--border:#e2e8f0;--bg:#fff}body{background:linear-gradient(135deg,#667eea,#764ba2);color:#333;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.container,body{min-height:100vh}.container{display:flex;flex-direction:column;margin:0 auto;max-width:1400px;padding:20px}.header{animation:slideDown .6s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;justify-content:space-between;margin-bottom:30px;padding:20px 30px}.header,.logo{align-items:center;display:flex}.logo{gap:15px}.logo-icon{align-items:center;background:#fff;border-radius:16px;box-shadow:0 12px 30px #00000026;display:flex;height:48px;justify-content:center;overflow:hidden;width:48px}.logo-icon img{display:block;height:100%;object-fit:cover;width:100%}.logo-text{color:#fff;font-size:24px;font-weight:700}.header-controls{gap:15px}.header-controls,.top-menu{align-items:center;display:flex}.top-menu{gap:12px}.top-menu-item{background:#ffffff26;border:none;border-radius:999px;color:#fff;cursor:pointer;font-weight:600;padding:10px 18px;transition:all .3s ease}.top-menu-item.active{background:linear-gradient(45deg,#667eea,#764ba2);box-shadow:0 10px 25px #667eea59}.top-menu-item:disabled{cursor:not-allowed;opacity:.4}.top-menu-item:not(:disabled):hover{transform:translateY(-2px)}.user-info{align-items:flex-end;display:flex;flex-direction:column}.user-email{color:#fff;font-size:14px;font-weight:500}.admin-badge{background:#fff3;border-radius:999px;color:#fff;font-size:11px;letter-spacing:.05em;margin-top:4px;padding:2px 10px;text-transform:uppercase}.user-info.clickable{align-items:center;background:#ffffff26;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;padding:8px 16px;transition:all .3s ease}.user-info.clickable:hover{background:#ffffff40;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.login-btn{background:linear-gradient(135deg,#8b5cf6,#6d28d9);background:linear-gradient(135deg,var(--brand-500),var(--brand-700));border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:600;padding:10px 16px;transition:all .3s ease}.login-btn:hover{box-shadow:0 16px 30px #6366f159;transform:translateY(-2px)}.user-info.guest{opacity:.8}.logout-btn{background:#ffffff26;border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:500;padding:10px 16px;transition:all .3s ease}.logout-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.lang-toggle{background:#fff3;border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .3s ease}.lang-toggle:hover{background:#ffffff4d;transform:translateY(-2px)}.main-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 400px}.main-content,.main-content-full{animation:fadeInUp .8s ease-out;flex:1 1}.main-content-full{width:100%}.search-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:25px;box-shadow:0 20px 40px #0000001a;padding:40px}.search-header{margin-bottom:40px;text-align:center}.search-title{color:#2d3748;font-size:32px;font-weight:700;margin-bottom:10px}.search-subtitle{color:#718096;font-size:16px}.search-container{align-items:flex-start;display:flex;gap:10px;margin-bottom:30px;position:relative}.search-input{background:#fff;border:2px solid #e2e8f0;border-radius:15px;font-family:inherit;font-size:16px;line-height:1.5;padding:20px;resize:none;transition:all .3s ease;width:100%}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.search-btn{align-items:center;align-self:stretch;background:linear-gradient(45deg,#667eea,#764ba2);border:none;border-radius:15px;color:#fff;cursor:pointer;display:flex;height:100%;justify-content:center;padding:12px 20px;transition:all .3s ease}.search-btn:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.court-selector-inline{flex-shrink:0}.court-selector-inline select{appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;border:2px solid #e2e8f0;border-radius:15px;color:#2d3748;cursor:pointer;font-size:16px;font-weight:500;height:100%;outline:none;padding:20px 40px 20px 15px;transition:all .3s ease}.court-selector-inline select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-options{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:30px}.search-option{background:#f7fafc;border:2px solid #e2e8f0;border-radius:25px;cursor:pointer;font-weight:500;padding:12px 20px;transition:all .3s ease}.search-option.active{background:linear-gradient(45deg,#667eea,#764ba2);border-color:#0000;color:#fff}.search-option:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-2px)}.results-section{margin-top:30px}.results-upgrade-card{grid-gap:10px;background:#6366f114;border:1px solid #6366f126;border-radius:18px;color:#4338ca;display:grid;gap:10px;margin-top:24px;padding:20px;text-align:center}.results-upgrade-card h3{color:#312e81;font-size:18px;font-weight:700}.results-upgrade-card p{color:#4c51bf;font-size:14px}.result-card{animation:slideInLeft .5s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:15px;box-shadow:0 5px 15px #0000000d;margin-bottom:20px;padding:25px;transition:all .3s ease}.result-card:hover{box-shadow:0 15px 30px #0000001a;transform:translateY(-5px)}.result-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.result-title{color:#2d3748;font-size:18px;font-weight:600;margin-bottom:5px}.result-meta{color:#718096;display:flex;font-size:14px;gap:15px}.result-content{color:#4a5568;line-height:1.6;margin-bottom:15px}.result-content-preview{max-height:16em;overflow:hidden;white-space:pre-wrap}.read-more-btn{background:none;border:none;color:#667eea;cursor:pointer;font-weight:600;margin-bottom:15px;padding:8px 0;transition:color .3s ease}.read-more-btn:hover{color:#764ba2}.highlight{background:#f87171;border-radius:4px;color:#fff;font-weight:600;padding:0 2px}.result-tags{display:flex;flex-wrap:wrap;gap:8px}.tag{background:#e6fffa;border-radius:12px;color:#319795;font-size:12px;font-weight:500;padding:4px 12px}.similarity-score{background:linear-gradient(45deg,#667eea,#764ba2);border-radius:15px;color:#fff;font-size:12px;font-weight:600;padding:6px 12px}.result-modal-overlay{align-items:flex-start;background:#0009;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:40px 20px;position:fixed;z-index:999}.result-modal{background:#fff;border-radius:16px;box-shadow:0 20px 45px #0003;margin:0 auto 40px;padding:30px 40px;position:relative;width:min(900px,100%)}.modal-close-btn{background:none;border:none;color:#4a5568;cursor:pointer;font-size:28px;position:absolute;right:20px;top:16px}.modal-close-btn:hover{color:#2d3748}.result-modal-header{margin-bottom:20px}.modal-top-bar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px;padding-right:52px}.result-modal-content{color:#4a5568;line-height:1.8;margin-bottom:20px;white-space:pre-wrap}.result-share-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:0}.share-label{color:#4a5568;font-weight:600;margin-right:4px}.share-btn{align-items:center;border:none;border-radius:999px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transition:transform .2s ease,box-shadow .2s ease}.share-btn:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-1px)}.share-facebook{background:#1877f2;color:#fff}.share-line{background:#06c755;color:#fff}.share-copy{background:#edf2f7;color:#1a202c}.print-btn{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:999px;color:#1a202c;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transition:transform .2s ease,box-shadow .2s ease}.print-btn:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-1px)}.page-content{background:#fffffff2;border:1px solid #ffffff4d;border-radius:25px;box-shadow:0 20px 40px #0000001a;flex-direction:column;gap:30px;padding:40px}.page-content,.page-content-full{animation:fadeInUp .8s ease-out;display:flex}.page-content-full{align-items:flex-start;justify-content:center;margin:0;padding:0;width:100%}.auth-shell{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:48px 16px;position:relative}.auth-shell:before{background:radial-gradient(60% 60% at 50% 10%,#ffffffb3,#0000 70%);content:"";inset:0;pointer-events:none;position:absolute}.auth-card{animation:authCardEnter .25s ease-out;background:#fff;border-radius:30px;box-shadow:0 45px 85px #6366f12e;color:#0f172a;color:var(--text);overflow:hidden;padding:54px 44px 40px;position:relative;width:min(420px,100%)}.auth-card:before{background:linear-gradient(135deg,#805af11f,#4361ee1a);border-radius:30px;content:"";inset:0;opacity:.55;pointer-events:none;position:absolute}.auth-card:after{background:linear-gradient(90deg,#6d28d9,#8b5cf6,#ec4899);content:"";height:8px;left:0;position:absolute;right:0;top:0}.auth-card>*{position:relative;z-index:1}.auth-brand{gap:12px;margin-bottom:20px}.auth-brand,.auth-brand__icon{align-items:center;display:flex;justify-content:center}.auth-brand__icon{background:linear-gradient(135deg,#6d28d9,#8b5cf6);border-radius:16px;box-shadow:0 12px 24px #6d28d940;color:#fff;height:48px;position:relative;width:48px}.auth-brand__icon:before{border:2px solid #ffffffd9;border-radius:6px;box-shadow:inset 0 0 0 2px #ffffff26;height:20px;width:20px}.auth-brand__icon:after,.auth-brand__icon:before{content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg)}.auth-brand__icon:after{border:2px solid #ffffffd9;border-radius:4px;height:10px;width:10px}.auth-brand__name{color:#1e1b4b;font-size:18px;font-weight:600}.auth-tabs{background:#f6f6ffe6;border:1px solid #8f9bb31f;border-radius:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:28px;padding:4px}.auth-tabs button{align-items:center;background:#0000;border:none;border-radius:12px;color:#475569;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .3s ease}.auth-tabs button.active{background:#fff;box-shadow:0 12px 26px #6366f138;color:#1f1c4e}.auth-headline{margin-bottom:28px;text-align:center}.auth-headline h2{color:#1f1c4e;font-size:24px;font-weight:700;margin-bottom:6px}.auth-headline p{color:#6b6c94;font-size:14px}.auth-error,.auth-success{align-items:center;border-radius:12px;display:flex;font-size:14px;gap:10px;margin-bottom:24px;padding:14px 16px}.auth-error{background:#fef2f2;border:1px solid #fee2e2;box-shadow:0 2px 4px #ef44440d;color:#ef4444;font-weight:500;justify-content:center;text-align:center}.auth-success{background:#48bb781f;color:#047857;justify-content:center}.auth-form{gap:20px}.auth-field,.auth-form{display:flex;flex-direction:column}.auth-field{gap:8px}.auth-field label{color:#6b7280;font-size:13px;font-weight:600;letter-spacing:.01em}.auth-input-wrapper{position:relative}.auth-input-wrapper input{background:#f9f9ff;border:1px solid #94a3b859;border-radius:16px;font-size:15px;padding:14px 48px 14px 18px;transition:all .25s ease;width:100%}.auth-input-wrapper input::placeholder{color:#94a3b8d9}.auth-input-wrapper input:focus{background:#fff;border-color:#7c3aed;box-shadow:0 0 0 4px #7c3aed2e;outline:none}.auth-input-icon{color:#94a3b8;font-size:16px;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.password-meter{background:#e2e8f0d9;border-radius:999px;height:6px;margin-top:8px;overflow:hidden}.password-meter__fill{background:linear-gradient(90deg,#f87171,#f97316);border-radius:inherit;height:100%;transition:width .25s ease,background .25s ease;width:0}.auth-remember{align-items:center;color:#475569;display:flex;font-size:13px;justify-content:space-between}.auth-remember label{align-items:center;cursor:pointer;display:flex;gap:8px}.auth-remember input[type=checkbox]{accent-color:#6d28d9;border-radius:6px;height:18px;width:18px}.password-toggle{right:14px}.auth-secondary-link{background:none;border:none;color:#6d28d9;cursor:pointer;font-weight:600;padding:0}.auth-secondary-link:hover{text-decoration:underline}.auth-submit{align-items:center;background-image:linear-gradient(120deg,#6d28d9,#8b5cf6,#a855f7 85%);border-radius:18px;box-shadow:0 22px 48px #6d28d959;color:#fff;display:inline-flex;font-weight:600;gap:10px;justify-content:center;padding:16px;position:relative;transition:transform .25s ease,box-shadow .25s ease;width:100%}.auth-submit:hover{box-shadow:0 20px 42px #6d28d961;transform:translateY(-2px)}.auth-submit:disabled{opacity:.75;pointer-events:none}.auth-submit:focus-visible{outline:3px solid #7c3aed59;outline-offset:3px}.auth-spinner{animation:spin .8s linear infinite;border:3px solid #fff6;border-radius:50%;border-top-color:#fff;display:inline-block;height:18px;width:18px}.auth-footer{color:#9ca3af;font-size:12px;margin-top:28px;text-align:center}.inline-error{color:#c53030;font-size:12px}.password-reqs{grid-gap:4px;color:#64748b;display:grid;font-size:12px;gap:4px;list-style:none;margin-top:8px}.password-reqs li{align-items:center;display:flex;gap:6px}.password-reqs .req-icon{font-weight:600;text-align:center;width:14px}.password-reqs li[data-met=true]{color:#16a34a;font-weight:600}.danger-btn,.primary-btn,.secondary-btn{border:none;border-radius:12px;cursor:pointer;font-weight:600;padding:12px 18px;transition:all .3s ease}.primary-btn{box-shadow:0 10px 25px #667eea59}.secondary-btn{background:#667eea1a;color:#4c51bf}.secondary-btn:hover{background:#667eea33}.primary-btn:disabled{box-shadow:none;cursor:wait;opacity:.6;transform:none}.danger-btn{background:#f8717133;color:#c53030}.danger-btn:hover{background:#f871714d}.pending-activation{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.pending-card{background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 30px 60px #0003;padding:40px;text-align:center;width:min(520px,100%)}.pending-card h2{color:#2d3748;margin-bottom:16px}.pending-card p{color:#4a5568;line-height:1.7;margin-bottom:24px}.loading-screen,.pending-actions{display:flex;gap:16px;justify-content:center}.loading-screen{align-items:center;color:#fff;flex-direction:column;min-height:100vh}.page-content .inline-loading{color:#4a5568;font-style:italic;text-align:center}.subscription-page h2{color:#2d3748;font-size:28px;margin-bottom:10px}.subscription-intro{color:#4a5568;line-height:1.6;margin-bottom:25px}.feature-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 25px #0000000d;display:flex;flex-direction:column;gap:12px;min-height:160px;padding:20px}.feature-card.enabled{border-color:#48bb7899;box-shadow:0 16px 35px #48bb7840}.feature-card.disabled{opacity:.6}.plan-feature-list{color:#475569;line-height:1.6;list-style:disc;margin:0;padding-left:18px}.plan-feature-list li{margin-bottom:6px}.feature-card-header{align-items:center;display:flex;justify-content:space-between}.status-pill{border-radius:999px;font-size:12px;font-weight:600;padding:4px 12px}.status-pill.on{background:#48bb7833;color:#2f855a}.status-pill.off{background:#ed64a626;color:#b83280}.admin-panel h2{color:#2d3748;font-size:26px}.admin-description{color:#4a5568;margin-bottom:20px}.admin-user-filters{display:flex;justify-content:flex-end;margin-bottom:16px}.admin-user-search{border:1px solid #94a3b899;border-radius:14px;font-size:14px;min-width:240px;padding:10px 14px;transition:border .2s ease,box-shadow .2s ease}.admin-user-search:focus{border-color:#6366f199;box-shadow:0 0 0 3px #6366f126;outline:none}.admin-sort-header{align-items:center;display:flex;gap:8px;justify-content:space-between;width:100%}.admin-sort-label{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:inline-flex;font:inherit;gap:6px;padding:0}.admin-user-joined{color:#4a5568;font-size:13px}.admin-table{display:flex;flex-direction:column;gap:12px}.admin-table-header,.admin-table-row{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:2fr 1fr 2fr 1fr 1fr}.admin-table-header{color:#4a5568;font-weight:600}.admin-table-row{background:#ffffffd9;border:1px solid #e2e8f0b3;border-radius:16px;box-shadow:0 12px 30px #0000000d;padding:18px}.admin-user-info{display:flex;flex-direction:column;gap:6px}.admin-user-email{color:#2d3748;font-weight:600}.admin-user-meta{color:#718096;font-size:12px}.admin-status{display:flex}.status-badge{border-radius:999px;font-size:12px;font-weight:600;padding:4px 10px}.status-badge.active{background:#48bb7826;color:#2f855a}.status-badge.pending{background:#fbbf2433;color:#b7791f}.admin-feature-list{display:flex;flex-direction:column;gap:8px}.feature-checkbox{align-items:center;color:#4a5568;display:flex;font-size:14px;gap:8px}.feature-checkbox.disabled{opacity:.6}.admin-actions{display:flex;flex-direction:column;gap:8px}.auth-overlay{align-items:center;background:#0f172a99;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:2500}.auth-modal{background:#fff;border-radius:24px;box-shadow:0 28px 72px #0f172a52;max-height:90vh;max-width:480px;overflow-y:auto;padding:24px;position:relative;width:min(100%,480px)}.auth-close{background:none;border:none;color:#475569;cursor:pointer;font-size:26px;position:absolute;right:18px;top:16px}.auth-close:hover{color:#1f2937}.admin-dashboard{grid-gap:24px;display:grid;gap:24px}.admin-tabs{align-items:center;background:#4f46e514;border:1px solid #6366f12e;border-radius:999px;box-shadow:inset 0 1px 3px #4f46e514;display:inline-flex;gap:12px;padding:8px;width:fit-content}.admin-tab{background:#0000;border:none;border-radius:999px;color:#4c51bf;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s ease}.admin-tab:hover{background:#6366f126}.admin-tab.active{background:#fff;box-shadow:0 8px 18px #4f46e533;color:#312e81}.case-admin{grid-gap:24px;display:grid;gap:24px}.case-admin-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.case-admin-header h2{color:#2d3748;font-size:28px;margin-bottom:6px}.case-admin-subtitle{color:#4a5568;line-height:1.6;max-width:640px}.case-admin-filters{align-items:center;background:#ffffffd9;border:1px solid #e2e8f0cc;border-radius:18px;box-shadow:0 12px 28px #0f172a14;display:flex;flex-wrap:wrap;gap:12px;padding:16px 20px}.case-search-input{border:1px solid #94a3b899;border-radius:14px;flex:1 1 280px;font-size:14px;min-width:220px;padding:10px 14px;transition:border .2s ease,box-shadow .2s ease}.case-search-input:focus{border-color:#6366f199;box-shadow:0 0 0 3px #6366f126;outline:none}.case-filter-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.case-page-size{align-items:center;color:#475569;display:flex;font-size:14px;gap:8px}.case-page-size select{background:#fff;border:1px solid #94a3b899;border-radius:12px;padding:8px 10px}.case-feedback{border-radius:14px;font-size:14px;padding:12px 16px}.case-feedback.success{background:#48bb7824;border:1px solid #48bb7859;color:#276749}.case-feedback.error{background:#feb2b233;border:1px solid #e53e3e59;color:#c53030}.case-table-wrapper{background:#ffffffe6;border:1px solid #e2e8f0d9;border-radius:18px;box-shadow:0 18px 50px #0f172a1f;overflow-x:auto}.case-table{border-collapse:initial;border-spacing:0;width:100%}.case-table td,.case-table th{padding:16px 18px;text-align:left;vertical-align:top}.table-sort-header{align-items:center;display:flex;gap:8px;justify-content:space-between}.table-sort-label{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:inline-flex;font:inherit;gap:6px;padding:0}.admin-sort-label:hover .sort-indicator.neutral,.table-sort-label:hover .sort-indicator.neutral{color:#4c51bf}.sort-indicator{color:#4c51bf;font-size:12px}.sort-indicator.neutral{color:#94a3b8}.sort-toggle-group{display:inline-flex;gap:4px}.sort-toggle{background:#6366f114;border:1px solid #0000;border-radius:6px;color:#4c51bf;cursor:pointer;font-size:12px;padding:2px 6px;transition:background .2s ease,color .2s ease,border .2s ease}.sort-toggle.active{background:#4f46e533;border-color:#4f46e566;color:#312e81}.sort-toggle:hover{background:#6366f129}.case-table th{background:#edf2f799;color:#475569;font-size:13px;letter-spacing:.05em;text-transform:uppercase}.case-table tbody tr:nth-child(odd){background:#fafbffb3}.case-id-cell{color:#312e81;font-weight:600;word-break:break-all}.case-content-preview{background:#4f46e50d;border:1px solid #6366f133;border-radius:14px;max-height:200px;overflow:auto;padding:12px}.case-update-info{color:#4a5568;display:flex;flex-direction:column;font-size:13px;gap:4px}.case-update-info span{color:#312e81;font-weight:600}.case-update-info small{color:#64748b}.case-status-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:600;padding:4px 10px}.case-status-badge.active{background:#48bb7833;color:#22543d}.case-status-badge.inactive{background:#e53e3e2e;color:#9b2c2c}.case-content-preview pre{color:#1e293b;font-family:Source Code Pro,Menlo,Courier New,monospace;font-size:13px;line-height:1.6;margin:0;white-space:pre-wrap}.case-actions{display:flex;flex-direction:column;gap:8px}.case-table-empty{color:#64748b;font-style:italic;padding:40px 0;text-align:center}.case-pagination{align-items:center;color:#475569;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.case-pagination-controls{display:flex;gap:10px}.case-modal-overlay{align-items:center;background:#0f172a80;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:2000}.case-modal{background:#fff;border-radius:24px;box-shadow:0 30px 80px #0f172a47;display:flex;flex-direction:column;max-height:95vh;min-height:85vh;width:min(100%,1100px)}.case-modal-fullscreen{width:min(100%,1200px)}.case-modal-header{align-items:flex-start;display:flex;justify-content:space-between;padding:24px 28px 0}.case-modal-header h3{color:#1f2937;font-size:22px;margin:0}.case-modal-close{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:26px}.case-modal-close:hover{color:#475569}.case-modal-body{display:flex;flex:1 1;flex-direction:column;gap:18px;overflow-y:auto;padding:24px 28px 0}.case-form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.case-form-grid label{color:#475569;display:flex;flex-direction:column;font-size:14px;gap:8px}.case-form-grid input{border:1px solid #94a3b899;border-radius:12px;font-size:14px;padding:10px 12px}.case-form-grid input:focus{border-color:#6366f199;box-shadow:0 0 0 3px #6366f126;outline:none}.case-flag-field{color:#475569;display:flex;flex-direction:column;font-size:14px;gap:8px}.case-flag-field .switch{align-items:center;color:#312e81;cursor:pointer;display:inline-flex;font-weight:600;gap:10px}.case-flag-field .switch input{accent-color:#7c3aed;accent-color:var(--brand-600);width:auto}.case-flag-field .switch-label{font-weight:500}.case-content-field{color:#475569;display:flex;flex-direction:column;gap:8px}.case-content-field textarea{border:1px solid #94a3b899;border-radius:16px;flex:1 1;font-family:Source Code Pro,Menlo,Courier New,monospace;font-size:14px;line-height:1.6;min-height:320px;padding:14px;resize:vertical}.case-content-field textarea:focus{border-color:#6366f199;box-shadow:0 0 0 3px #6366f126;outline:none}.case-modal-actions{background:linear-gradient(180deg,#0f172a05,#0000);border-top:1px solid #0f172a14;display:flex;gap:12px;justify-content:flex-end;padding:20px 28px 28px}.form-builder-page{display:flex;flex-direction:column;gap:24px}.form-builder-header h2{color:#2d3748;font-size:28px;margin-bottom:8px}.form-builder-header p{color:#4a5568;line-height:1.6}.form-builder-controls{display:flex;flex-direction:column;gap:18px}.form-builder-controls label{color:#2d3748;display:flex;flex-direction:column;font-weight:500;gap:6px}.form-builder-controls input,.form-builder-controls textarea{border:1px solid #e2e8f0;border-radius:12px;font-size:14px;padding:12px 14px}.form-builder-controls textarea{min-height:180px;resize:vertical}.form-builder-actions{display:flex;gap:12px}.form-builder-preview{background:#f7fafccc;border:1px solid #e2e8f0;border-radius:16px;padding:24px}.form-preview{background:#fff;border:1px dashed #cbd5e0;border-radius:12px;font-family:IBM Plex Mono,Courier New,monospace;line-height:1.6;margin-top:12px;padding:18px}.form-preview.active{box-shadow:inset 0 0 0 2px #764ba233}.sidebar{display:flex;flex-direction:column;gap:25px}.sidebar-card{animation:slideInRight .6s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 15px 30px #0000001a;padding:30px}.sidebar-title{align-items:center;color:#2d3748;display:flex;font-size:20px;font-weight:700;gap:10px;margin-bottom:20px}.quick-actions{display:flex;flex-direction:column;gap:12px}.quick-action{background:#f7fafc;border:none;border-radius:12px;cursor:pointer;font-weight:500;padding:15px 20px;text-align:left;transition:all .3s ease}.quick-action:hover{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;transform:translateX(5px)}.stats-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.stat-item{background:#f7fafc;border-radius:12px;padding:20px;text-align:center}.stat-number{color:#667eea;font-size:24px;font-weight:700}.stat-label{color:#718096;font-size:12px;margin-top:5px}.stats-note{color:#4a5568;font-size:12px;margin-top:15px;text-align:center}.stats-keywords{margin-top:20px}.stats-keywords h4{color:#2d3748;font-size:13px;font-weight:600;margin-bottom:10px;text-align:center}.stats-keywords-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.keyword-pill{background:#edf2f7;border-radius:999px;color:#2d3748;font-size:12px;font-weight:500;padding:6px 12px;white-space:nowrap}.scroll-top-btn{background:linear-gradient(45deg,#667eea,#764ba2);border:none;border-radius:999px;bottom:40px;box-shadow:0 10px 25px #667eea59;color:#fff;cursor:pointer;font-weight:600;padding:12px 18px;position:fixed;right:40px;transition:transform .2s ease,box-shadow .2s ease;z-index:1000}.scroll-top-btn:hover{box-shadow:0 14px 30px #764ba259;transform:translateY(-4px)}.scroll-top-btn:focus-visible{outline:3px solid #667eea66;outline-offset:3px}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes authCardEnter{0%{opacity:0;transform:scale(.98) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:1024px){.main-content{gap:20px;grid-template-columns:1fr}.auth-shell{padding:40px 24px}.sidebar{flex-direction:row;overflow-x:auto}.sidebar-card{min-width:300px}.admin-tabs{justify-content:space-between;width:100%}.admin-tab{flex:1 1;text-align:center}.case-admin-filters,.case-admin-header{align-items:stretch;flex-direction:column}.case-filter-actions{justify-content:space-between}.case-actions{flex-direction:row;flex-wrap:wrap;gap:6px}}.admin-user-filters{justify-content:stretch}.admin-user-search{width:100%}@media (max-width:768px){.container{padding:15px}.auth-shell{padding:24px 16px 40px}.auth-card{border-radius:26px;padding:40px 28px 32px}.header{flex-direction:column;gap:20px;text-align:center}.top-menu{flex-wrap:wrap;justify-content:center}.user-info{align-items:center}.page-content,.search-section{padding:25px}.search-title{font-size:24px}.case-admin-filters{padding:14px}.case-filter-actions{align-items:stretch;flex-direction:column;gap:8px}.case-filter-actions .primary-btn,.case-filter-actions .secondary-btn{width:100%}.case-pagination{align-items:flex-start;flex-direction:column}.admin-tabs{flex-direction:column;gap:6px;padding:10px}.admin-tab{width:100%}.case-modal{max-width:95vw}.case-modal-body{padding:16px 18px 0}.search-options{justify-content:center}.sidebar{flex-direction:column}.sidebar-card{min-width:auto}}.loading{display:none;padding:40px;text-align:center}.loading.active{display:block}.spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:40px;margin:0 auto 20px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.min-h-\[100dvh\]{min-height:100dvh}.grid{display:grid}.place-items-center{place-items:center}.bg-\[var\(--bg\)\]{background:#fff;background:var(--bg)}.w-full{width:100%}.max-w-\[440px\]{max-width:440px}.bg-white{background:#fff}.rounded-2xl{border-radius:1.5rem}.rounded-xl{border-radius:1.25rem}.rounded-lg{border-radius:.75rem}.rounded{border-radius:.25rem}.shadow-xl{box-shadow:0 20px 45px #0f172a2e}.shadow{box-shadow:0 8px 15px #0f172a1a}.border{border:1px solid #e2e8f0}.border-\[var\(--border\)\]{border-color:#e2e8f0;border-color:var(--border)}.border-slate-300{border-color:#cbd5f5}.border-slate-200{border-color:#e2e8f0}.overflow-hidden{overflow:hidden}.h-2{height:.5rem}.p-6{padding:1.5rem}.p-1{padding:.25rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.pr-12{padding-right:3rem!important}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-slate-600{color:#475569}.text-slate-700{color:#334155}.text-red-600{color:#dc2626}.text-green-600{color:#16a34a}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-4>*+*{margin-top:1rem}.space-y-1>*+*{margin-top:.25rem}.space-y-0\.5>*+*{margin-top:.125rem}.flex-1{flex:1 1 auto}.text-slate-500{color:#64748b}.relative{position:relative}.absolute{position:absolute}.right-2{right:.5rem}.top-8{top:2rem}.underline{text-decoration:underline}.list-disc{list-style:disc}.pl-4{padding-left:1rem}.transition{transition:all .2s ease}.outline-none{outline:none}.focus\:ring-2:focus{box-shadow:0 0 0 2px #6366f159}.ring-offset-2{box-shadow:0 0 0 2px #fff}.focus\:ring-\[var\(--brand-500\)\]:focus{box-shadow:0 0 0 2px #8b5cf6;box-shadow:0 0 0 2px var(--brand-500)}.border-red-500{border-color:#f87171!important}.focus\:ring-red-500:focus{box-shadow:0 0 0 2px #f8717173}.text-[var\(--brand-700\)]{color:#6d28d9;color:var(--brand-700)}.text-white{color:#fff}.bg-slate-50{background:#f8fafc}.hover\:underline:hover{text-decoration:underline}.hover\:opacity-95:hover{opacity:.95}.password-toggle{background:none;border:none;color:#7c3aed;color:var(--brand-600);cursor:pointer;font-size:13px;font-weight:600;position:absolute;right:.5rem;top:50%;transform:translateY(-50%)}.password-toggle:hover{text-decoration:underline}.password-toggle:focus-visible{outline:none;text-decoration:underline}.disabled\:opacity-70:disabled{cursor:not-allowed;opacity:.7}.auth-gradient{background-image:linear-gradient(135deg,#8b5cf6,#6d28d9);background-image:linear-gradient(135deg,var(--brand-500),var(--brand-700))}@media (min-width:768px){.md\:p-8{padding:2rem}}@media print{@page{margin:0}body{background:#fff;margin:0}body *{box-shadow:none!important;position:static!important;visibility:hidden!important}.result-modal-content,.result-modal-content *{visibility:visible!important}.result-modal-content{background:#fff;inset:0 auto auto 0;margin:0;padding:0;position:absolute;width:100%}}.form-dashboard{grid-gap:30px;display:grid;gap:30px;grid-template-columns:280px 1fr;min-height:600px}.form-dashboard-sidebar{background:#fff;border:1px solid #e2e8f0;border-radius:15px;box-shadow:0 5px 15px #0000000d;padding:25px}.form-dashboard-sidebar h3{color:#2d3748;font-size:18px;font-weight:700;margin-bottom:20px}.category-list{list-style:none;margin:0;padding:0}.category-list li{align-items:center;border-radius:10px;color:#4a5568;cursor:pointer;display:flex;font-weight:500;justify-content:space-between;margin-bottom:8px;padding:12px 16px;transition:all .3s ease}.category-list li:hover{background:#f7fafc;transform:translateX(5px)}.category-list li.active{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff}.category-list .count{background:#0000001a;border-radius:12px;font-size:12px;font-weight:600;padding:2px 8px}.form-dashboard-main{display:flex;flex-direction:column}.form-dashboard-header{margin-bottom:30px}.form-dashboard-header h2{color:#2d3748;font-size:28px;font-weight:700;margin-bottom:15px}.form-search{border:2px solid #e2e8f0;border-radius:12px;font-size:16px;padding:15px 20px;transition:all .3s ease;width:100%}.form-search:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.template-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.template-card{background:#fff;border:1px solid #e2e8f0;border-radius:15px;box-shadow:0 5px 15px #0000000d;cursor:pointer;padding:30px;text-align:center;transition:all .3s ease}.template-card:hover{box-shadow:0 15px 30px #0000001a;transform:translateY(-5px)}.template-icon{font-size:48px;margin-bottom:15px}.template-name{color:#2d3748;font-size:16px;font-weight:600;margin-bottom:15px}.template-use-btn{background:linear-gradient(45deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease;width:100%}.template-use-btn:hover{box-shadow:0 5px 15px #667eea66;transform:scale(1.05)}.empty-message,.error-message,.loading-message{color:#718096;font-size:16px;padding:40px;text-align:center}.error-message{background:#fff5f5;border-radius:12px;color:#e53e3e}.form-editor-container{background:#555;display:flex;flex-direction:column;inset:0;position:fixed;z-index:1000}.form-editor-header{align-items:center;background:#fffffff2;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;padding:20px 30px}.form-editor-header h2{color:#2d3748;font-size:20px;font-weight:700}.form-editor-actions{display:flex;gap:15px}.form-editor-content{flex:1 1;overflow:auto}.primary-btn{background:linear-gradient(45deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.primary-btn:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.secondary-btn{background:#f7fafc;border:1px solid #e2e8f0;border-radius:10px;color:#2d3748;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.secondary-btn:hover{background:#edf2f7;transform:translateY(-2px)}.action-mode-selector{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:15px;margin-bottom:30px;padding:20px}.action-mode-btn{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;flex:1 1;font-family:Sarabun,sans-serif;font-size:1.1rem;font-weight:600;padding:15px 30px;transition:all .3s ease}.action-mode-btn:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea33;color:#667eea;transform:translateY(-2px)}.action-mode-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 12px #667eea66;color:#fff}.admin-toggle-bar{background:#fffffff2;border-radius:15px 15px 0 0;box-shadow:0 2px 10px #0000000d;margin-bottom:-15px;padding:15px 20px}.admin-toggle-btn{background:linear-gradient(45deg,#f59e0b,#d97706);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.admin-toggle-btn:hover{box-shadow:0 5px 15px #f59e0b66;transform:translateY(-2px)}.admin-form-manager{background:#fff;border-radius:15px;box-shadow:0 5px 15px #0000000d;padding:30px}.admin-form-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.admin-form-header h2{color:#2d3748;font-size:24px;font-weight:700}.admin-form-actions{display:flex;gap:15px}.admin-content{display:flex;flex-direction:column;gap:20px}.category-filter{align-items:center;display:flex;gap:15px}.category-filter label{color:#4a5568;font-weight:600}.category-filter select{border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;font-size:14px;min-width:200px;padding:10px 15px}.templates-table{overflow-x:auto}.templates-table table{background:#fff;border-collapse:collapse;border-radius:10px;box-shadow:0 2px 8px #0000000d;overflow:hidden;width:100%}.templates-table thead{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff}.templates-table th{font-size:14px;font-weight:600;padding:15px;text-align:left}.templates-table td{border-bottom:1px solid #e2e8f0;color:#4a5568;padding:15px}.templates-table tbody tr:hover{background:#f7fafc}.action-buttons{display:flex;gap:10px}.delete-btn,.edit-btn{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;padding:6px 12px;transition:all .3s ease}.edit-btn{background:#4299e1;color:#fff}.edit-btn:hover{background:#3182ce;transform:translateY(-1px)}.delete-btn{background:#fc8181;color:#fff}.delete-btn:hover{background:#f56565;transform:translateY(-1px)}.template-form{display:flex;flex-direction:column;gap:25px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-field{display:flex;flex-direction:column;gap:8px}.form-field label{color:#4a5568;font-size:14px;font-weight:600}.form-field input,.form-field select{border:2px solid #e2e8f0;border-radius:10px;font-size:14px;padding:12px 15px;transition:all .3s ease}.form-field input:focus,.form-field select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-builder-container{display:flex;flex-direction:column}.modal-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.modal-content{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:700px;overflow:hidden;padding:0;width:90%}.modal-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;padding:25px 30px}.modal-header h3{color:#2d3748;font-size:22px;font-weight:700;margin:0}.modal-body{flex:1 1;overflow-y:auto;padding:30px}.category-form{background:#f7fafc;border-radius:12px;margin-bottom:30px;padding:20px}.category-form h4{color:#2d3748;font-size:16px;font-weight:600;margin-bottom:15px}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:15px}.category-list-section{margin-top:20px}.category-list-section h4{color:#2d3748;font-size:16px;font-weight:600;margin-bottom:15px}.category-list-table{overflow-x:auto}.category-list-table table{background:#fff;border-collapse:collapse;border-radius:10px;overflow:hidden;width:100%}.category-list-table thead{background:#edf2f7}.category-list-table th{color:#4a5568;font-size:13px;font-weight:600;padding:12px 15px;text-align:left}.category-list-table td{border-bottom:1px solid #e2e8f0;color:#4a5568;font-size:14px;padding:12px 15px}.category-list-table tbody tr:last-child td{border-bottom:none}.category-list-table tbody tr:hover{background:#f7fafc}
/*# sourceMappingURL=main.4e948777.css.map*/