.login-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.login-modal{background:#fff;border-radius:0;padding:40px;max-width:450px;width:100%;box-shadow:0 20px 60px #0000004d;direction:rtl}.login-header{text-align:center;margin-bottom:30px}.login-header h2{font-size:2rem;color:#333;margin-bottom:10px}.login-subtitle{color:#666;font-size:1rem}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:#333;font-size:.95rem}.form-group input{padding:12px 16px;border:2px solid #d4e4d9;border-radius:0;font-size:1rem;transition:border-color .3s ease;direction:rtl}.form-group input:focus{outline:none;border-color:#2d5a3d}.form-group input.error{border-color:#e03131}.error-message{background:#fff5f5;color:#e03131;padding:10px 12px;border-radius:0;font-size:.9rem;border:1px solid #ffc9c9;text-align:right}.login-button{width:100%;padding:12px 16px;background:#2d5a3d;color:#fff;border:none;border-radius:0;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease,transform .1s ease}.login-button:hover:not(:disabled){background:#244833}.login-button:disabled{opacity:.6;cursor:not-allowed}.shared-header{background:#f5f5f0;color:#2d5a3d;padding:5px 40px;display:flex;flex-direction:column;align-items:center;gap:10px;position:fixed;top:0;left:0;right:0;z-index:50;box-shadow:0 1px 3px #0000001a}.shared-header .logo-container{display:flex;flex-direction:row;align-items:center;gap:20px}.shared-header .logo-link{display:inline-block;text-decoration:none;cursor:pointer;transition:opacity .3s ease}.shared-header .logo-link:hover{opacity:.8}.shared-header .logo-image{max-width:350px;height:auto;display:block;background:transparent;margin:0}.shared-header .tagline{font-size:1.2rem;opacity:.9;font-weight:300;color:#2d5a3d;margin:0;line-height:1.2;text-align:center}.shared-header .app-title{font-size:1.5rem;font-weight:600;color:#2d5a3d;margin:0;text-align:center}.shared-header .app-subtitle{font-size:1rem;opacity:.85;font-weight:400;color:#2d5a3d;margin:0;text-align:center}@media(max-width:768px){.shared-header{padding:5px 20px}.shared-header .logo-image{max-width:250px}.shared-header .tagline{font-size:1rem}.shared-header .app-title{font-size:1.2rem}.shared-header .app-subtitle{font-size:.9rem}}.icon-pastel{stroke-width:1.5;transition:all .2s ease}.icon-pastel-light{stroke:#b8e6c8;color:#b8e6c8}.icon-pastel-medium{stroke:#a8d5ba;color:#a8d5ba}.icon-pastel-dark{stroke:#9cc5a8;color:#9cc5a8}.icon-pastel-text{stroke:#2d5a3d;color:#2d5a3d}.icon-pastel:hover{stroke-width:2}.icon-pastel-light:hover{stroke:#a8d5ba;color:#a8d5ba}.icon-pastel-medium:hover{stroke:#9cc5a8;color:#9cc5a8}.icon-pastel-dark:hover{stroke:#5ab37d;color:#5ab37d}.icon-xs{width:.875rem;height:.875rem}.icon-sm{width:1rem;height:1rem}.icon-md{width:1.25rem;height:1.25rem}.icon-lg{width:1.5rem;height:1.5rem}.icon-xl{width:2rem;height:2rem}.icon-2xl{width:3rem;height:3rem}.app-icon-svg{width:3.5rem;height:3.5rem;display:inline-block;background-size:contain;background-repeat:no-repeat;background-position:center}