:root{--public-color: #f6921e;--sub-color: #ee2825;--bg-1: #1a1b1e;--bg-2: #202124;--bg-3: #26282c;--bg-4: #2f3136;--bg-hover: rgba(255, 255, 255, .06);--bg-active: rgba(255, 255, 255, .1);--text-primary: #f5f7fa;--text-secondary: #cfd3da;--text-muted: #8b8f94;--text-inverse: #111;--border-color: #3a3d41;--border-light: #2c2f33;--border-focus: var(--public-color);--success: #22c55e;--warning: #facc15;--error: #ef4444;--info: #3b82f6;--focus-ring: 0 0 0 2px var(--public-color);--link-color: var(--public-color);--link-hover: color-mix(in srgb, var(--public-color) 80%, white);--font-family: "Inter", sans-serif;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--line-height: 1.5;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 2px 8px rgba(0, 0, 0, .35);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .4);--transition-fast: .15s ease-in-out;--transition: .25s ease-in-out;--transition-slow: .4s ease}@font-face{font-family:Inter;src:url(../assets/fonts/Inter/Inter-VariableFont.ttf) format("woff2")}body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;font-family:Inter,sans-serif}#root{width:100%;height:100%;overflow:hidden}.adminPanel{width:100vw;height:100vh;display:flex;overflow:hidden;flex-flow:row nowrap;background-size:cover;background-position:center;background-blend-mode:darken;background-color:#00000080;background-image:url(/assets/background-DsFqUwTh.jpg)}.adminContent{flex-grow:1;height:100vh;overflow:hidden scroll;padding:var(--spacing-lg)}.adminContent>div:first-of-type{flex-grow:1;display:flex;flex-flow:column;gap:var(--spacing-lg)}.sidebar{max-height:100vh;display:flex;flex-shrink:0;position:relative;gap:var(--spacing-lg);flex-direction:column;background:var(--bg-2);color:var(--text-primary);box-shadow:var(--shadow-md);transition:width var(--transition);padding:var(--spacing-lg) var(--spacing-md)}.sidebar.open{width:260px}.sidebar.closed{width:70px}.sidebar-toggle{top:50px;width:32px;right:-15px;border:none;height:32px;display:flex;cursor:pointer;font-weight:700;position:absolute;align-items:center;justify-content:center;color:var(--text-inverse);box-shadow:var(--shadow-sm);background:var(--public-color);border-radius:var(--radius-full);transition:transform var(--transition),background var(--transition-fast)}.sidebar-toggle:hover{transform:scale(1.1);background:color-mix(in srgb,var(--public-color) 85%,white)}.sidebar.open .sidebar-toggle{transform:rotate(180deg)}.sidebar img{width:90%;margin:auto;margin-bottom:var(--spacing-md);transition:width var(--transition)}.sidebar nav{flex-grow:1}.sidebar nav ul{margin:0;padding:0;height:100%;display:flex;list-style:none;gap:var(--spacing-md);flex-direction:column}.sidebar-link{display:flex;position:relative;align-items:center;text-decoration:none;color:var(--text-secondary);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);transition:background var(--transition-fast),color var(--transition-fast)}.sidebar-link:hover{color:var(--text-primary);background:var(--bg-hover)}.sidebar-link.active{font-weight:500;color:var(--public-color);background:var(--bg-active);font-size:var(--font-size-lg)}.sidebar.closed .sidebar-link{justify-content:center}.sidebar-link.small{font-size:var(--font-size-sm)}.sidebar-link .icon{width:24px;height:24px;flex-shrink:0;margin-right:var(--spacing-sm);transition:margin var(--transition),width var(--transition),height var(--transition)}.sidebar-link.active .icon{width:30px;height:30px}.sidebar-link.small .icon{width:20px;height:20px}.sidebar.closed .sidebar-link .icon{margin:0}.sidebar-link .label{white-space:nowrap;transition:opacity var(--transition)}.sidebar.closed .label{display:none}.sidebar nav hr{width:100%;border:none;flex-grow:1;border-bottom:1px solid var(--border-light)}.sidebar.closed .sidebar-link:hover:after{top:50%;left:85%;z-index:10;position:absolute;white-space:nowrap;background:var(--bg-4);content:attr(data-label);color:var(--text-primary);transform:translateY(-50%);box-shadow:var(--shadow-md);margin-left:var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color)}.sidebar.closed .sidebar-link.active:hover:after{font-weight:600;color:var(--public-color);font-size:var(--font-size-lg)}.table-layout{width:100%;display:flex;overflow:hidden;flex-direction:column;background:var(--bg-2);box-shadow:var(--shadow-md);border-radius:var(--radius-lg)}.table-header{height:72px;display:flex;position:relative;align-items:center;background:var(--bg-3);padding:0 var(--spacing-lg);justify-content:space-between;border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);border-bottom:1px solid var(--border-light)}.table-header p{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.table-header .optionsIcon{width:30px;height:30px;cursor:pointer;color:var(--text-primary);padding:var(--spacing-sm);transition:var(--transition);background-color:var(--bg-4);border-radius:var(--radius-full)}.table-header .optionsIcon:hover{transform:scale(1.1);color:var(--public-color);background-color:var(--bg-hover)}.table-layout .table-content{position:relative;overflow-x:scroll}.table-layout .crud-table{position:relative;border-collapse:collapse;color:var(--text-secondary);font-size:var(--font-size-base)}.table-layout th,.table-layout td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--border-light);transition:background var(--transition-fast)}.table-layout th{font-weight:600;background:var(--bg-3);color:var(--text-primary)}.table-layout tbody tr:hover{background:var(--bg-hover);color:var(--text-primary)}.table-options-popup{right:10px;width:200px;z-index:100;display:flex;padding:8px 0;flex-flow:column;position:absolute;top:82px;background:var(--bg-3);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--text-secondary);box-shadow:var(--shadow-lg);font-size:var(--font-size-sm);border-radius:var(--radius-md);animation:fadeIn .15s ease-in-out;border:1px solid var(--border-light)}.options-is-visible.close{height:24px;overflow:hidden}.options-is-visible.open{height:auto}.options-is-sticky.close{height:24px;overflow:hidden}.options-is-sticky.open{height:auto}.table-options-popup .field-visibility{margin:0;display:flex;cursor:pointer;padding:8px 16px;-webkit-user-select:none;user-select:none;align-items:center;gap:var(--spacing-sm);transition:background var(--transition-fast),color var(--transition-fast)}.table-options-popup .field-visibility:hover{color:var(--public-color);background:var(--bg-hover)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}th.stickyCol,td.stickyCol{left:0;z-index:10;position:sticky;background-color:var(--bg-1)}.searchbar{width:250px;height:40px;display:flex;padding:0 12px;align-items:center;color:var(--text-primary);background-color:var(--bg-4);border-radius:var(--radius-full);transition:background-color .2s}.searchbar:hover{background-color:var(--bg-hover)}.searchbar input{flex:1;border:none;outline:none;font-size:18px;background:transparent;color:var(--text-color)}.searchbar input::placeholder{font-size:18px;color:var(--text-primary)}.searchbar .icon{width:22px;height:22px}.add-form{display:flex;flex-direction:column;gap:var(--spacing-md);background:var(--bg-2);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);color:var(--text-primary);width:100%;max-width:600px;margin:0 auto}.add-form h2{margin:0 0 var(--spacing-md);font-size:1.5rem;font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:var(--font-size-sm);color:var(--text-secondary)}.add-form input,.add-form textarea,.add-form select{background:var(--bg-1);border:1px solid var(--border-light);color:var(--text-primary);padding:10px 12px;border-radius:var(--radius-md);font-size:var(--font-size-base);transition:border var(--transition-fast),box-shadow var(--transition-fast);width:100%}.add-form input:focus,.add-form textarea:focus,.add-form select:focus{outline:none;border-color:var(--public-color);box-shadow:0 0 0 2px #f6921e4d}.add-form input[type=checkbox]{width:18px;height:18px;accent-color:var(--public-color)}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-in-out}.modal-content{background:var(--bg-2);border:1px solid var(--border-light);padding:var(--spacing-lg);border-radius:var(--radius-lg);max-width:600px;width:90%;max-height:90%;overflow-y:auto;box-shadow:var(--shadow-lg);color:var(--text-primary);animation:slideUp .25s ease-out}.modal-content h2{margin-top:0;margin-bottom:var(--spacing-md);font-size:1.5rem;font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.modal-content .form-group{display:flex;flex-direction:column;margin-bottom:var(--spacing-md)}.modal-content label{margin-bottom:6px;font-size:var(--font-size-sm);color:var(--text-secondary)}.modal-content input,.modal-content textarea,.modal-content select{background:var(--bg-1);border:1px solid var(--border-light);color:var(--text-primary);padding:10px 12px;border-radius:var(--radius-md);font-size:var(--font-size-base);transition:border var(--transition-fast),box-shadow var(--transition-fast)}.modal-content input:focus,.modal-content textarea:focus,.modal-content select:focus{outline:none;border-color:var(--public-color);box-shadow:0 0 0 2px #f6921e4d}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.form-actions button{padding:10px 16px;border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast)}.form-actions button[type=submit]{background:var(--public-color);color:#fff}.form-actions button[type=submit]:hover{background:var(--public-color-hover);transform:translateY(-1px)}.form-actions button[type=button]{background:var(--bg-3);color:var(--text-secondary)}.form-actions button[type=button]:hover{background:var(--bg-hover);color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.customButton{outline:none;border:none;width:50px;height:50px;border-radius:25px;text-align:center;margin:0;padding:0;line-height:50px;background-color:red;color:var(--text-color);cursor:pointer;transition:transform .2s}.customButton:hover{transform:scale(1.1)}.gallery-header{background-color:red}