:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#1a1a1a;background-color:#f8fafc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;width:100%;overflow:hidden}body{background-color:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}#root{height:100vh;width:100vw;overflow:hidden}.admin-layout{display:flex;height:100vh;background-color:#f8fafc}.admin-sidebar{width:280px;background-color:#fff;border-right:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;transition:width .3s ease}.admin-sidebar.collapsed{width:80px}.admin-main{flex:1;background-color:#f8fafc;overflow:auto;padding:24px}.admin-table{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;border:1px solid #e2e8f0}.admin-table table{width:100%;border-collapse:collapse}.admin-table th{background-color:#f8fafc;padding:16px 20px;text-align:left;font-weight:600;font-size:14px;color:#374151;border-bottom:1px solid #e2e8f0}.admin-table td{padding:16px 20px;border-bottom:1px solid #f1f5f9;font-size:14px;color:#374151}.admin-table tr:hover{background-color:#f8fafc}.btn-primary{background-color:#10b981;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.btn-primary:hover{background-color:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.btn-secondary{background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db;padding:8px 16px;border-radius:6px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background-color:#e5e7eb;border-color:#9ca3af}.status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-active{background-color:#dcfce7;color:#166534}.status-inactive{background-color:#fee2e2;color:#991b1b}.form-control{padding:10px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background-color:#fff;transition:border-color .2s ease}.form-control:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-title{font-size:24px;font-weight:700;color:#111827;margin:0}.filters{display:flex;gap:16px;align-items:center;margin-bottom:24px}.action-buttons{display:flex;gap:8px;align-items:center}.action-btn{padding:6px;border:none;background:none;cursor:pointer;border-radius:4px;transition:background-color .2s ease;color:#6b7280}.action-btn:hover{background-color:#f3f4f6;color:#374151}.toggle-switch{position:relative;width:44px;height:24px;background-color:#d1d5db;border-radius:12px;cursor:pointer;transition:background-color .2s ease}.toggle-switch.active{background-color:#10b981}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:#fff;border-radius:50%;transition:transform .2s ease}.toggle-switch.active:after{transform:translate(20px)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.tox-promotion{display:none}.tox .tox-statusbar{display:none!important}#root{width:100%;height:100vh;color:#1a1a1a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.quill{border-radius:8px;display:flex;flex-direction:column;min-height:100px;border:1px solid #d1d5db}.ql-container.ql-snow{border-radius:0 0 8px 8px;border:none!important;font-size:14px}.ql-toolbar.ql-snow{border:none!important;border-bottom:1px solid #e2e8f0!important;border-radius:8px 8px 0 0}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="12px"]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="12px"]:before{content:"12px"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="14px"]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="14px"]:before{content:"14px"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="16px"]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="16px"]:before{content:"16px"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="18px"]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="18px"]:before{content:"18px"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="20px"]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="20px"]:before{content:"20px"}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid #f3f4f6;border-radius:50%;border-top-color:#10b981;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.admin-scrollbar::-webkit-scrollbar{width:8px;height:8px}.admin-scrollbar::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.admin-scrollbar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.admin-scrollbar::-webkit-scrollbar-thumb:hover{background:#94a3b8}.focus-ring:focus{outline:none;box-shadow:0 0 0 3px #10b9811a}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}
