.navbar{background:#0d0f0a;border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg);height:70px;justify-content:space-between;left:0;padding:12px 40px;position:fixed;right:0;top:0;width:100%;z-index:1100}.logo,.navbar{align-items:center;display:flex}.logo{color:var(--primary);font-size:1.15rem;font-weight:700}.logo img{margin-right:10px}.nav-links{display:flex;gap:28px;list-style:none}.nav-links a{color:var(--text-soft);font-weight:600;position:relative;transition:color .2s}.nav-links a:hover{color:var(--primary)}.nav-links a:after{background:var(--primary);bottom:-4px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:right;transition:transform .2s ease;width:100%}.nav-links a:hover:after{transform:scaleX(1);transform-origin:left}.right{align-items:center;display:flex;gap:12px}.lang-toggle,.login-btn,.logout-btn{border:none;border-radius:var(--radius);cursor:pointer;font-size:.9rem;padding:6px 14px;transition:all .2s}.login-btn,.logout-btn{background:var(--primary);color:var(--bg)}.lang-toggle{background:#0000;border:1px solid var(--border);color:var(--text-soft)}.login-btn:hover,.logout-btn:hover{background:var(--primary-dark);color:var(--text)}.lang-toggle:hover{background:var(--border)}.footer{background:#080808e6;border-top:1px solid var(--border);color:var(--text-soft);margin-top:auto;padding:24px;text-align:center}.home-page{flex:1 1}.about-page{margin:auto;max-width:700px;padding:80px 20px;text-align:center}.about-page h1{color:var(--text);font-size:2.5rem;margin-bottom:20px}.about-page p{color:var(--text-soft);font-size:1.1rem}.designs-page{display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:1200px;padding:40px 20px}.designs-page h1{color:var(--primary);font-size:2.5rem;margin-bottom:40px;text-align:center}.design-grid{display:flex;flex-direction:column;gap:40px;margin:0 auto;width:70%}.design-card{background:var(--surface);border-radius:20px;box-shadow:var(--shadow-lg);overflow:hidden;transition:transform .3s ease}.design-card:hover{transform:translateY(-5px)}.design-card img{border-bottom:1px solid var(--border);cursor:pointer;height:400px;object-fit:cover;transition:opacity .3s ease;width:100%}.design-card img:hover{opacity:.7}.design-info{padding:15px}.design-card h2{color:var(--text);font-size:1.5rem;margin:0 0 10px}.design-card .engineer{color:var(--primary);font-weight:600;margin-bottom:8px}.design-card .dates{color:var(--text-soft);display:flex;font-size:.9rem;justify-content:space-between}.lightbox{align-items:center;background:#1c1c1cf2;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.lightbox-content{max-height:80vh;max-width:900px;position:relative;width:100%}.lightbox-content img{border-radius:var(--radius);box-shadow:0 0 30px #9a9797cc;height:auto;max-height:80vh;object-fit:contain;width:100%}.lightbox-close{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text);cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;position:absolute;right:0;top:-40px;transition:all .2s ease;width:32px}.lightbox-close:hover{background:#ffffff1a;transform:rotate(90deg)}@media (max-width:768px){.design-grid{width:90%}.design-card img{height:200px}.lightbox-content{width:95%}}@media (max-width:480px){.designs-page h1{font-size:2rem;margin-bottom:30px}.design-grid{gap:30px;width:100%}.design-card .dates{flex-direction:column;gap:5px}}.auth-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.auth-modal{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-lg);color:var(--text);max-width:380px;padding:32px 36px;position:relative;width:90%}.auth-close{background:none;border:none;color:var(--text-soft);cursor:pointer;font-size:22px;position:absolute;right:16px;top:12px;transition:transform .2s ease}.auth-close:hover{transform:rotate(90deg)}.auth-tabs{display:flex;margin-bottom:24px}.auth-tabs button{background:var(--bg);border:none;color:var(--text-soft);cursor:pointer;flex:1 1;padding:8px;transition:background .2s}.auth-tabs button.active{background:var(--primary);color:#fff}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-form input{background:var(--text-soft);border:1px solid var(--border);border-radius:var(--radius);color:var(--bg);font-size:1rem;padding:10px 12px}.auth-form input::placeholder{color:var(--bg-soft)}.auth-form button{background:var(--primary);border:none;border-radius:var(--radius);color:#fff;cursor:pointer;font-size:1rem;padding:10px;transition:background .2s}.auth-form button:hover{background:var(--primary-dark)}.sidebar{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;gap:24px;height:calc(100vh - 70px);padding:28px 20px;position:sticky;top:70px;width:230px;z-index:100}.sidebar h3{color:var(--primary);font-size:1.2rem;font-weight:700;text-align:center}.sidebar ul{list-style:none;padding:0}.sidebar li{background:#0000;border-radius:var(--radius);color:var(--text-soft)!important;cursor:pointer;margin-bottom:8px;padding:12px 16px;transition:all .2s}.sidebar li:hover{background:var(--primary);color:var(--bg)!important}.logout-btn{background:#0000;border:1px solid #ef4444;border-radius:var(--radius);color:#ef4444;cursor:pointer;margin-top:auto;padding:8px 12px;transition:background .2s,color .2s}.logout-btn:hover{background:#ef4444;color:#fff}.admin-modal-overlay{align-items:center;background:#080808bf;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.admin-modal{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-lg);max-height:90vh;overflow:hidden;position:relative}.admin-modal-close{background:var(--surface);border:1px solid var(--border);border-radius:50%;color:var(--text-soft);cursor:pointer;font-size:18px;height:32px;position:absolute;right:12px;top:12px;transition:transform .25s;width:32px}.admin-modal-close:hover{transform:rotate(90deg)}.admin-modal h2{color:var(--primary);margin-bottom:24px;text-align:center}.add-admin-modal{max-width:420px;padding:32px 36px 40px;width:90%}.add-admin-modal .admin-form{display:flex;flex-direction:column;gap:18px}.add-admin-modal .form-group,.add-project-modal .form-group{display:flex;flex-direction:column;gap:6px}.add-admin-modal label,.add-project-modal label{color:var(--text-soft);font-size:.9rem;font-weight:600}.add-admin-modal input,.add-project-modal input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:10px 12px}.add-admin-modal .submit-btn,.add-project-modal .submit-btn,.users-list-modal .submit-btn{background:var(--primary);border:none;border-radius:var(--radius);color:var(--bg);cursor:pointer;font-weight:600;margin-top:10px;padding:10px;transition:filter .2s}.add-admin-modal .submit-btn:hover,.add-project-modal .submit-btn:hover,.users-list-modal .submit-btn:hover{filter:brightness(1.15)}.add-project-modal{max-width:520px;padding:32px 36px 40px;width:90%}.add-project-modal .admin-form{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1fr 1fr}.add-project-modal .form-group{display:flex;flex-direction:column;gap:6px}.add-project-modal label{color:var(--text-soft);font-size:.9rem;font-weight:600}.add-project-modal input[type=date],.add-project-modal input[type=email],.add-project-modal input[type=file],.add-project-modal input[type=text]{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:10px 12px}.add-project-modal .form-group:nth-child(3),.add-project-modal .form-group:nth-child(4){grid-column:span 1}.add-project-modal .form-group:first-child,.add-project-modal .form-group:nth-child(2),.add-project-modal .form-group:nth-child(5),.add-project-modal .submit-btn{grid-column:span 2}.add-project-modal .submit-btn{background:var(--primary);border:none;border-radius:var(--radius);color:var(--bg);cursor:pointer;font-weight:600;margin-top:10px;padding:10px;transition:filter .2s}.add-project-modal .submit-btn:hover{filter:brightness(1.15)}.messages-modal{display:flex;flex-direction:column;height:70vh;max-width:800px;padding:0;width:90%}.messages-modal h2{margin-bottom:0;padding:24px 24px 0}.messages-container{display:flex;flex:1 1;overflow:hidden}.messages-container .users-list{border-right:1px solid var(--border);overflow-y:auto;padding:16px 0;width:220px}.messages-container .users-list h3{color:var(--primary);font-size:1rem;padding:0 16px 8px}.messages-container .user-item{color:var(--text-soft);cursor:pointer;padding:10px 16px;transition:background .2s}.messages-container .user-item.active,.messages-container .user-item:hover{background:#939b991a;color:var(--primary)}.conversation-view{display:flex;flex:1 1;flex-direction:column;padding:16px 24px}.conversation-view h3{color:var(--primary);font-size:1.1rem;margin-bottom:12px}.messages-list{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto}.message{border-radius:var(--radius);font-size:.9rem;line-height:1.4;max-width:70%;padding:8px 12px}.message.user{align-self:flex-end;background:var(--primary);color:var(--bg)}.message.admin{align-self:flex-start;background:var(--bg);color:var(--text)}.reply-box{display:flex;gap:8px;margin-top:12px}.reply-box input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);flex:1 1;padding:8px 12px}.reply-box button{background:var(--primary);border:none;border-radius:var(--radius);color:var(--bg);cursor:pointer;padding:8px 16px;transition:filter .2s}.reply-box button:hover{filter:brightness(1.15)}.users-list-modal{display:flex;flex-direction:column;max-width:720px;padding:30px;width:90%}.users-list-modal .search-controls{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.users-list-modal .role-filter{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.users-list-modal .role-filter label{align-items:center;color:var(--text-soft);cursor:pointer;display:flex;gap:5px}.users-list-modal .search-input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:8px 12px}.users-list-scroll-container{background:var(--bg);border-radius:var(--radius);max-height:60vh;overflow-y:auto}.users-list-content{min-width:600px}.user-list-item,.users-list-header{border-bottom:1px solid var(--border);display:flex;padding:12px 20px}.users-list-header{background:var(--primary);color:var(--bg);font-weight:600;position:sticky;top:0;z-index:1}.user-list-item{color:var(--text);transition:background .2s}.user-list-item:hover{background:#939b991a}.user-column{padding:0 8px;word-break:break-word}.name-column{flex:2 1;min-width:150px}.email-column{flex:3 1;min-width:200px}.role-column{flex:1 1;min-width:100px;text-align:center}.no-users-message{color:var(--text-soft);padding:30px;text-align:center}.app-lang-ar .messages-container .users-list,.app-lang-ar .user-list-item,.app-lang-ar .users-list-header{flex-direction:row-reverse}@media(max-width:768px){.add-admin-modal,.add-project-modal,.users-list-modal{max-width:95%}.messages-modal{height:85vh}.messages-container{flex-direction:column}.messages-container .users-list{border-bottom:1px solid var(--border);border-right:none;display:flex;gap:8px;max-height:120px;overflow-x:auto;width:100%}.messages-container .user-item{white-space:nowrap}.users-list-content{min-width:0;min-width:auto;width:100%}.users-list-modal .role-filter{align-items:flex-start;flex-direction:column}}.msg-fab{background:var(--primary);border:none;border-radius:50%;bottom:30px;box-shadow:var(--shadow-lg);color:#fff;cursor:pointer;font-size:22px;height:56px;position:fixed;right:30px;transition:transform .2s;width:56px;z-index:1000}.msg-fab:hover{transform:scale(1.1)}:root{--primary:#939b99;--primary-dark:#232729;--bg:#232729;--surface:#131615e6;--text:#f8f8f8;--text-soft:#e0e0e0;--border:#2a2e2d;--radius:8px;--shadow:0 1px 3px #00000080;--shadow-lg:0 10px 15px -3px #000000b3;--font:"Segoe UI",system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%}body{background:#232729;background:var(--bg);color:#f8f8f8;color:var(--text);font-family:Segoe UI,system-ui,sans-serif;font-family:var(--font);line-height:1.6}.app-container{display:flex;flex-direction:column;min-height:100vh}.content-wrapper{display:flex;flex:1 1;padding-top:70px}.main-content{display:flex;flex:1 1;flex-direction:column;margin-left:0;min-height:calc(100vh - 70px)}body.admin .main-content{margin-left:230px;width:calc(100% - 230px)}@media (max-width:768px){body.admin .main-content{margin-left:0;width:100%}}a{color:inherit;text-decoration:none}.app-lang-ar{direction:rtl}.chat-modal{background:#131615e6;background:var(--surface);border:1px solid #2a2e2d;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);bottom:100px;box-shadow:0 10px 15px -3px #000000b3;box-shadow:var(--shadow-lg);padding:12px;position:fixed;right:30px;width:300px;z-index:1002}.chat-header{display:flex;justify-content:space-between;margin-bottom:12px}.chat-header button{background:none;border:none;color:#e0e0e0;color:var(--text-soft);cursor:pointer;font-size:1.2rem}button,input,textarea{color:inherit;font-family:inherit;font-size:inherit}button{cursor:pointer;overflow:hidden;position:relative;transition:all .2s ease}button:not(.auth-close,.lightbox-close):after{background:#ffffff1a;content:"";height:100%;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:right;transition:transform .4s ease-in-out;width:100%}button:not(.auth-close,.lightbox-close):hover:after{transform:scaleX(1);transform-origin:left}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#232729;background:var(--bg)}::-webkit-scrollbar-thumb{background:#939b99;background:var(--primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#232729;background:var(--primary-dark)}.text-center{text-align:center}.mt-auto{margin-top:auto}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1 1}@media (max-width:768px){.content-wrapper{flex-direction:column}.sidebar{height:auto;position:static;width:100%}}
/*# sourceMappingURL=main.ee0208d0.css.map*/