@import "https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700&display=swap";.login-container{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-box{width:100%;max-width:420px}.login-header{text-align:center;margin-bottom:32px}.login-header h1{background:linear-gradient(135deg, var(--text-main) 0%, var(--text-muted) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:2rem}.role-selector{gap:12px;margin-bottom:24px;display:flex}.role-selector button{flex:1;padding:10px}.role-selector button.active{border:1px solid var(--primary);color:var(--primary);background:#4f46e533}.login-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text-muted);font-size:.9rem;font-weight:500}.error-message{color:var(--danger);text-align:center;background:#e11d481a;border:1px solid #e11d4833;border-radius:8px;padding:12px;font-size:.9rem}.login-form button[type=submit]{margin-top:12px}.lang-switch-btn{color:var(--text-main);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;transition:all .2s;display:flex;position:absolute;top:24px;right:24px}.lang-switch-btn:hover{background:#ffffff1a}[dir=rtl] .lang-switch-btn{left:24px;right:auto}.whatsapp-float-btn{color:#fff;cursor:pointer;z-index:1000;background-color:#25d366;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;text-decoration:none;transition:all .3s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 12px #25d3664d}.whatsapp-float-btn:hover{transform:translateY(-4px)scale(1.05);box-shadow:0 6px 16px #25d36666}[dir=rtl] .whatsapp-float-btn{left:24px;right:auto}.login-logo{object-fit:contain;max-width:180px;max-height:80px;margin-bottom:20px}.sidebar{background:var(--sidebar-bg);border-inline-end:1px solid var(--surface-border);-webkit-backdrop-filter:blur(12px);z-index:50;flex-direction:column;width:260px;height:100vh;padding:24px 0;transition:width .3s;display:flex;position:sticky;top:0}.sidebar.collapsed{width:80px}.sidebar-toggle-btn{background:var(--surface);border:1px solid var(--surface-border);box-shadow:0 2px 8px var(--shadow-color);color:var(--text-main);cursor:pointer;z-index:100;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .2s;display:flex;position:absolute;top:32px;right:-14px}[dir=rtl] .sidebar-toggle-btn{left:-14px;right:auto}.sidebar-toggle-btn:hover{background:var(--hover-overlay);transform:scale(1.05)}.sidebar.collapsed .sidebar-header h2,.sidebar.collapsed .sidebar-header p,.sidebar.collapsed .sidebar-nav li a span,.sidebar.collapsed .sidebar-footer span{display:none}.sidebar.collapsed .sidebar-header{flex-direction:column;align-items:center;padding:0;display:flex}.sidebar.collapsed .sidebar-nav li a{justify-content:center;padding:16px 0}.sidebar.collapsed .sidebar-footer button{justify-content:center;padding:10px 0}.sidebar.collapsed .sidebar-footer .logout-btn{padding:10px 0}.sidebar-header{margin-bottom:24px;padding:0 24px}.sidebar-header h2{color:var(--primary);margin-bottom:4px;font-size:1.5rem}.sidebar-header p{color:var(--text-muted);font-size:.9rem}.sidebar-nav{flex:1;margin-bottom:20px;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--surface-border);border-radius:4px}.sidebar-nav ul{padding:0;list-style:none}.sidebar-nav li a{color:var(--text-muted);border-inline-start:3px solid #0000;align-items:center;gap:12px;padding:16px 24px;text-decoration:none;transition:all .2s;display:flex}.sidebar-nav li a:hover{background:var(--hover-overlay);color:var(--text-main)}.sidebar-nav li.active a{color:var(--primary);border-inline-start-color:var(--primary);background:#4f46e51a}.sidebar-footer{margin-top:auto;padding:0 24px}.logout-btn{width:100%;color:var(--danger);background:#e11d481a;border:1px solid #e11d4833;justify-content:center;align-items:center;gap:8px;display:flex}.logout-btn:hover{background:#e11d4833;transform:translateY(-1px)}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:1000;background:#0f172acc;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-content{width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080}.modal-header{border-bottom:1px solid var(--surface-border);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.modal-header h3{margin:0;font-size:1.25rem}.icon-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;display:flex}.icon-btn:hover{color:var(--text-main);box-shadow:none;background:#ffffff1a;transform:none}.cache-buster-v3{display:none}:root{--primary:#4f46e5;--primary-hover:#4338ca;--secondary:#06b6d4;--background:#0f172a;--surface:#1e293bb3;--sidebar-bg:#1e293bb3;--surface-border:#ffffff1a;--text-main:#f8fafc;--text-muted:#94a3b8;--danger:#e11d48;--success:#10b981;--input-bg:#0f172a99;--glass-card-bg:linear-gradient(135deg, #ffffff0d 0%, #ffffff03 100%);--glass-card-border:#fff3;--hover-overlay:#ffffff0d;--shadow-color:#0000001a;--shadow-hover:#0003}:root[data-theme=light]{--background:#f1f5f9;--surface:#fff;--sidebar-bg:#fff;--surface-border:#00000014;--text-main:#0f172a;--text-muted:#64748b;--input-bg:#f8fafc;--glass-card-bg:#fff;--glass-card-border:#0000000d;--hover-overlay:#0000000a;--shadow-color:#0000000a;--shadow-hover:#00000014}*{box-sizing:border-box;margin:0;padding:0;font-family:Cairo,sans-serif}body{background:var(--background);color:var(--text-main);-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 0 0,#4f46e526 0,#0000 50%),radial-gradient(at 100% 100%,#06b6d426 0,#0000 50%);background-attachment:fixed;min-height:100vh}.glass-panel{background:var(--surface);-webkit-backdrop-filter:blur(12px);border:1px solid var(--surface-border);box-shadow:0 4px 30px var(--shadow-color);border-radius:16px;padding:24px}.glass-card{background:var(--glass-card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--surface-border);border-radius:12px;padding:20px;transition:transform .2s,box-shadow .2s}.glass-card:hover{box-shadow:0 8px 30px var(--shadow-hover);border-color:var(--glass-card-border);transform:translateY(-2px)}input,select,textarea{background:var(--input-bg);border:1px solid var(--surface-border);width:100%;color:var(--text-main);border-radius:8px;outline:none;padding:12px 16px;font-size:1rem;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px #4f46e533}button{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-hover) 100%);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:600;transition:transform .1s,box-shadow .2s}button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4f46e566}button:active{transform:translateY(1px)}button.secondary{border:1px solid var(--surface-border);color:var(--text-main);background:0 0}button.secondary:hover{background:var(--hover-overlay)}button.danger{background:linear-gradient(135deg, var(--danger) 0%, #be123c 100%)}.container{max-width:1200px;margin:0 auto;padding:24px}.app-layout{min-height:100vh;display:flex}.app-content{flex:1;padding:32px;overflow-y:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s forwards fadeIn}