@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap";.user-dropdown-container{position:relative;display:inline-block}.user-dropdown-trigger{display:flex;align-items:center;gap:10px;background:transparent;border:1px solid transparent;padding:5px 10px;border-radius:var(--radius);cursor:pointer;transition:all .2s}.user-dropdown-trigger:hover,.user-dropdown-trigger.active{background-color:var(--bg-hover);border-color:var(--border-color)}.user-avatar{width:32px;height:32px;background:var(--primary-gradient);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;text-transform:uppercase;box-shadow:0 2px 4px #0003}.user-name{font-size:.9rem;font-weight:600;color:var(--text-main)}.dropdown-arrow{color:var(--text-secondary);transition:transform .2s}.user-dropdown-trigger.active .dropdown-arrow{transform:rotate(180deg)}.user-dropdown-menu{position:absolute;top:100%;right:0;margin-top:10px;width:220px;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow);z-index:1000;animation:slideDown .2s ease-out;overflow:hidden}[dir=rtl] .user-dropdown-menu{right:auto;left:0}.dropdown-header{padding:15px;border-bottom:1px solid var(--border-color);background-color:var(--bg-hover)}.dropdown-user-email{font-size:.8rem;color:var(--text-secondary);display:block;margin-top:4px}.dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:12px 15px;border:none;background:none;text-align:inherit;font-family:inherit;font-size:.9rem;color:var(--text-main);cursor:pointer;transition:background .2s;text-decoration:none}.dropdown-item:hover{background-color:var(--bg-hover)}.dropdown-item.danger{color:var(--danger-color)}.dropdown-item.danger:hover{background-color:#f851491a}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}:root{--bg-core: #ffffff;--bg-soft: #f8fafc;--primary: #4f46e5;--primary-light: #818cf8;--secondary: #c084fc;--text-main: #0f172a;--text-muted: #64748b;--glass-surface: rgba(255, 255, 255, .7);--glass-border: rgba(226, 232, 240, .8);--shadow-soft: 0 10px 30px -10px rgba(0, 0, 0, .05)}body{background-color:var(--bg-core);color:var(--text-main);margin:0;font-family:Plus Jakarta Sans,sans-serif;overflow-x:hidden}.landing-page{min-height:100vh;display:flex;flex-direction:column;position:relative;background:radial-gradient(circle at 0% 0%,rgba(79,70,229,.05) 0%,transparent 50%),radial-gradient(circle at 100% 100%,rgba(192,132,252,.08) 0%,transparent 50%)}.landing-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 6%;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);position:sticky;top:0;z-index:1000}.logo-wrapper{display:flex;align-items:center;gap:10px}.nav-logo{height:36px}.brand-text{font-size:1.3rem;font-weight:700;color:var(--text-main);letter-spacing:-.5px}.header-actions{display:flex;align-items:center;gap:2rem}.landing-page[dir=rtl] .header-actions{gap:2rem}.nav-link{color:var(--primary);background:#4f46e50d;text-decoration:none;font-weight:600;font-size:.95rem;padding:10px 24px;border-radius:50px;transition:all .2s;border:1px solid transparent}.nav-link:hover{background:#4f46e51a;transform:translateY(-1px)}.hero-wrapper{padding:6rem 6% 4rem;text-align:center;display:flex;flex-direction:column;align-items:center;position:relative}.construction-notice{width:60%;max-width:800px;margin:0 auto 3rem;padding:1rem 1.5rem;background:#fffbeb;border:1px solid #fcd34d;border-radius:12px;color:#92400e;font-size:1rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 4px 6px -1px #0000000d;animation:fadeInDown .5s ease-out}.hero-badge{background:#eef2ff;color:var(--primary);padding:6px 14px;border-radius:100px;font-size:.85rem;font-weight:600;margin-bottom:1.5rem;border:1px solid #e0e7ff;animation:fadeInDown .6s ease-out}.hero-title{font-size:4.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;color:var(--text-main);letter-spacing:-1.5px;animation:fadeInUp .8s ease-out .1s backwards}.gradient-text{background:linear-gradient(135deg,#4f46e5,#9333ea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-desc{font-size:1.25rem;color:var(--text-muted);max-width:600px;line-height:1.6;margin-bottom:3rem;animation:fadeInUp .8s ease-out .2s backwards}.cta-group{animation:fadeInUp .8s ease-out .3s backwards}.btn-xl{padding:18px 40px;border-radius:12px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 10px 25px -5px #4f46e566}.btn-primary:hover{background:#4338ca;transform:translateY(-2px);box-shadow:0 20px 30px -10px #4f46e580}.stats-strip{margin-top:5rem;display:flex;gap:4rem;padding:2rem 4rem;background:#fff;border-radius:20px;box-shadow:0 20px 40px -10px #0000000d;border:1px solid #f1f5f9;animation:fadeInUp .8s ease-out .4s backwards}.stat-item{text-align:center}.stat-val{font-size:2.2rem;font-weight:800;color:var(--text-main);display:block}.stat-lbl{color:var(--text-muted);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.features-section{padding:6rem 6%;background:var(--bg-soft)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1200px;margin:0 auto}.feature-card{background:#fff;padding:2.5rem;border-radius:24px;border:1px solid #f1f5f9;transition:all .3s;box-shadow:0 4px 6px -1px #00000005}.feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px -5px #0000000d;border-color:#e0e7ff}.icon{width:54px;height:54px;border-radius:14px;background:#eef2ff;display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin-bottom:1.5rem;color:var(--primary)}.f-title{margin-bottom:.8rem;font-size:1.25rem;font-weight:700;color:var(--text-main)}.f-desc{color:var(--text-muted);line-height:1.6}.landing-footer{padding:4rem 6% 2rem;background:#fff;border-top:1px solid #f1f5f9;text-align:center}.footer-brand{font-weight:700;font-size:1.4rem;color:var(--text-main);margin-bottom:1rem;display:block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 900px){.construction-notice{width:90%;font-size:.9rem;flex-direction:column;text-align:center}.hero-title{font-size:3rem}.grid-3{grid-template-columns:1fr}.stats-strip{flex-direction:column;gap:2rem;padding:2rem}.header-actions{gap:1rem}}.login-container{height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-main);transition:background-color .3s}.login-card{background-color:var(--bg-card);padding:2.5rem;border-radius:var(--radius);box-shadow:var(--shadow);width:100%;max-width:400px;border:1px solid var(--border-color);animation:fadeIn .5s ease-out}.login-title{text-align:center;margin-bottom:2rem;color:var(--text-main);font-size:1.8rem;font-weight:700}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;color:var(--text-secondary);font-weight:500}.form-input{width:100%;padding:.75rem 1rem;background-color:var(--bg-input);border:1px solid var(--border-color);color:var(--text-main);border-radius:var(--radius);outline:none;transition:all .2s;font-family:inherit}.form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.btn-login{width:100%;padding:.85rem;background:var(--primary-gradient, var(--primary-color));color:#fff;border:none;border-radius:var(--radius);cursor:pointer;font-weight:700;font-size:1rem;transition:opacity .2s,transform .1s;font-family:inherit}.btn-login:hover{opacity:.9}.btn-login:disabled{opacity:.6;cursor:not-allowed}.error-message{background-color:#f851491a;color:var(--danger-color);padding:.75rem;border-radius:var(--radius);margin-bottom:1.5rem;text-align:center;border:1px solid rgba(248,81,73,.2)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}:root{--bg-main: #0d1117;--bg-card: #161b22;--bg-hover: #21262d;--bg-input: #21262d;--text-main: #e6edf3;--text-secondary: #8b949e;--text-muted: #6e7681;--primary-color: #58a6ff;--primary-hover: #79c0ff;--primary-light: rgba(88, 166, 255, .15);--primary-gradient: linear-gradient(135deg, #58a6ff, #a371f7);--header-bg: #010409;--header-border: #30363d;--success-color: #3fb950;--danger-color: #f85149;--warning-color: #d29922;--border-color: #30363d;--shadow: 0 8px 24px rgba(0, 0, 0, .4);--radius: 10px}[data-theme=light]{--bg-main: #f3f3f3;--bg-card: #ffffff;--bg-hover: #e8e8e8;--bg-input: #ffffff;--text-main: #1e1e1e;--text-secondary: #0066b8;--text-muted: #6a737d;--primary-color: #0066b8;--primary-hover: #005a9e;--primary-light: rgba(0, 102, 184, .12);--primary-gradient: linear-gradient(135deg, #0066b8, #0078d4);--header-bg: #ffffff;--header-border: #e0e0e0;--success-color: #107c10;--danger-color: #d13438;--warning-color: #ca5010;--border-color: #e0e0e0;--shadow: 0 2px 8px rgba(0, 0, 0, .1)}[data-theme=vibrant]{--bg-main: #0a0a0a;--bg-card: #111111;--bg-hover: #1a1a1a;--bg-input: #1a1a1a;--text-main: #fafafa;--text-secondary: #a1a1aa;--text-muted: #71717a;--primary-color: #8b5cf6;--primary-hover: #a78bfa;--primary-light: rgba(139, 92, 246, .2);--primary-gradient: linear-gradient(135deg, #ec4899, #8b5cf6, #06b6d4);--header-bg: linear-gradient(135deg, #18181b 0%, #0a0a0a 100%);--header-border: #27272a;--success-color: #22c55e;--danger-color: #ef4444;--warning-color: #eab308;--border-color: #27272a;--shadow: 0 8px 32px rgba(139, 92, 246, .15)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Cairo,sans-serif;background-color:var(--bg-main);color:var(--text-main);min-height:100vh;line-height:1.6;transition:background-color .3s,color .3s}.app{min-height:100vh;display:grid;grid-template-rows:auto 1fr;grid-template-columns:auto 1fr;grid-template-areas:"header header" "sidebar main"}.app-header{grid-area:header;background:var(--header-bg);padding:.75rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--header-border);transition:background .3s;z-index:100}.header-start,.header-end{display:flex;align-items:center;gap:1rem}.menu-toggle{background:transparent;border:1px solid var(--border-color);color:var(--text-main);width:40px;height:40px;border-radius:var(--radius);cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.menu-toggle:hover{background:var(--bg-hover);border-color:var(--primary-color)}[data-theme=vibrant] .app-header{box-shadow:0 4px 20px #7c3aed4d}.app-title{font-size:1.3rem;font-weight:800;color:var(--primary-color);margin:0}[data-theme=vibrant] .app-title{color:#fff;text-shadow:0 0 20px rgba(168,85,247,.5)}.sidebar{grid-area:sidebar;background:var(--bg-card);width:260px;border-inline-end:1px solid var(--border-color);padding:1rem 0;transition:transform .3s ease,width .3s ease;overflow-y:auto;height:calc(100vh - 60px);position:sticky;top:60px}.app:not(.sidebar-open) .sidebar{width:0;padding:0;overflow:hidden;border:none}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem}.menu-group{padding:0 .75rem;margin-bottom:.5rem}.menu-group-header{width:100%;background:var(--bg-hover);border:none;border-inline-start:3px solid var(--primary-color);color:var(--text-main);padding:.75rem 1rem;border-radius:0 var(--radius) var(--radius) 0;cursor:pointer;font-family:inherit;font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;display:flex;justify-content:space-between;align-items:center;transition:all .2s}.menu-group-header:hover{background:var(--primary-light);border-color:var(--primary-hover)}.menu-group-header .arrow{font-size:.65rem;opacity:.7;transition:transform .2s}.menu-group-header .arrow.expanded{transform:rotate(180deg)}.menu-group-items{margin-top:.5rem;padding-inline-start:1rem;border-inline-start:1px solid var(--border-color);margin-inline-start:.75rem}.menu-item{width:100%;background:transparent;border:none;color:var(--text-secondary);padding:.6rem 1rem;border-radius:var(--radius);cursor:pointer;font-family:inherit;font-size:.85rem;display:flex;align-items:center;gap:.5rem;transition:all .2s;text-align:inherit}.menu-item:hover{background:var(--bg-hover);color:var(--text-main)}.menu-item.active{background:var(--primary-light);color:var(--primary-color);font-weight:600}.sidebar-overlay{display:none}.app-main{grid-area:main;padding:1.5rem;overflow-y:auto;height:calc(100vh - 60px)}@media (max-width: 768px){.app{grid-template-columns:1fr;grid-template-areas:"header" "main"}.sidebar{position:fixed;top:60px;left:0;right:auto;height:calc(100vh - 60px);z-index:200;transform:translate(-100%);width:280px;box-shadow:4px 0 20px #0000004d}[dir=rtl] .sidebar{left:auto;right:0;transform:translate(100%)}.app.sidebar-open .sidebar{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;top:60px;right:0;bottom:0;left:0;background:#00000080;z-index:150}.app-main{padding:1rem;height:auto;min-height:calc(100vh - 60px)}.app-title{font-size:1.1rem}.header-end{gap:.5rem}.theme-switcher{gap:.25rem}.theme-btn{width:20px;height:20px}}.screen{background:var(--bg-card);border-radius:var(--radius);overflow:hidden;border:1px solid var(--border-color);box-shadow:var(--shadow);transition:background .3s,border-color .3s}[data-theme=vibrant] .screen{border-color:#a855f74d}.screen-header{padding:1.5rem;border-bottom:1px solid var(--border-color)}.screen-header h2{font-size:1.4rem;font-weight:700;color:var(--text-main)}.data-table-container{display:flex;flex-direction:column;max-height:calc(100vh - 180px);overflow:hidden}.table-toolbar{padding:.75rem 1.5rem;border-bottom:1px solid var(--border-color);background:var(--bg-card);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;flex-shrink:0;z-index:10}.toolbar-start,.toolbar-end{display:flex;align-items:center}.selection-controls{display:flex;gap:.5rem;flex-wrap:wrap}.search-box{display:flex;align-items:center;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius);padding:0 .75rem;height:32px;margin-inline-end:1rem;min-width:200px;transition:all .2s}.search-box:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-light)}.search-icon{font-size:.85rem;margin-inline-end:.5rem;opacity:.6}.search-input{flex:1;border:none;background:transparent;color:var(--text-main);font-size:.85rem;outline:none;height:100%}.search-input::placeholder{color:var(--text-muted)}.search-clear{background:none;border:none;color:var(--text-muted);font-size:1.1rem;cursor:pointer;padding:0;margin-inline-start:.5rem;line-height:1}.search-clear:hover{color:var(--danger-color)}.toolbar-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:.5rem 1rem;border-radius:var(--radius);cursor:pointer;font-family:inherit;font-size:.9rem;display:flex;align-items:center;gap:.4rem;transition:all .2s}.toolbar-btn:hover:not(:disabled){border-color:var(--primary-color);color:var(--text-main);background:var(--primary-light)}.toolbar-btn:disabled{opacity:.5;cursor:not-allowed}.toolbar-btn.danger{border-color:var(--danger-color);color:var(--danger-color)}.toolbar-btn.danger:hover{background:var(--danger-color);color:#fff}.table-wrapper{flex:1;overflow:auto}.loading,.no-data{padding:3rem;text-align:center;color:var(--text-muted);font-size:1.1rem}.data-table{width:100%;border-collapse:separate;border-spacing:0}.data-table thead{position:sticky;top:0;z-index:5}.data-table th{background:#f1f5f9;padding:.5rem .75rem;text-align:inherit;font-weight:700;color:var(--text-secondary);border-bottom:2px solid var(--border-color);white-space:nowrap;font-size:.85rem}[data-theme=dark] .data-table th{background:#1e293b;color:var(--text-main)}[data-theme=vibrant] .data-table th{background:#1e1035;color:var(--primary-hover)}.data-table th.sortable{cursor:pointer}.data-table th.sortable:hover{color:var(--primary-color);background:var(--bg-hover)}.th-content{display:flex;align-items:center;gap:.5rem}.sort-icon{font-size:.8rem}.data-table td{padding:.35rem .75rem;border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:.85rem}.data-table tbody tr:nth-child(odd) td{background:#00000009}[data-theme=dark] .data-table tbody tr:nth-child(odd) td{background:#ffffff0a}[data-theme=vibrant] .data-table tbody tr:nth-child(odd) td{background:#a855f70f}.data-table tr:hover td{background:var(--bg-hover)!important}.data-table tr.selected td{background:var(--primary-light)!important}.checkbox-col{width:50px;text-align:center!important}.actions-col{width:180px;text-align:center!important}.action-buttons{display:flex;gap:.5rem;justify-content:center}.action-btn{background:transparent;border:1px solid var(--border-color);cursor:pointer;padding:.3rem .6rem;border-radius:6px;transition:all .2s;font-size:.8rem;font-family:inherit;color:var(--text-secondary);display:inline-flex;align-items:center;gap:.25rem;white-space:nowrap}.action-btn:hover{background:var(--bg-hover)}.action-btn.edit:hover{color:var(--primary-color);border-color:var(--primary-color)}.action-btn.delete:hover{color:var(--danger-color);border-color:var(--danger-color)}.table-footer{padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;border-top:1px solid var(--border-color)}.pagination-controls{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.page-size{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary)}.page-size .styled-select.small{min-width:auto;padding:.35rem 1.5rem .35rem .5rem;font-size:.8rem}[dir=rtl] .page-size .styled-select.small{padding:.35rem .5rem .35rem 1.5rem}.page-info{font-size:.85rem;color:var(--text-secondary)}.page-info-inline{padding:0 .5rem;font-size:.8rem;font-weight:600;color:var(--text-main)}.total-count{font-size:.75rem;color:var(--text-muted)}.page-size-label{font-size:.7rem;color:var(--text-muted)}.page-nav{display:flex;gap:.35rem;align-items:center}.page-btn{min-width:28px;height:28px;padding:0 .5rem;display:flex;align-items:center;justify-content:center;gap:.25rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius);cursor:pointer;font-size:.7rem;transition:all .2s;white-space:nowrap}.page-btn .nav-text{font-size:.65rem}.page-btn.primary{background:var(--primary-color);border-color:var(--primary-color);color:#fff;font-weight:600}.page-btn.primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.page-btn.secondary{background:transparent;border-color:var(--border-color);color:var(--text-muted)}.page-btn.secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--primary-color);color:var(--primary-color)}.page-btn:disabled{opacity:.4;cursor:not-allowed}.select-all-banner{background:var(--primary-light);border:1px solid var(--primary-color);padding:.75rem 1.5rem;text-align:center;border-radius:var(--radius);margin:0 1rem .5rem;font-size:.9rem;color:var(--text-main)}.select-all-banner.success{background:#10b98126;border-color:var(--success-color)}.link-btn{background:none;border:none;color:var(--primary-color);cursor:pointer;font-weight:600;text-decoration:underline;padding:0;margin-inline-start:.5rem}.link-btn:hover{color:var(--primary-hover)}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600}.status-badge.active{background:#10b98133;color:var(--success-color)}.status-badge.inactive{background:#ef444433;color:var(--danger-color)}.color-badge{display:inline-block;padding:.2rem .6rem;border-radius:4px;font-size:.75rem;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.btn{padding:0 1rem;height:36px;border-radius:var(--radius);border:none;cursor:pointer;font-family:inherit;font-weight:600;font-size:.85rem;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;transition:all .2s}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 15px #6366f14d}[data-theme=vibrant] .btn-primary{box-shadow:0 4px 20px #a855f766}.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.1)}.btn-secondary{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.btn-secondary:hover{border-color:var(--text-main);color:var(--text-main)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:var(--bg-card);border-radius:var(--radius);width:90%;max-width:500px;border:1px solid var(--border-color);box-shadow:0 25px 50px -12px #00000080;animation:modalIn .25s ease-out;overflow:hidden}[data-theme=light] .modal{box-shadow:0 25px 50px -12px #00000040}[data-theme=vibrant] .modal{border-color:#a855f780;box-shadow:0 25px 50px -12px #a855f74d}@keyframes modalIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{padding:1.25rem 1.5rem;background:var(--bg-hover);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-header h3{font-size:1.1rem;font-weight:700;color:var(--text-main);margin:0}.modal-close{background:transparent;border:none;color:var(--text-muted);font-size:1.25rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s;line-height:1}.modal-close:hover{color:var(--danger-color);background:#f14c4c26}.modal-body{padding:1rem 1.5rem;background:var(--bg-card)}.form{display:flex;flex-direction:column;gap:.6rem}.form-group{display:flex;flex-direction:column;gap:.25rem}.form-group label{font-weight:600;font-size:.8rem;color:var(--text-secondary)}.form-group input[type=text],.form-group textarea,.form-group .color-input{width:100%;height:32px;padding:0 .6rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-main);font-family:inherit;font-size:.85rem;transition:all .2s}.form-group input[type=text]:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}[data-theme=vibrant] .form-group input[type=text]:focus,[data-theme=vibrant] .form-group textarea:focus{box-shadow:0 0 0 3px #a855f74d}.form-group input.error{border-color:var(--danger-color)}.error-message{color:var(--danger-color);font-size:.85rem}.color-picker-row{display:flex;align-items:center;gap:1rem}.color-picker-row input[type=color]{width:50px;height:40px;border:none;border-radius:var(--radius);cursor:pointer}.color-presets{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.5rem}.color-preset{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s}.color-preset:hover{transform:scale(1.15)}.color-preset.active{border-color:#fff;box-shadow:0 0 0 2px var(--primary-color)}.checkbox-group{margin-top:.5rem}.checkbox-group label,.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.85rem}.checkbox-group input[type=checkbox]{width:16px;height:16px;cursor:pointer}.form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.language-switcher{display:flex;align-items:center}.lang-group{display:flex;align-items:center;gap:.5rem}.lang-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.zagel-language-switcher{display:flex;align-items:center}.admin-link,.back-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius);background:var(--bg-hover);border:1px solid var(--border-color);font-size:1.1rem;cursor:pointer;transition:all .2s;text-decoration:none}.admin-link:hover,.back-link:hover{background:var(--primary-light);border-color:var(--primary-color)}.admin-header{background:linear-gradient(135deg,var(--header-bg),rgba(99,102,241,.1))}.styled-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-main);padding:.5rem 2.5rem .5rem 1rem;font-family:inherit;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238b949e' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:calc(100% - 12px) center;min-width:120px}[dir=rtl] .styled-select{padding:.5rem 1rem .5rem 2.5rem;background-position:12px center}.styled-select:hover{border-color:var(--primary-color)}.styled-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.styled-select option{background:var(--bg-card);color:var(--text-main);padding:.5rem}.form-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-main);padding:.8rem 2.5rem .8rem 1rem;font-family:inherit;font-size:1rem;cursor:pointer;transition:all .2s;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238b949e' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:calc(100% - 12px) center}[dir=rtl] .form-group select{padding:.8rem 1rem .8rem 2.5rem;background-position:12px center}.form-group select:hover{border-color:var(--primary-color)}.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.form-group select option{background:var(--bg-card);color:var(--text-main)}.theme-switcher{display:flex;gap:.5rem}.theme-btn{width:24px;height:24px;border-radius:50%;border:2px solid var(--border-color);cursor:pointer;transition:all .2s}.theme-btn:hover{transform:scale(1.1)}.theme-btn.active{border-color:var(--primary-color);box-shadow:0 0 8px var(--primary-color)}.theme-btn.dark{background:#1e293b}.theme-btn.light{background:#f1f5f9}.theme-btn.vibrant{background:linear-gradient(135deg,#7c3aed,#c026d3)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.zagel-site{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-main)}.zagel-header{background:var(--header-bg);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--header-border)}.zagel-main{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.welcome-section{text-align:center;max-width:600px}.welcome-section h2{font-size:2.5rem;color:var(--primary-color);margin-bottom:1rem}.welcome-section p{font-size:1.2rem;color:var(--text-secondary);margin-bottom:2rem}.quick-links{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.zagel-footer{background:var(--bg-card);padding:1rem 2rem;text-align:center;border-top:1px solid var(--border-color);color:var(--text-muted);font-size:.85rem}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;display:flex;flex-direction:column-reverse;gap:.5rem;max-width:350px;width:90%}[dir=rtl] .toast-container{right:auto;left:1.5rem}.toast{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--border-color);box-shadow:0 4px 20px #0000004d;animation:toastSlide .3s ease-out;cursor:pointer}@keyframes toastSlide{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.toast-icon{font-size:1.1rem}.toast-message{flex:1;font-size:.9rem;color:var(--text-main)}.toast-close{background:none;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;padding:0;line-height:1}.toast-close:hover{color:var(--text-main)}.toast-success{border-color:var(--success-color);background:#3fb9501a}.toast-error{border-color:var(--danger-color);background:#f851491a}.toast-warning{border-color:var(--warning-color);background:#d299221a}.toast-info{border-color:var(--primary-color);background:var(--primary-light)}.confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:10000}.confirm-dialog{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border-color);box-shadow:0 8px 32px #0006;min-width:320px;max-width:90%;animation:confirmSlide .2s ease-out}@keyframes confirmSlide{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirm-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border-color)}.confirm-header h3{margin:0;font-size:1rem;font-weight:700;color:var(--text-main)}.confirm-body{padding:1.25rem}.confirm-body p{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.5}.confirm-actions{padding:.75rem 1.25rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:.5rem}.btn-danger{background:var(--danger-color);color:#fff}.btn-danger:hover{background:#dc2626}.filter-row{background:#e2e8f0}[data-theme=dark] .filter-row{background:#0f172a}.filter-row th{background:inherit;padding:.4rem .5rem;border-bottom:2px solid var(--primary-color)}.filter-cell{padding:.4rem .5rem!important}.filter-cell-number,.filter-cell-date{display:flex;gap:.25rem;align-items:center}.filter-input{width:100%;height:28px;padding:0 .5rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-input);color:var(--text-main);font-size:.8rem}.filter-input:focus{outline:none;border-color:var(--primary-color)}.filter-input-small{width:60px;flex:1}.filter-input-date{width:auto;flex:1}.filter-select{width:100%;height:28px;padding:0 .4rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-input);color:var(--text-main);font-size:.8rem;cursor:pointer}.filter-select:focus{outline:none;border-color:var(--primary-color)}.filter-operator{width:50px;height:28px;padding:0 .25rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-input);color:var(--text-main);font-size:.8rem;cursor:pointer;flex-shrink:0}.filter-actions-container{display:flex!important;align-items:center;justify-content:center;gap:.25rem;width:100%}.filter-apply-btn{background:var(--primary-color);color:#fff;border:none;border-radius:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:.8rem}.filter-apply-btn:hover{background:var(--primary-hover);transform:scale(1.05)}.filter-clear-btn{background:var(--danger-color);color:#fff;border:none;border-radius:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:.8rem}.filter-clear-btn:hover{background:#dc2626}.filter-count-badge{background:var(--bg-hover);color:var(--text-main);border:1px solid var(--border-color);border-radius:12px;min-width:20px;padding:0 .3rem;height:20px;font-size:.7rem;display:flex;align-items:center;justify-content:center;font-weight:700}.filter-input[type=number]::-webkit-inner-spin-button,.filter-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.filter-cell.active-filter input,.filter-cell.active-filter select{border-color:var(--primary-color);background-color:#f0f9ff}.filter-cell.active-filter{background-color:#f0f9ff!important}.no-data-alert{color:#dc2626;font-weight:700;font-size:1.1rem;margin-bottom:1rem;padding:1rem;border:1px dashed #dc2626;border-radius:8px;background-color:#fef2f2}.filter-cell{padding:.25rem;vertical-align:top!important}.filter-input-group{display:flex;flex-direction:column;gap:4px;width:100%}.filter-operator{width:100%;margin-bottom:2px}.filter-row th{height:auto!important;padding-top:8px;padding-bottom:8px}.search-box-container{display:none!important}.filter-input[type=number]{-moz-appearance:textfield}.multi-select-container{position:relative;width:100%;height:100%}.multi-select-trigger{display:flex;justify-content:space-between;padding:4px 8px;background:#fff;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;background-color:#fff;height:60px!important;font-size:.85rem;align-items:center}.multi-select-trigger.active{background-color:#f0f9ff;border-color:var(--primary-color);color:var(--primary-color)}.multi-select-dropdown{position:absolute;top:100%;left:0;width:220px;max-height:300px;background:#fff;border:1px solid var(--border-color);border-radius:4px;box-shadow:0 4px 6px -1px #0000001a;z-index:100;display:flex;flex-direction:column}[dir=rtl] .multi-select-dropdown{right:0;left:auto}.multi-select-search{padding:8px;border-bottom:1px solid var(--border-color)}.multi-select-search input{width:100%;padding:4px 8px;border:1px solid var(--border-color);border-radius:4px}.multi-select-actions{display:flex;justify-content:space-between;padding:4px 8px;background:#f9fafb;border-bottom:1px solid var(--border-color);font-size:.75rem}.text-btn{background:none;border:none;color:var(--primary-color);cursor:pointer;padding:2px 4px;font-size:.75rem}.text-btn:hover{text-decoration:underline}.multi-select-list{overflow-y:auto;padding:4px 0;max-height:200px}.multi-select-option{display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:.9rem}.multi-select-option:hover{background-color:#f3f4f6}.filter-cell{padding:12px 4px 8px;vertical-align:top;height:1px}.filter-stack{display:flex;flex-direction:column;justify-content:flex-end;gap:0;height:100%}.filter-operator{width:100%;font-size:.75rem!important;height:20px;line-height:20px;padding:0;border:none;background-color:transparent;color:#6b7280;font-weight:600;margin-bottom:2px;text-align:center;cursor:pointer}.filter-operator-placeholder{height:22px;width:100%}.filter-operator:hover{background-color:#f9fafb;color:var(--primary-color);border-radius:4px}.filter-input,.filter-select{width:100%;border:1px solid var(--border-color);border-radius:4px;padding:4px 8px;font-size:.9rem}.filter-input-tall{height:60px!important}.filter-input-small{height:29px!important}.filter-input-stacked-group{display:flex;flex-direction:column;gap:2px;height:60px}.filter-actions-stack{display:flex;flex-direction:column;justify-content:flex-end;height:100%}.filter-actions-row{display:flex;gap:4px;height:60px;align-items:center;align-items:stretch}.filter-actions-row .toolbar-btn{flex-shrink:0}.filter-btn-modern{display:flex;align-items:center;justify-content:center;height:100%;min-width:48px;padding:0 16px;border:none;border-radius:6px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;box-shadow:0 1px 2px #0000000d}.filter-btn-apply{background-color:var(--primary-color);color:#fff;flex-grow:1}.filter-btn-apply:hover{background-color:var(--primary-dark);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.filter-btn-clear{background-color:#fee2e2;color:#ef4444;border:1px solid #fecaca}.filter-btn-clear:hover{background-color:#fca5a5;color:#fff;border-color:#f87171}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.skeleton-row td{padding:1rem}.skeleton-cell{height:20px;background-color:#e5e7eb;border-radius:4px;animation:pulse 1.5s cubic-bezier(.4,0,.6,1) infinite;width:100%}.skeleton-cell.short{width:30%}.skeleton-cell.medium{width:60%}.skeleton-cell.long{width:90%}:root{--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--primary-50: #eef2ff;--primary-100: #e0e7ff;--primary-200: #c7d2fe;--primary-300: #a5b4fc;--primary-400: #818cf8;--primary-500: #6366f1;--primary-600: #4f46e5;--primary-700: #4338ca;--primary-800: #3730a3;--primary-900: #312e81;--success-50: #ecfdf5;--success-100: #d1fae5;--success-500: #10b981;--success-600: #059669;--success-700: #047857;--danger-50: #fff1f2;--danger-100: #ffe4e6;--danger-500: #f43f5e;--danger-600: #e11d48;--danger-700: #be123c;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-500: #f59e0b;--warning-600: #d97706;--bg-main: var(--gray-50);--bg-card: #ffffff;--bg-hover: var(--gray-100);--bg-input: #ffffff;--bg-muted: var(--gray-100);--text-main: var(--gray-800);--text-secondary: var(--gray-600);--text-muted: var(--gray-400);--text-inverse: #ffffff;--primary-color: var(--primary-600);--primary-hover: var(--primary-700);--primary-light: var(--primary-50);--primary-gradient: linear-gradient(135deg, var(--primary-500), var(--primary-700));--header-bg: #ffffff;--header-border: var(--gray-200);--success-color: var(--success-600);--danger-color: var(--danger-600);--warning-color: var(--warning-600);--border-color: var(--gray-200);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--radius: 8px}[data-theme=light],[data-theme=dark],[data-theme=vibrant]{--bg-main: var(--gray-50);--bg-card: #ffffff;--bg-hover: var(--gray-100);--bg-input: #ffffff;--text-main: var(--gray-800);--text-secondary: var(--gray-600);--text-muted: var(--gray-400);--primary-color: var(--primary-600);--primary-hover: var(--primary-700);--primary-light: var(--primary-50);--header-bg: #ffffff;--header-border: var(--gray-200);--success-color: var(--success-600);--danger-color: var(--danger-600);--warning-color: var(--warning-600);--border-color: var(--gray-200);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1)}input[type=checkbox]{accent-color:var(--primary-600)}.btn-primary{background-color:var(--primary-600);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-primary:hover{background-color:var(--primary-700)}.btn-secondary{background-color:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-200);padding:8px 16px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background-color:var(--gray-200)}.btn-danger{background-color:var(--danger-50);color:var(--danger-600);border:1px solid var(--danger-100);padding:8px 16px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.btn-danger:hover{background-color:var(--danger-100)}.btn-success{background-color:var(--success-50);color:var(--success-600);border:1px solid var(--success-100);padding:8px 16px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.btn-success:hover{background-color:var(--success-100)}.filter-row.stacked th{vertical-align:top;padding-top:8px;padding-bottom:8px}.filter-row.stacked .filter-stack{height:100%;min-height:74px;display:flex}.filter-row.stacked .filter-input-tall,.filter-row.stacked .filter-select{height:74px!important;display:flex;align-items:center}.filter-row.stacked .filter-operator{height:74px!important}.filter-input-stacked-group{display:flex;flex-direction:column;gap:4px;width:100%}.filter-input-small{height:35px}