body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f7fa;color:#2d3748}html[dir=rtl] *{direction:rtl;text-align:right}html[dir=ltr] *{direction:ltr;text-align:left}.min-h-screen{min-height:100vh}.text-gray-900{color:#1a202c}.font-semibold{font-weight:600}.flex{display:flex}.resize-none{resize:none}.center-vh{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:1rem}.login-card,.register-card{width:100%;max-width:500px;padding:2rem;border-radius:.5rem;box-shadow:0 10px 15px #0000001a}.layout{display:flex;height:100vh}.sidebar{width:250px;background:#fff;box-shadow:0 0 6px #0000001a;transition:transform .3s ease}@media(max-width:768px){.sidebar{position:fixed;right:0;top:0;bottom:0;transform:translate(100%);z-index:999}.sidebar.open{transform:translate(0)}}.content{flex:1;overflow-y:auto}.menu-btn{position:absolute;top:1rem;right:1rem;background:#2563eb;color:#fff;border:none;padding:.5rem .75rem;font-size:1.25rem;border-radius:.25rem;cursor:pointer;z-index:1000}@media(min-width:769px){.menu-btn{display:none}}.w-64{width:16rem}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.flex-col{flex-direction:column}.text-center{text-align:center}.text-2xl{font-size:1.5rem}.font-bold{font-weight:700}.text-blue-600{color:#3182ce}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-4 nav{width:100%}.px-4 nav a{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;margin:.5rem 0;border-radius:.5rem;transition:all .2s;text-decoration:none;color:#4a5568}.px-4 nav a:hover{background-color:#edf2f7}.px-4 nav a.bg-blue-100{background-color:#ebf8ff;color:#3182ce}.flex-1{flex:1;min-width:0}.h-screen{height:100vh}.overflow-y-auto{overflow-y:auto}.space-y-8>*+*{margin-top:2rem}.flex.justify-between.items-center{display:flex;justify-content:space-between;align-items:center;width:100%}.bg-white{background-color:#fff}.bg-gray-100{background-color:#f7fafc}.bg-gray-200{background-color:#edf2f7}.bg-blue-100{background-color:#ebf8ff}.bg-blue-600{background-color:#3182ce}.bg-green-200{background-color:#c6f6d5}.bg-green-600{background-color:#38a169}.bg-red-100{background-color:#fed7d7}.bg-yellow-100{background-color:#fefcbf}.bg-yellow-400{background-color:#f6e05e}.bg-gray-400{background-color:#cbd5e0}.bg-gray-800{background-color:#2d3748}.bg-black{background-color:#000}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;border:none;cursor:pointer;font-weight:500;transition:all .2s}button.bg-blue-600{background-color:#3182ce;color:#fff}button.bg-blue-600:hover{background-color:#2b6cb0}.flex.gap-4{display:flex;gap:1rem;width:100%}.relative{position:relative}.flex-grow{flex-grow:1}.absolute{position:absolute}.right-3{right:.75rem}.top-1\/2{top:50%}.-translate-y-1\/2{transform:translateY(-50%)}.text-gray-400{color:#a0aec0}input{width:100%;padding:.5rem 2.5rem .5rem .5rem;border:1px solid #e2e8f0;border-radius:.5rem;color:#2d3748;background-color:#fff}select{padding:.5rem;border:1px solid #e2e8f0;border-radius:.5rem;color:#2d3748;background-color:#fff}.bg-white.rounded-lg.shadow-sm{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 2px #0000000d;width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:100%}.text-sm{font-size:.875rem}.text-gray-600{color:#4a5568}thead.text-xs{font-size:.75rem}.text-gray-700{color:#2d3748}.uppercase{text-transform:uppercase}th,td{padding:.75rem 1rem;color:#2d3748}.border{border-width:1px}.border-b{border-bottom:1px solid #e2e8f0}.hover\:bg-gray-50:hover{background-color:#f7fafc}.tooltip-container{position:relative}.tooltip-container .tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:.5rem;width:16rem;background-color:#1f2937;color:#fff;font-size:.75rem;border-radius:.375rem;padding:.5rem .75rem;opacity:0;pointer-events:none;transition:opacity .3s;z-index:10;text-align:center}.tooltip-container:hover .tooltip{opacity:1}.text-xs{font-size:.75rem}.font-medium{font-weight:500}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-4{margin-top:1rem;margin-bottom:1rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.text-blue-800{color:#2c5282}.text-red-500{color:#f56565}.text-red-800{color:#c53030}.text-yellow-800{color:#744210}.text-white{color:#fff}.text-gray-800{color:#2d3748}.w-full{width:100%}.h-2\.5{height:.625rem}.rounded-full{border-radius:9999px}.flex.items-center.gap-2{display:flex;align-items:center;gap:.5rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-100{z-index:100}.z-9999{z-index:9999}.text-gray-500{color:#a0aec0}.hover\:text-blue-600:hover{color:#3182ce}.hover\:text-green-600:hover{color:#38a169}.hover\:text-yellow-500:hover{color:#ecc94b}.fixed.inset-0.bg-black.bg-opacity-50{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50}.fixed.inset-0.bg-black.bg-opacity-50>div{background-color:#fff;padding:2rem;border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:32rem;max-height:90vh;overflow-y:auto}.notification{padding:10px 15px;border-radius:5px;position:fixed;top:20px;left:20px;display:flex;align-items:center;gap:10px;transition:all .3s ease;opacity:0;pointer-events:none;z-index:1000}.notification.show{opacity:1;pointer-events:auto}.notification.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.notification.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}input[type=file]::file-selector-button{content:"اختر الملفات"}@media(max-width:768px){.flex-wrap{flex-wrap:wrap}.flex{flex-direction:column}.w-64{width:100%;height:auto}.flex-1{width:100%}.flex.gap-4{flex-direction:column}.p-6{padding:1rem}}