:root{--primary:#4f46e5;--primary-hover:#4338ca;--primary-light:#eeebff;--success:#10b981;--success-light:#e6fbf4;--warning:#f59e0b;--warning-light:#fffbeb;--danger:#ef4444;--danger-light:#fef2f2;--dark:#0f172a;--gray-900:#1e293b;--gray-800:#334155;--gray-700:#475569;--gray-600:#64748b;--gray-500:#94a3b8;--gray-400:#cbd5e1;--gray-300:#e2e8f0;--gray-200:#f1f5f9;--gray-100:#f8fafc;--bg-main:#f8fafc;--bg-card:#fff;--font-sans:"Inter", sans-serif;--font-heading:"Outfit", sans-serif;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--transition:all .2s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--gray-800);font-size:14px;line-height:1.5;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}button,input,select,textarea{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.app-container{width:100%;min-height:100vh;display:flex}.sidebar{background-color:var(--bg-card);border-right:1px solid var(--gray-200);z-index:10;flex-direction:column;width:260px;height:100vh;padding:24px;display:flex;position:sticky;top:0}.sidebar-logo{font-family:var(--font-heading);color:var(--dark);align-items:center;gap:10px;margin-bottom:32px;font-size:20px;font-weight:700;display:flex}.sidebar-menu{flex-direction:column;flex:1;gap:6px;display:flex}.sidebar-item{color:var(--gray-600);border-radius:var(--radius-md);cursor:pointer;text-align:left;width:100%;transition:var(--transition);background:0 0;border:none;align-items:center;gap:12px;padding:12px 16px;font-weight:500;text-decoration:none;display:flex}.sidebar-item:hover,.sidebar-item.active{color:var(--primary);background-color:var(--primary-light)}.sidebar-footer{border-top:1px solid var(--gray-200);padding-top:20px}.main-content{flex-direction:column;flex:1;min-width:0;display:flex}.header{background-color:var(--bg-card);border-bottom:1px solid var(--gray-200);z-index:9;justify-content:space-between;align-items:center;height:70px;padding:0 32px;display:flex;position:sticky;top:0}.header-title{font-family:var(--font-heading);color:var(--dark);font-size:22px;font-weight:600}.header-user{align-items:center;gap:12px;display:flex}.user-avatar{background-color:var(--primary-light);width:36px;height:36px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:flex}.page-body{flex:1;padding:32px;overflow-y:auto}.card{background-color:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);margin-bottom:24px;padding:24px}.card-title{font-family:var(--font-heading);color:var(--dark);justify-content:space-between;align-items:center;margin-bottom:16px;font-size:18px;font-weight:600;display:flex}.table-container{border-radius:var(--radius-md);border:1px solid var(--gray-200);background-color:var(--bg-card);overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%}.admin-table th{background-color:var(--gray-100);color:var(--gray-700);border-bottom:1px solid var(--gray-200);text-transform:uppercase;letter-spacing:.5px;padding:14px 18px;font-size:13px;font-weight:600}.admin-table td{border-bottom:1px solid var(--gray-200);color:var(--gray-800);padding:16px 18px;font-size:14px}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover{background-color:var(--gray-100)}.badge{text-transform:capitalize;border-radius:9999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.badge-primary{background-color:var(--primary-light);color:var(--primary)}.badge-success{background-color:var(--success-light);color:var(--success)}.badge-warning{background-color:var(--warning-light);color:var(--warning)}.badge-danger{background-color:var(--danger-light);color:var(--danger)}.btn{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.btn-outline{border-color:var(--gray-300);color:var(--gray-700);background-color:#0000}.btn-outline:hover{background-color:var(--gray-100);border-color:var(--gray-400)}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover{background-color:#dc2626}.btn-sm{padding:6px 12px;font-size:13px}.form-group{margin-bottom:20px}.form-label{color:var(--gray-700);margin-bottom:6px;font-weight:500;display:block}.form-control{border:1px solid var(--gray-300);border-radius:var(--radius-md);background-color:var(--bg-card);width:100%;color:var(--gray-800);transition:var(--transition);padding:10px 14px}.form-control:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #4f46e526}.pagination{background-color:var(--bg-card);border-top:1px solid var(--gray-200);border-radius:0 0 var(--radius-md) var(--radius-md);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.pagination-buttons{gap:8px;display:flex}.login-container{background:radial-gradient(circle at top left, #eeebff 0%, var(--bg-main) 40%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background-color:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--gray-200);width:100%;max-width:420px;box-shadow:var(--shadow-lg);padding:40px}.login-logo{text-align:center;font-family:var(--font-heading);color:var(--dark);margin-bottom:24px;font-size:24px;font-weight:700}.alert{border-radius:var(--radius-md);margin-bottom:20px;padding:12px 16px;font-weight:500}.alert-danger{background-color:var(--danger-light);color:var(--danger);border:1px solid #ef444433}.alert-success{background-color:var(--success-light);color:var(--success);border:1px solid #10b98133}.filter-bar{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:20px;display:flex}.filter-select{border:1px solid var(--gray-300);border-radius:var(--radius-md);background-color:var(--bg-card);color:var(--gray-700);outline:none;padding:8px 12px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background-color:#0f172a80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-card);border-radius:var(--radius-lg);width:100%;max-width:800px;max-height:90vh;box-shadow:var(--shadow-lg);border:1px solid var(--gray-200);flex-direction:column;display:flex;overflow-y:auto}.modal-header{border-bottom:1px solid var(--gray-200);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title{font-family:var(--font-heading);color:var(--dark);font-size:20px;font-weight:600}.modal-body{flex:1;padding:24px}.modal-footer{border-top:1px solid var(--gray-200);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.info-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:24px;display:grid}.info-item{flex-direction:column;gap:4px;display:flex}.info-label{color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.info-value{color:var(--gray-900);font-weight:500}.sub-panel{border:1px solid var(--gray-200);border-radius:var(--radius-md);background-color:var(--gray-100);margin-top:16px;padding:16px}.sub-panel-title{color:var(--dark);margin-bottom:12px;font-size:15px;font-weight:600}.tiptap-container{border:1px solid var(--gray-300);border-radius:var(--radius-md);flex-direction:column;display:flex;overflow:hidden}.tiptap-toolbar{background-color:var(--gray-100);border-bottom:1px solid var(--gray-300);flex-wrap:wrap;gap:4px;padding:8px;display:flex}.tiptap-btn{border-radius:var(--radius-sm);border:1px solid var(--gray-300);color:var(--gray-700);cursor:pointer;transition:var(--transition);background:#fff;padding:6px 10px;font-size:13px;font-weight:600}.tiptap-btn:hover{background-color:var(--gray-200)}.tiptap-btn.active{background-color:var(--primary);color:#fff;border-color:var(--primary)}.tiptap-editor{background:#fff;outline:none;min-height:250px;padding:16px}.tiptap-editor p{margin-bottom:12px}.tiptap-editor ul,.tiptap-editor ol{margin-bottom:12px;margin-left:20px}.tiptap-editor h1{margin:16px 0 8px;font-size:28px}.tiptap-editor h2{margin:14px 0 8px;font-size:22px}.tiptap-editor h3{margin:12px 0 6px;font-size:18px}.ProseMirror{outline:none;min-height:250px}