:root{--primary-color:#000a92;--secondary-color:#08c1ff;--tertiary-color:#fff;--accent-green:#8dff41;--text-primary:#333;--text-secondary:#666;--error-color:#dc3545;--success-color:#28a745;--warning-color:#ffc107;--info-background:#e5ecff;--primary-gradient:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);--background-gradient:linear-gradient(135deg,#1e3c72,#2a5298 50%,#00b4db)}#root,body,html{direction:rtl;font-family:Assistant,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100%;margin:0;padding:0}.text-primary{color:#000a92;color:var(--primary-color)}.text-secondary{color:#08c1ff;color:var(--secondary-color)}.text-tertiary{color:#fff;color:var(--tertiary-color)}.bg-primary{background-color:#000a92;background-color:var(--primary-color)}.bg-secondary{background-color:#08c1ff}.bg-tertiary{background-color:#fff;background-color:var(--tertiary-color)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:rtl;font-family:Assistant,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}#root,html{height:100%}*{box-sizing:border-box;margin:0;padding:0}button{background-color:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;transition:background-color .3s ease,transform .2s ease,box-shadow .2s ease}button:hover{background-color:#5a67e0;box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.background-template-version{bottom:5px;color:var(--tertiary-color);font-size:9px;left:5px;position:absolute;z-index:2}.bg-secondary-extended{align-items:center;background-color:var(--secondary-color);display:flex;height:39vh;justify-content:center;position:relative}.blur-container{align-items:center;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#fff3;border-radius:30px;box-shadow:0 20px 60px #0000004d;height:70%;justify-items:center;max-width:1000px;min-height:300px;overflow:visible;position:relative;transform:translateY(8%);width:80%;z-index:2}.blur-container.login-blur-container{height:60%;transform:translateY(16%);width:80%}.blur-content{align-content:center;height:100%;justify-items:center;position:relative;width:100%;z-index:5}@media (max-width:768px){.blur-container{height:70%;transform:translateY(8%);width:90%}.blur-container.login-blur-container{height:60%;transform:translateY(16%);width:90%}}@media (max-width:480px){.blur-container{height:72%;transform:translateY(5%);width:100%}}.tab-title{align-items:center;display:flex;justify-content:center;left:50%;pointer-events:none;position:absolute;top:-47px;transform:translateX(-50%);z-index:1}.tab-title-image{display:block;height:auto;width:350px}.tab-title-content{color:var(--primary-color);font-weight:700;left:50%;max-width:200px;pointer-events:none;position:absolute;text-align:center;top:37%;transform:translate(-50%,-50%);width:90%;z-index:2}.tab-title-main{font-size:1.6rem;line-height:1.2;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-title-main[data-length=medium]{font-size:1.3rem}.tab-title-main[data-length=long]{font-size:1.1rem}.tab-title-main[data-length=very-long]{font-size:1rem}.tab-title-subtitle{font-size:1.1rem;font-weight:500;max-width:200px;opacity:.9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-title-subtitle[data-length=medium]{font-size:.95rem}.tab-title-subtitle[data-length=long]{font-size:.85rem}.tab-title-subtitle[data-length=very-long]{font-size:.8rem}.tab-title.has-subtitle .tab-title-content{top:36%}@media (max-width:480px){.tab-title{top:-33px}.tab-title-image{width:240px}.tab-title-content{max-width:200px}.tab-title-main{font-size:1.3rem}.tab-title-main[data-length=medium]{font-size:1.1rem}.tab-title-main[data-length=long]{font-size:1rem}.tab-title-main[data-length=very-long]{font-size:.9rem}.tab-title-subtitle{font-size:1rem}.tab-title-subtitle[data-length=medium]{font-size:.9rem}.tab-title-subtitle[data-length=long]{font-size:.8rem}.tab-title-subtitle[data-length=very-long]{font-size:.75rem}.tab-title.has-subtitle .tab-title-content{top:37%}}.textbox{background-color:#ececec;border-radius:10px;border-style:solid;border-width:1px;box-sizing:border-box;font-size:16px;outline:none;padding:12px 16px;text-align:start;transition:background-color .3s ease;width:100%}.textbox::placeholder{color:#666;text-align:start}.textbox:focus{background-color:#fff}.textbox:hover{background-color:#eee}.textbox.ltr{direction:ltr}.action-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-width:120px;padding:12px 24px;transition:all .3s ease}.action-button:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.action-button:active{box-shadow:0 2px 10px #667eea4d;transform:translateY(0)}.action-button:disabled{background:#ccc;cursor:not-allowed}.action-button:disabled,.action-button:disabled:hover{box-shadow:none;transform:none}.base-modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;height:100vh;justify-content:center;left:0;position:fixed;right:0;top:0;width:100vw;z-index:9999}.base-modal-content{background:var(--tertiary-color);border:2px solid var(--secondary-color);border-radius:12px;box-shadow:0 10px 30px #000a924d;direction:rtl;display:flex;flex-direction:column;max-height:90vh;overflow-y:auto;width:90%}.base-modal-header{align-items:flex-start;background:var(--primary-gradient);border-bottom:1px solid var(--secondary-color);border-radius:12px 12px 0 0;display:flex;gap:16px;justify-content:space-between;padding:20px 24px}.base-modal-title-section{display:flex;flex:1 1;flex-direction:column;gap:4px}.base-modal-title{color:var(--tertiary-color);font-size:1.5rem;font-weight:600;line-height:1.2;margin:0}.base-modal-subtitle{color:#ffffffe6;font-size:1.1rem;font-weight:400;line-height:1.3;margin:0}.base-modal-close-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--tertiary-color);cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;height:40px;justify-content:center;min-width:40px;padding:8px;transition:all .2s ease}.base-modal-close-btn:hover:not(:disabled){background-color:#ffffff1a;color:var(--tertiary-color)}.base-modal-close-btn:disabled{cursor:not-allowed;opacity:.5}.base-modal-body{flex:1 1;overflow-y:auto;padding:24px}.base-modal-bottom-stats{background:#e3f2fd;border-bottom:1px solid var(--secondary-color);border-top:2px solid #90caf9;flex-shrink:0;padding:14px 24px}.base-modal-footer{background:var(--tertiary-color);border-radius:0 0 12px 12px;border-top:1px solid var(--secondary-color);display:flex;flex-direction:column;flex-shrink:0;gap:12px;justify-content:flex-end;padding:20px 24px}.base-modal-form-error{width:100%}.base-modal-form-error .base-modal-error-message{background:#dc354533;border:1px solid #dc35454d;border-radius:4px;color:var(--error-color);font-size:.9rem;font-weight:500;margin:0;padding:3px 12px;text-align:center}.base-modal-buttons{display:flex;gap:12px;justify-content:flex-end}.base-modal-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:8px;justify-content:center;min-width:120px;padding:12px 24px;transition:all .2s ease}.base-modal-btn:disabled{cursor:not-allowed;opacity:.6}.base-modal-btn--accent{background:var(--accent-green);border:2px solid var(--accent-green);color:var(--tertiary-color)}.base-modal-btn--accent:hover:not(:disabled){background:var(--accent-green);background:var(--accent-hover-color,var(--accent-green));box-shadow:0 4px 12px #0080ff4d;box-shadow:0 4px 12px rgba(var(--accent-green-rgb,0,128,255),.3);transform:translateY(-1px)}.base-modal-btn--primary{background:var(--primary-color);border:2px solid var(--primary-color);color:var(--tertiary-color)}.base-modal-btn--primary:hover:not(:disabled){background:var(--primary-color);background:var(--primary-hover-color,var(--primary-color));box-shadow:0 4px 12px #000a924d;box-shadow:0 4px 12px rgba(var(--primary-color-rgb,0,10,146),.3);transform:translateY(-1px)}.base-modal-btn--gray{background:#6b7280;border:2px solid #6b7280;color:var(--tertiary-color)}.base-modal-btn--gray:hover:not(:disabled){background:#374151;box-shadow:0 4px 12px #6b72804d;transform:translateY(-1px)}.base-modal-btn-loading{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.base-modal-body .form-group{margin-bottom:20px}.base-modal-body .form-label{color:var(--primary-color);display:block;font-size:.95rem;font-weight:500;margin-bottom:8px}.base-modal-body .base-modal-error-message{background:#dc354533;border-radius:4px;color:var(--error-color);display:block;font-size:.85rem;font-weight:500;margin-top:4px;padding-bottom:2px;padding-right:5px;padding-top:2px;text-align:center}@media (max-width:600px){.base-modal-content{margin:10px;width:95%}.base-modal-header{padding:16px 20px}.base-modal-body{padding:20px}.base-modal-footer{padding:16px 20px}.base-modal-buttons{flex-direction:column-reverse}.base-modal-btn{min-width:auto;width:100%}}.content-modal{max-height:80vh;max-width:700px}.content-modal-body{color:#333;direction:rtl;line-height:1.6;max-height:60vh;overflow-y:auto;padding:20px;text-align:right}.content-modal-body h2{border-bottom:2px solid #3498db;color:#2c3e50;margin-bottom:20px;padding-bottom:10px}.content-modal-body h3{color:#34495e;margin-bottom:10px;margin-top:20px}.content-modal-body p{margin-bottom:15px}.content-modal-body ul{margin-bottom:15px;padding-right:20px}.content-modal-body li{margin-bottom:8px}.content-modal-body strong{color:#2c3e50}.tooltip-container{cursor:help;display:inline-block;position:relative;top:1px}.tooltip-content{word-wrap:break-word;background-color:#2c3e50;border:1px solid #34495e;border-radius:8px;box-shadow:0 4px 16px #00000040;color:#fff;direction:rtl;font-size:13px;font-weight:400;-webkit-hyphens:auto;hyphens:auto;line-height:1.6;max-width:320px;min-width:200px;opacity:0;overflow-wrap:break-word;padding:12px 16px;pointer-events:none;position:absolute;text-align:right;transition:opacity .2s ease-in-out,transform .2s ease-in-out;white-space:normal;width:-webkit-max-content;width:max-content;word-break:break-word;z-index:1000}.tooltip-portal{word-wrap:break-word!important;animation:none!important;height:-webkit-fit-content!important;height:fit-content!important;-webkit-hyphens:auto!important;hyphens:auto!important;line-height:1.6!important;max-width:320px!important;min-width:200px!important;opacity:1!important;overflow-wrap:break-word!important;position:fixed!important;white-space:normal!important;width:-webkit-max-content!important;width:max-content!important;word-break:break-word!important;z-index:99999!important}.tooltip-content:before{border:6px solid #0000;content:"";position:absolute}.tooltip-top{bottom:100%;left:50%;margin-bottom:10px;transform:translateX(-50%)}.tooltip-top:before{border-top-color:#2c3e50}.tooltip-bottom,.tooltip-top:before{left:50%;top:100%;transform:translateX(-50%)}.tooltip-bottom{margin-top:10px}.tooltip-bottom:before{border-bottom-color:#2c3e50;bottom:100%;left:50%;transform:translateX(-50%)}.tooltip-left{margin-right:8px;right:100%;top:50%;transform:translateY(-50%)}.tooltip-left:before{border-left-color:#2c3e50}.tooltip-left:before,.tooltip-right{left:100%;top:50%;transform:translateY(-50%)}.tooltip-right{margin-left:8px}.tooltip-right:before{border-right-color:#2c3e50;right:100%;top:50%;transform:translateY(-50%)}@keyframes tooltip-fade-in{0%{opacity:0;transform:translateX(-50%) translateY(-4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes tooltip-fade-in-bottom{0%{opacity:0;transform:translateX(-50%) translateY(4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes tooltip-fade-in-left{0%{opacity:0;transform:translateY(-50%) translateX(4px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}@keyframes tooltip-fade-in-right{0%{opacity:0;transform:translateY(-50%) translateX(-4px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}.tooltip-top{animation:tooltip-fade-in .2s ease-in-out forwards}.tooltip-bottom{animation:tooltip-fade-in-bottom .2s ease-in-out forwards}.tooltip-left{animation:tooltip-fade-in-left .2s ease-in-out forwards}.tooltip-right{animation:tooltip-fade-in-right .2s ease-in-out forwards}@media (max-width:768px){.tooltip-content{font-size:12px!important;line-height:1.4!important;max-width:280px!important;min-width:180px!important;padding:8px 12px!important}}[dir=rtl] .tooltip-content{direction:rtl;text-align:right}.tooltip-container:hover{position:relative}@media (prefers-color-scheme:dark){.tooltip-content{background-color:#2a2a2a;border-color:#4a4a4a;color:#fff}.tooltip-top:before{border-top-color:#2a2a2a}.tooltip-bottom:before{border-bottom-color:#2a2a2a}.tooltip-left:before{border-left-color:#2a2a2a}.tooltip-right:before{border-right-color:#2a2a2a}}.input-base-container{display:flex;flex-direction:column;gap:8px}.label-with-info{gap:4px}.input-base-label{color:#333;font-size:14px;font-weight:500}.input-base-label span.required{color:#dc3545;margin-left:2px}.label-with-info .info-icon{color:#007bff;cursor:pointer;transition:color .2s}.label-with-info .info-icon:hover{color:#0056b3}.input-base-input,.input-base-select{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:12px;text-align:right;transition:border-color .2s;width:100%}.input-base-input:focus,.input-base-select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.input-base-input:disabled,.input-base-select:disabled{background-color:#f5f5f5;cursor:not-allowed}.input-base-input::placeholder{color:#999}.input-base-input.input-error,.input-base-select.input-error{border-color:#dc3545;box-shadow:0 0 0 2px #dc354540}.input-base-error{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#dc3545;direction:rtl;font-size:12px;padding:2px 12px;text-align:right}.input-base-input.email-input{direction:ltr;text-align:left}@media (max-width:768px){.input-base-input,.input-base-select{padding:10px}}.base-button{align-items:center;border:2px solid var(--tertiary-color);border-radius:25px;box-shadow:0 4px 12px #0000001a;cursor:pointer;display:inline-flex;font-family:inherit;font-size:1.3em;font-weight:700;gap:8px;justify-content:center;max-width:100%;outline:none;padding:8px 24px;position:relative;text-decoration:none;transition:all .3s ease;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.base-button:hover{box-shadow:0 6px 16px #00000026;transform:translateY(-2px)}.base-button:active{box-shadow:0 2px 8px #0000001a;transform:translateY(0)}.base-button:disabled{box-shadow:0 4px 12px #0000001a;cursor:not-allowed;opacity:.6;transform:none}.base-button--regular{background-color:var(--primary-color);border-color:var(--tertiary-color);color:var(--tertiary-color)}.base-button--regular:hover:not(:disabled){background-color:#4650da}.base-button--action{background-color:var(--accent-green);border-color:var(--tertiary-color);color:var(--primary-color)}.base-button--action:hover:not(:disabled){background-color:#73d334}.base-button__icon{align-items:center;display:flex;font-size:1em;justify-content:center}.base-button__text{direction:rtl}@media (max-width:768px){.base-button{padding:6px 20px}}.login-wrapper{max-width:380px}.login-content{align-items:center;display:flex;gap:30px;justify-content:center;margin-bottom:20px;position:relative;width:100%;z-index:2}.tooltip-text{direction:rtl;text-align:right;white-space:pre-line}.form-section{align-items:flex-start;display:flex;flex-direction:column}.login-form{width:100%}.form-inputs{display:flex;flex-direction:column;gap:15px;margin-bottom:0}.form-group{max-width:250px;width:100%}.button-section{display:flex;justify-content:center;margin:20px 0;width:100%}.login-button{background:var(--primary-color);border:none;border-radius:10px;box-sizing:border-box;color:var(--tertiary-color);cursor:pointer;font-size:16px;font-weight:600;padding:15px 20px;text-align:start;text-align:center;transition:all .3s ease;width:100%}.login-button:hover{background:var(--secondary-color);box-shadow:0 4px 15px #000a924d;transform:translateY(-2px)}.error-message{background:#dc35451a;border-radius:8px;color:var(--error-color);font-size:14px;margin-top:15px;padding:10px;text-align:center;width:100%}.login-page-container{align-items:center;display:flex;flex-direction:column;justify-content:center;max-width:1000px;min-height:100vh;position:relative;width:100%}.building-crane-section{left:0;max-width:40%;pointer-events:none;transform:translate(-38%,35%);z-index:5}.building-crane-image{display:block;max-height:30vh;object-fit:contain;width:100%}@media (max-width:768px){.building-crane-section{max-width:40%;transform:translate(-17%,35%)}}@media (max-width:480px){.logo{font-size:24px}.logo-c{font-size:36px}.logo-build,.logo-connections{font-size:18px}.login-content{align-items:center;flex-direction:column;gap:20px}.building-crane-section{max-width:50%;transform:translate(-20%,48%)}}.forgot-password-section{margin-top:5px;text-align:right;width:100%}.forgot-password-link{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:14px;padding:2px 10px;text-decoration:underline;transition:color .3s ease}.forgot-password-link:hover{color:var(--primary-dark)}.terms-checkbox-section{margin-top:15px;width:100%}.checkbox-group{align-items:flex-start;direction:rtl;display:flex;gap:10px;text-align:right}.checkbox-group input[type=checkbox]{flex-shrink:0;margin-top:3px}.checkbox-group label{color:var(--text-color);cursor:pointer;font-size:14px;line-height:1.4}.terms-link{background:none;border:none;color:var(--primary-color);cursor:pointer;font-family:inherit;font-size:inherit;margin:0;padding:0;text-decoration:underline;transition:color .3s ease}.terms-link:hover{color:var(--primary-dark)}.modal-overlay{align-items:center;background-color:#0009;bottom:0;direction:rtl;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.forgot-password-modal{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 10px 25px #0003;max-height:90vh;max-width:450px;overflow-y:auto;padding:0;width:90%}.modal-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #eee;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:all .3s ease;width:30px}.modal-close:hover{background-color:#f0f0f0;color:#666}.modal-body{padding:24px}.modal-body p{color:#666;font-size:14px;line-height:1.5;margin-bottom:20px}.modal-body .form-group{margin-bottom:20px;max-width:none}.modal-body .form-group label{color:#2c3e50;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.modal-body .form-group input{border:2px solid #e1e5e9;border-radius:8px;box-sizing:border-box;font-size:16px;padding:12px 16px;transition:all .3s ease;width:100%}.modal-body .form-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3498db1a;outline:none}.modal-body .form-group input:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed}.modal-body .message{border-radius:8px;font-size:14px;font-weight:500;margin-bottom:20px;padding:12px 16px;text-align:center}.modal-body .message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.modal-body .message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.modal-actions .btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;min-width:100px;padding:10px 20px;transition:all .3s ease}.modal-actions .btn-primary{background-color:var(--primary-color);color:#fff}.modal-actions .btn-primary:hover:not(:disabled){background-color:var(--primary-dark);transform:translateY(-1px)}.modal-actions .btn-primary:disabled{background-color:#bdc3c7;cursor:not-allowed;transform:none}.modal-actions .btn-secondary{background-color:#95a5a6;color:#fff}.modal-actions .btn-secondary:hover:not(:disabled){background-color:#7f8c8d}.modal-actions .btn-secondary:disabled{background-color:#bdc3c7;cursor:not-allowed}@media (max-width:480px){.forgot-password-modal{margin:10px;width:95%}.modal-body,.modal-header{padding:16px}.modal-actions{flex-direction:column}.modal-actions .btn{margin-bottom:8px;width:100%}}.blur-container.reset-password-blur-container{height:60%;transform:translateY(16%);width:80%}.reset-password-wrapper{display:flex;height:100%;padding:65px 20px 20px;position:relative;width:100%}.reset-password-content{align-items:center;display:flex;flex:1 1;flex-direction:column;margin-bottom:20px;overflow-y:auto;width:100%;z-index:2}.reset-password-header h1{color:#333;font-size:2rem;margin-bottom:10px;text-align:center}.reset-password-header p{color:#666;font-size:1rem;margin-bottom:10px;text-align:center}.reset-password-form{display:flex;flex-direction:column;margin-top:20px}.reset-password-form-container{display:flex;flex-direction:column;margin:0 auto;width:100%}.reset-form-group{margin-bottom:10px;text-align:right}.reset-form-group label{color:#495057;display:block;font-weight:500;margin-bottom:4px}.reset-form-group input{border:2px solid #e9ecef;border-radius:8px;box-sizing:border-box;font-size:16px;padding:10px 16px;transition:border-color .3s ease;width:100%}.reset-form-group input:focus{border-color:#2196f3;outline:none}.reset-form-group input.error{border-color:#dc3545}.reset-form-actions{margin:15px 0 20px}.reset-btn-primary{background:#2196f3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:14px 30px;transition:all .3s ease;width:100%}.reset-btn-primary:hover:not(:disabled){background:#1976d2;transform:translateY(-2px)}.reset-btn-primary:disabled{background:#6c757d;cursor:not-allowed;transform:none}.reset-btn-secondary{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:12px 24px;transition:all .3s ease}.reset-btn-secondary:hover{background:#5a6268}.reset-btn-link{background:none;border:none;color:#2196f3;cursor:pointer;font-size:14px;text-decoration:underline}.reset-btn-link:hover{background-color:#0000;color:var(--primary-color)}.reset-error-message{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24;margin:20px 0}.reset-error-message,.reset-message-display{border-radius:8px;padding:12px;text-align:center}.reset-message-display{margin:15px 0}.reset-message-display.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.reset-message-display.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.reset-footer{align-items:center;border-top:1px solid #e9ecef;display:flex;gap:10px;justify-content:center;padding-top:20px}.reset-footer p{color:var(--primary-color);font-size:1rem;font-weight:600;margin:0}.reset-error-display{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#dc3545;font-size:14px;margin-top:10px;padding:5px;text-align:center}.error-wrapper,.loading-wrapper{align-items:center;display:flex;gap:30px;height:100%;justify-content:center;padding:20px;position:relative;width:100%;z-index:2}.error-content,.loading-content{align-items:center;display:flex;flex-direction:column;text-align:center}.error-content h2,.loading-content h2{color:#495057;font-size:1.5rem;margin-bottom:15px}.error-content h2{color:#dc3545}.profile-section{flex-shrink:0}.profile-image{border:3px solid var(--primary-color);border-radius:50%;box-shadow:0 4px 15px #0003;height:120px;object-fit:cover;width:120px}.building-crane-section{bottom:0;left:20px;position:absolute;z-index:1}.building-crane-image{height:auto;opacity:.8;width:180px}@media (max-width:768px){.reset-password-form-container{gap:15px}.reset-password-header h1{font-size:1.5rem}.reset-password-header p{font-size:.9rem}.building-crane-image{width:120px}}@media (max-width:480px){.blur-container.reset-password-blur-container{height:65%;transform:translateY(14%);width:90%}.reset-password-header h1{font-size:1rem}.reset-password-header p{font-size:.8rem}.reset-password-form-container{gap:10px}.reset-form-group input{font-size:14px;padding:8px}.reset-footer{gap:5px}.reset-footer p{color:var(--primary-color);font-size:.8rem}.reset-btn-primary{font-size:1rem;padding:10px}.reset-btn-link,.reset-btn-secondary{font-size:.8rem;padding:5px}.building-crane-image{width:100px}.profile-image{height:80px;width:80px}.error-wrapper,.loading-wrapper{flex-direction:column;gap:20px}}.popup-menu{animation:popupFadeIn .2s ease-out;background-color:var(--tertiary-color);border:2px solid var(--primary-color);border-radius:12px;box-shadow:0 8px 24px #00000080;max-width:450px;min-width:320px;overflow:visible;position:absolute;z-index:1001}.popup-menu-arrow{animation:arrowFadeIn .2s ease-out;border-bottom:8px solid var(--tertiary-color);border-left:8px solid #0000;border-right:8px solid #0000;height:0;left:50%;left:var(--arrow-left,50%);position:absolute;top:-8px;transform:translateX(-50%);width:18;z-index:1002}.popup-menu-arrow:after{border-bottom:6px solid var(--tertiary-color);border-left:6px solid #0000;border-right:6px solid #0000;content:"";height:0;left:-6px;position:absolute;top:1px;width:0}.popup-menu-right{right:0}.popup-menu-left{left:0}@keyframes popupFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes arrowFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(-5px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.popup-menu-header{align-items:center;background-color:var(--primary-color);border:1px solid var(--tertiary-color);border-top-left-radius:12px;border-top-right-radius:12px;color:var(--tertiary-color);display:flex;font-size:14px;font-weight:700;justify-content:space-between;padding:12px 16px}.popup-menu-title{direction:rtl}.popup-menu-close{align-items:center;background:none;border:none;border-radius:50%;color:var(--tertiary-color);cursor:pointer;display:flex;font-size:18px;font-weight:700;height:24px;justify-content:center;padding:0;transition:background-color .2s ease;width:24px}.popup-menu-close:hover{background-color:#ffffff1a}.popup-menu-content{direction:rtl;max-height:400px;overflow-y:auto;padding:16px}.popup-menu-content::-webkit-scrollbar{width:6px}.popup-menu-content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.popup-menu-content::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:3px}.popup-menu-content::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}.popup-menu-item{align-items:center;border-bottom:1px solid #000a921a;display:flex;justify-content:space-between;padding:8px 0}.popup-menu-item:last-child{border-bottom:none;margin-bottom:0}.popup-menu-item:has(>.popup-notification-item){padding:0}.popup-item-label{color:var(--primary-color);font-size:13px;font-weight:700}.popup-item-value{color:var(--text-primary);font-size:13px;max-width:300px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;word-break:break-word}.popup-item-custom{flex:1 1;margin-right:8px;text-align:left}.popup-action-btn{background-color:var(--primary-color);border:none;border-radius:8px;color:var(--tertiary-color);cursor:pointer;direction:rtl;font-size:14px;font-weight:700;margin-top:8px;padding:10px 16px;transition:all .2s ease;width:100%}.popup-action-btn:hover{background-color:var(--secondary-color);box-shadow:0 4px 12px #08c1ff4d;transform:translateY(-1px)}.popup-action-btn.danger{background-color:var(--error-color)}.popup-action-btn.danger:hover{background-color:#c82333;box-shadow:0 4px 12px #dc35454d}.popup-action-btn.success{background-color:var(--success-color)}.popup-action-btn.success:hover{background-color:#218838;box-shadow:0 4px 12px #28a7454d}.popup-action-btn.mark-all-read-btn{background-color:var(--primary-color);border-top:1px solid #1f365e33;color:var(--tertiary-color);font-weight:700;margin-top:12px;padding-top:12px}.popup-action-btn.mark-all-read-btn:hover{background-color:var(--secondary-color);box-shadow:0 4px 12px #1f365e4d}.popup-notification-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;margin:4px 0;transition:all .2s ease;width:100%}.popup-notification-item:hover{background-color:#1f365e1a;padding-left:8px;padding-right:8px}.notification-content{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;text-align:right}.notification-title{color:var(--primary-color);font-size:14px;font-weight:700;line-height:1.3;margin-bottom:4px;word-break:break-word}.notification-date{color:var(--text-secondary);font-size:12px;opacity:.8}.notification-read-link{border-radius:4px;color:var(--secondary-color);font-size:12px;font-weight:700;margin-left:12px;padding:4px 8px;transition:all .2s ease;white-space:nowrap}.popup-notification-item:hover .notification-read-link{background-color:var(--secondary-color);color:#fff}.submenu-container{background-color:var(--primary-color);border:2px solid var(--tertiary-color);border-bottom-left-radius:70px;border-bottom-right-radius:70px;border-top:none;box-shadow:0 4px 12px #000a924d;left:50%;max-width:600px;padding:4px 50px;position:fixed;top:70px;transform:translateX(-50%);z-index:999}.submenu-content{align-items:center;display:flex;justify-content:center;max-width:100%}.submenu-project-info{flex:1 1;flex-direction:column}.submenu-project-details,.submenu-project-info{align-items:center;display:flex;justify-content:center;min-width:0}.submenu-project-details{gap:12px}.submenu-project-name{color:var(--tertiary-color);direction:rtl;font-size:1rem;font-weight:600;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}@media (max-width:620px){.submenu-container{padding:6px 30px;top:65px}}@media (max-width:480px){.submenu-container{padding:6px 30px;top:60px}.submenu-project-name{font-size:.9rem}}.project-invitation-content{direction:rtl;padding:20px 0;text-align:right}.project-invitation-form{display:flex;flex-direction:column;gap:20px}.project-invitation-info{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;margin-top:10px;padding:12px}.project-invitation-info p{color:#666;font-size:14px;line-height:1.4;margin:0}.project-invitation-info strong{color:#333;font-weight:600}.label-with-info{align-items:center;display:flex;gap:8px;margin-bottom:8px}.info-icon{color:#6c757d;font-size:14px;transition:color .2s ease}.info-icon:hover{color:#007bff}.form-group .form-label{align-items:center;color:#333;display:flex;font-weight:500;margin-bottom:8px}@media (max-width:768px){.project-invitation-content{padding:15px 0}.project-invitation-form{gap:15px}}.menu-container{align-items:center;background-color:var(--primary-color);border:2px solid var(--tertiary-color);border-bottom-left-radius:70px;border-bottom-right-radius:70px;border-top:none;box-shadow:0 4px 8px #0000001a;display:flex;height:70px;justify-content:space-between;left:50%;padding:0 60px;position:fixed;top:0;transform:translateX(-50%);width:-webkit-fit-content;width:fit-content;z-index:1000}.menu-logo-container{align-items:center;display:flex;gap:12px;margin-right:30px}.menu-icons{gap:15px}.menu-icon,.menu-icons{align-items:center;display:flex}.menu-icon{background-color:var(--accent-green);border:none;border-radius:50%;color:var(--primary-color);cursor:pointer;height:40px;justify-content:center;position:relative;transition:all .3s ease;width:40px}.menu-icon:hover{box-shadow:0 2px 8px #0003;transform:scale(1.1)}.menu-icon.has-notifications{background-color:#fd2a2a}.notification-badge{align-items:center;background-color:#fff;border:2px solid #f56565;border-radius:50%;color:#fd2a2a;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;left:-5px;min-width:20px;position:absolute;top:-5px;width:20px}.menu-icon-img{object-fit:contain}.menu-icon-img,.menu-icon-svg{height:24px;width:24px}.back-icon{margin-left:10px}.menu-logo{border-radius:8px;height:40px;width:auto}@media (max-width:620px){.menu-container{height:65px;padding:0 45px}.menu-logo-container{margin-right:20px}.menu-icons{gap:11px}.menu-icon{height:35px;width:35px}.menu-icon-img,.menu-icon-svg{height:22px;width:22px}.menu-logo{height:35px}}@media (max-width:480px){.menu-container{height:60px;min-width:370px;padding:0 25px;width:98%}.menu-logo-container{margin-right:15px}.menu-icons{gap:8px}.menu-icon{height:30px;width:30px}.menu-icon-img,.menu-icon-svg{height:20px;width:20px}.menu-logo{height:25px}}.loading-container{align-items:center;color:#333;display:flex;flex-direction:column;height:100vh;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--tertiary-color);border:4px solid var(--tertiary-color);border-radius:50%;border-top-color:var(--primary-color);height:40px;width:40px}.loading-container p{font-size:1.1rem;font-weight:500;margin-top:1rem}.background-template{display:flex;flex-direction:column;height:100%;left:0;position:fixed;top:0;width:100%;z-index:0}.background-section{flex-shrink:0;width:100%}.bg-top{align-items:center;background-color:var(--primary-color);display:flex;height:22vh;justify-content:center;position:relative}.logo-white{height:50%;max-width:95%;object-fit:contain}.bg-secondary{background-color:var(--secondary-color);height:17vh}.bg-main{background-color:var(--tertiary-color);flex-grow:1}.bg-bottom{background-color:var(--primary-color);height:26vh}.content-overlay{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:absolute;top:0;width:100%;z-index:1}.layout{display:flex;height:calc(100vh - 80px);margin-top:80px;position:relative;z-index:2}.layout-content{height:100%;padding:50px 20px 20px;width:100%}.add-unit-button-section{background:inherit;border-top:1px solid #fff3;display:flex;flex-shrink:0;justify-content:center;padding:1rem 1rem 0}.add-unit-button-section button{width:350px}.scrollable-bar-wrapper::-webkit-scrollbar{width:6px}.scrollable-bar-wrapper::-webkit-scrollbar-thumb{background:var(--secondary-color);border-radius:3px;opacity:.7}.scrollable-bar-wrapper::-webkit-scrollbar-thumb:hover{background:var(--primary-color);opacity:1}.scrollable-bar-wrapper::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}@media (max-width:480px){.layout-content{padding:35px 20px 20px}}.projects-main{display:flex;flex-direction:column;height:100%;position:relative;width:100%}.projects-buttons-section{flex:1 1;min-height:0;overflow-x:visible;overflow-y:auto;padding:2rem 1rem 1rem}.projects-buttons-grid{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.editable-button-container,.editable-button-wrapper{display:inline-block;position:relative}.edit-icon-container{align-items:center;cursor:pointer;display:flex;height:32px;justify-content:center;opacity:0;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:opacity .2s ease,visibility .2s ease,transform .2s ease;visibility:hidden;width:32px;z-index:10}.edit-icon-background{background-color:var(--tertiary-color);border-radius:50%;height:100%;left:0;opacity:.2;position:absolute;top:0;width:100%}.edit-icon{color:var(--tertiary-color);height:14px;position:relative;transition:color .2s ease;width:14px;z-index:1}.editable-button-wrapper:hover{transform:translateY(-2px);transition:transform .2s ease}.editable-button-wrapper:hover .editable-button-main{box-shadow:0 6px 16px #00000026!important;transform:none!important}.context-menu{animation:contextMenuSlideIn .2s ease-out;background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 8px 24px #00000026;min-width:140px;overflow:hidden;position:absolute;right:0;top:calc(100% + 2px);z-index:1000}.context-menu-item{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:12px;padding:12px 20px;text-align:left;transition:all .2s ease;width:100%}.context-menu-item:hover{background-color:#f8f9fa}.context-menu-item:not(:last-child){border-bottom:1px solid #f0f0f0}.context-menu-item--edit{color:#4caf50}.context-menu-item--edit:hover{background-color:#f1f8e9}.context-menu-item--delete{color:#f44336}.context-menu-item--delete:hover{background-color:#ffebee}.context-menu-item svg{flex-shrink:0;height:16px;width:16px}.context-menu-item span{font-family:inherit}@media (max-width:768px){.context-menu{min-width:auto;top:auto;transform:none}.context-menu-item{font-size:1.1em;padding:14px 20px}}.editable-button-main--edit-mode{padding-right:48px!important}.edit-icon-container--edit-mode{opacity:1!important;visibility:visible!important}.editable-button-main--secondary-bg{background-color:var(--secondary-color)!important}.editable-button-wrapper:hover .editable-button-main--secondary-bg{background-color:#3ca6c9!important}.editable-button-badge{align-items:center;background-color:#fd2a2a;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;left:-6px;min-width:24px;position:absolute;top:-6px;z-index:10}.editable-button-badge:empty{display:none}.edit-toggle-switcher{cursor:pointer;font-family:inherit;left:12px;outline:none;position:absolute;top:12px;-webkit-user-select:none;user-select:none;z-index:100}.edit-toggle-switcher.disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.toggle-track{background-color:#e0e0e0;border-radius:22px;box-shadow:0 2px 4px #0000001a;height:35px;overflow:hidden;position:relative;transition:background-color .3s ease,box-shadow .3s ease,transform .3s ease;width:140px}.edit-toggle-switcher.view-mode .toggle-track{background-color:#0075ff}.edit-toggle-switcher.edit-mode .toggle-track{background-color:#f5a623}.toggle-thumb{align-items:center;background-color:#fff;border-radius:20px;box-shadow:0 2px 4px #0003;display:flex;height:31px;justify-content:center;left:2px;position:absolute;top:2px;transition:all .3s ease;width:40px;z-index:2}.edit-toggle-switcher.edit-mode .toggle-thumb{transform:translateX(95px)}.toggle-icon{color:#666;font-size:18px;transition:color .3s ease}.edit-toggle-switcher.view-mode .toggle-icon{color:#0075ff}.edit-toggle-switcher.edit-mode .toggle-icon{color:#f5a623}.toggle-labels{align-items:center;display:flex;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.label{color:#ffffffe6;font-size:18px;font-weight:700;pointer-events:none;position:absolute;text-shadow:0 1px 2px #0003;transition:opacity .3s ease,transform .3s ease;white-space:nowrap}.view-label{left:50px;opacity:0;transform:translateX(-10px)}.edit-label{opacity:0;right:50px;transform:translateX(10px)}.edit-toggle-switcher.edit-mode .edit-label,.edit-toggle-switcher.view-mode .view-label{opacity:1;transform:translateX(0)}.edit-toggle-switcher:not(.disabled):hover .toggle-track{box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.edit-toggle-switcher.view-mode:not(.disabled):hover .toggle-track{background-color:#005ecd}.edit-toggle-switcher.edit-mode:not(.disabled):hover .toggle-track{background-color:#e6941e}.edit-toggle-switcher:not(.disabled):active .toggle-track{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.edit-toggle-switcher:focus-visible .toggle-track{outline:2px solid #0075ff;outline-offset:2px}@media (max-width:620px){.toggle-track{height:29px;width:80px}.toggle-icon{font-size:14px}.label{font-size:14px;font-size:0;font-weight:500}.view-label:after{content:"צפייה";font-size:14px;font-weight:500}.edit-label:after{content:"עריכה";font-size:14px;font-weight:500}.toggle-thumb{height:25px;width:34px}.edit-toggle-switcher.edit-mode .toggle-thumb{transform:translateX(41px)}.view-label{left:42px}.edit-label{right:42px}}.user-assignment-loading-message{color:#6b7280;padding:2rem;text-align:center}.user-assignment-users-list-container{display:flex;flex-direction:column}.user-assignment-users-list-container h4{border-bottom:2px solid #e5e7eb;color:#374151;font-size:1.2rem;font-weight:600;margin:0;padding-bottom:.5rem}.user-assignment-simple-users-list{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto;padding:.5rem}.user-assignment-user-card{align-items:center;border:2px solid;border-radius:8px;display:flex;justify-content:space-between;padding:1rem;transition:all .2s ease}.user-assignment-user-card.available{background-color:#f9fafb;border-color:#d1d5db}.user-assignment-user-card.assigned{background-color:#ecfdf5;border-color:#10b981}.user-assignment-user-card:hover{box-shadow:0 2px 4px #0000001a}.user-assignment-user-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.user-assignment-user-name{color:#1f2937;font-size:1rem;font-weight:600}.user-assignment-user-email{color:#6b7280;font-size:.875rem}.user-assignment-user-project-role{background-color:#3b82f6;border-radius:12px;color:#fff;display:inline-block;font-size:.8rem;font-weight:500;max-width:-webkit-fit-content;max-width:fit-content;padding:.25rem .5rem}.user-assignment-toggle-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease}.user-assignment-toggle-button.add{background-color:#10b981;color:#fff}.user-assignment-toggle-button.add:hover:not(:disabled){background-color:#059669}.user-assignment-toggle-button.remove{background-color:#ef4444;color:#fff}.user-assignment-toggle-button.remove:hover:not(:disabled){background-color:#dc2626}.user-assignment-toggle-button:disabled{cursor:not-allowed;opacity:.5}.user-assignment-no-users{border:2px dashed #d1d5db;border-radius:8px;color:#6b7280;font-size:1.1rem;padding:3rem;text-align:center}.confirm-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.confirm-modal{animation:confirm-modal-slide-in .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026;margin:0 auto;max-width:500px;width:100%}@keyframes confirm-modal-slide-in{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.confirm-modal__header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border,#e5e7eb);display:flex;gap:12px;margin-bottom:16px;padding:24px 24px 16px}.confirm-modal__icon{flex-shrink:0;font-size:24px}.confirm-modal__title{color:#1f2937;color:var(--text-primary,#1f2937);font-size:1.25rem;font-weight:600;margin:0}.confirm-modal__content{padding:0 24px}.confirm-modal__message{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:1rem;line-height:1.6;margin:0}.confirm-modal__actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding:24px}.confirm-modal__button{border:1px solid #0000;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;min-width:80px;padding:10px 20px;transition:all .2s ease}.confirm-modal__button--cancel{background:#f9fafb;background:var(--surface,#f9fafb);border-color:#e5e7eb;border-color:var(--border,#e5e7eb);color:#6b7280;color:var(--text-secondary,#6b7280)}.confirm-modal__button--cancel:hover{background:#e5e7eb;background:var(--border,#e5e7eb);color:#1f2937;color:var(--text-primary,#1f2937)}.confirm-modal__button--confirm{background:#3b82f6;background:var(--primary,#3b82f6);color:#fff}.confirm-modal__button--confirm:hover{background:#2563eb;background:var(--primary-dark,#2563eb)}.confirm-modal__button--warning{background:#f59e0b}.confirm-modal__button--warning:hover{background:#d97706}.confirm-modal__button--danger,.confirm-modal__button--error{background:#ef4444}.confirm-modal__button--danger:hover,.confirm-modal__button--error:hover{background:#dc2626}.confirm-modal__button--info{background:#3b82f6;background:var(--primary,#3b82f6)}.confirm-modal__button--info:hover{background:#2563eb;background:var(--primary-dark,#2563eb)}@media (max-width:768px){.confirm-modal-overlay{padding:16px}.confirm-modal{max-width:none;width:100%}.confirm-modal__header{padding:20px 20px 0}.confirm-modal__content{padding:0 20px}.confirm-modal__actions{flex-direction:column-reverse;padding:20px}.confirm-modal__button{padding:12px 20px;width:100%}}.user-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.user-modal{animation:modalAppear .3s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}@keyframes modalAppear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.user-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.user-modal-header h2{color:#111827;font-size:1.25rem;font-weight:600;margin:0}.user-modal-close{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:24px;padding:4px;transition:color .2s ease,background-color .2s ease}.user-modal-close:hover{background-color:#f3f4f6;color:#374151}.user-modal-form{padding:24px}.user-modal-field{margin-bottom:20px}.user-modal-field label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.user-modal-field input{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-size:14px;padding:10px 12px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.user-modal-field input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.user-modal-field input:disabled{background-color:#f9fafb;cursor:not-allowed;opacity:.6}.user-modal-field input.error{border-color:#ef4444}.user-modal-field input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.user-modal-error{color:#ef4444;display:block;font-size:12px;margin-top:4px}.user-modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.user-modal-cancel{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s ease,border-color .2s ease}.user-modal-cancel:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.user-modal-cancel:disabled{cursor:not-allowed;opacity:.6}.user-modal-submit{background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;min-width:120px;padding:10px 20px;transition:background-color .2s ease}.user-modal-submit:hover:not(:disabled){background-color:#2563eb}.user-modal-submit:disabled{background-color:#9ca3af;cursor:not-allowed;opacity:.6}@media (max-width:640px){.user-modal-overlay{padding:10px}.user-modal{margin:0;max-width:100%}.user-modal-header{padding:16px 20px}.user-modal-header h2{font-size:1.125rem}.user-modal-form{padding:20px}.user-modal-field{margin-bottom:16px}.user-modal-actions{flex-direction:column-reverse;gap:8px}.user-modal-cancel,.user-modal-submit{padding:12px 20px;width:100%}}[dir=rtl] .user-modal-form,[dir=rtl] .user-modal-header{direction:rtl}[dir=rtl] .user-modal-field label{text-align:right}[dir=rtl] .user-modal-actions{justify-content:flex-start}@media (max-width:640px){[dir=rtl] .user-modal-actions{justify-content:stretch}}.project-assignment-content{padding:0}.loading-message,.no-projects-message{color:#666;padding:20px;text-align:center}.project-assignment-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{color:#333;font-size:14px;font-weight:600}.assignment-info{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;color:#495057;font-size:14px;margin-top:8px;padding:12px}.assignment-info strong{color:#212529}.users-main{display:flex;flex-direction:column;height:100%;position:relative;width:100%}.users-filters-section{background:#ffffff0d;border-bottom:1px solid #ffffff1a;display:flex;flex-direction:column;gap:1rem;padding:1rem}.users-search-container{align-items:center;display:flex;gap:1rem}.search-input-wrapper{flex:1 1;max-width:400px;position:relative}.search-icon{color:var(--text-muted);font-size:.875rem;left:12px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.search-input{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:var(--text-primary);font-size:.875rem;padding:.75rem 1rem .75rem 2.5rem;transition:all .2s ease;width:100%}.search-input:focus{background:#ffffff26;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.2);outline:none}.search-input::placeholder{color:var(--text-muted)}.users-filters-container{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.filter-group{align-items:center;display:flex;gap:.5rem}.filter-icon{color:var(--text-muted);font-size:.875rem}.filter-select{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:var(--text-primary);font-size:.875rem;min-width:140px;padding:.5rem .75rem;transition:all .2s ease}.filter-select:focus{background:#ffffff26;border-color:var(--primary-color);outline:none}.filter-select option{background:var(--background-primary);color:var(--text-primary)}.users-list-section{flex:1 1;min-height:0;overflow-y:auto;padding:1rem}.users-empty-state{color:var(--text-muted);font-size:1.1rem;padding:3rem 1rem;text-align:center}.user-row{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:1rem;padding:1.5rem;transition:all .2s ease}.user-row:hover{background:#ffffff14;border-color:#fff3;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.user-info-section{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.user-main-info{align-items:center;display:flex;gap:1.5rem}.user-main-info,.user-name-email{flex:1 1;min-width:0}.user-name{align-items:center;color:var(--text-primary);display:flex;font-size:1.2rem;gap:.5rem;margin:0 0 .25rem}.user-email{color:var(--text-muted);font-size:.875rem;margin:0;word-break:break-all}.user-role-info{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem;text-align:right}.user-role{background:var(--secondary-color);border-radius:12px;color:var(--text-on-secondary);font-weight:500;padding:.25rem .75rem}.user-projects-count,.user-role{font-size:.75rem;white-space:nowrap}.user-projects-count{color:var(--text-muted)}.user-actions{display:flex;flex-wrap:wrap;gap:.5rem}.user-action-btn{border:none;border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.user-edit-btn{background:var(--primary-color);color:var(--text-on-primary)}.user-edit-btn:hover{background:var(--primary-color-dark);transform:translateY(-1px)}.user-assign-btn{background:var(--secondary-color);color:var(--text-on-secondary)}.user-assign-btn:hover{background:var(--secondary-color-dark);transform:translateY(-1px)}.user-delete-btn{background:var(--danger-color);color:var(--text-on-danger)}.user-delete-btn:hover{background:var(--danger-color-dark);transform:translateY(-1px)}.user-projects-section{margin-top:1rem}.user-projects-title{color:var(--text-primary);font-size:1rem;font-weight:500;margin:0 0 .75rem}.user-projects-grid{display:flex;flex-wrap:wrap;gap:.75rem}.user-no-projects{background:#ffffff08;border:1px dashed #fff3;border-radius:8px;margin-top:1rem;padding:1rem;text-align:center}.no-projects-text{color:var(--text-muted);font-size:.875rem;font-style:italic}.users-list-section::-webkit-scrollbar{width:6px}.users-list-section::-webkit-scrollbar-thumb{background:var(--secondary-color);border-radius:3px;opacity:.7}.users-list-section::-webkit-scrollbar-thumb:hover{background:var(--primary-color);opacity:1}.users-list-section::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}@media (max-width:768px){.users-filters-section{padding:.75rem}.users-filters-container{gap:.75rem}.filter-select{font-size:.8rem;min-width:120px}.user-row{padding:1rem}.user-main-info{align-items:flex-start;flex-direction:column;gap:1rem}.user-role-info{align-items:flex-start;text-align:left}.user-projects-grid{gap:.5rem}.user-actions{justify-content:flex-start;width:100%}.add-unit-button-section{bottom:.75rem}}@media (max-width:480px){.search-input-wrapper{max-width:none}.users-filters-container{align-items:stretch;flex-direction:column}.filter-group{justify-content:space-between}.filter-select{flex:1 1;min-width:auto}.user-name{font-size:1.1rem}.user-projects-grid{flex-direction:column}.add-unit-button-section{bottom:.5rem;left:1rem;right:1rem;transform:none}.add-unit-button-section .base-button{justify-content:center;width:100%}}.alert-modal-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.alert-modal-content{animation:alertModalSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000004d;max-height:80vh;max-width:400px;overflow:hidden;width:100%}.alert-modal-header{align-items:center;display:flex;padding:20px 20px 0;position:relative}.alert-modal-icon{flex-shrink:0;font-size:24px;margin-left:12px}.alert-modal-title{color:#333;flex:1 1;font-size:18px;font-weight:600;margin:0}.alert-modal-close-btn{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;flex-shrink:0;font-size:16px;padding:4px;transition:background-color .2s}.alert-modal-close-btn:hover{background-color:#f5f5f5;color:#333}.alert-modal-body{padding:16px 20px}.alert-modal-message{color:#555;font-size:14px;line-height:1.5;margin:0;text-align:right}.alert-modal-actions{display:flex;gap:12px;justify-content:center;padding:0 20px 20px}.alert-modal-info{border-top:4px solid #2196f3}.alert-modal-success{border-top:4px solid #4caf50}.alert-modal-warning{border-top:4px solid #ff9800}.alert-modal-error{border-top:4px solid #f44336}@keyframes alertModalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:480px){.alert-modal-overlay{padding:16px}.alert-modal-content{max-width:none;width:100%}.alert-modal-header{padding:16px 16px 0}.alert-modal-body{padding:12px 16px}.alert-modal-actions{padding:0 16px 16px}.alert-modal-title{font-size:16px}.alert-modal-message{font-size:13px}}.building-form{display:flex;flex-direction:column;gap:20px}.building-form .form-section{display:flex;flex-direction:column;gap:16px}.building-form .form-row{display:flex;gap:16px}.building-form .form-row.two-columns{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.building-form .form-group{display:flex;flex-direction:column;gap:8px}.building-form label{color:var(--primary-color);font-size:.95rem;font-weight:500}@media (max-width:600px){.building-form .form-row.two-columns{grid-template-columns:1fr}}.building-type-tabs{border:2px solid var(--tertiary-color);border-radius:25px;box-shadow:0 4px 12px #0000001a;display:flex;max-width:100%;overflow:hidden;width:-webkit-fit-content;width:fit-content}.building-type-tab-button{align-items:center;border:none;border-radius:0;cursor:pointer;display:flex;font-family:inherit;font-size:1.3em;font-weight:700;justify-content:center;line-height:1;min-width:0;padding:4px 20px;text-align:center;transition:all .3s ease;white-space:nowrap}@media (max-width:480px){.building-type-tab-button{font-size:1.1em;line-height:1.2;min-height:40px;padding:4px 12px;white-space:normal}}.building-type-tab-button--old{border-right:1px solid var(--tertiary-color)}.buildings-main{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:flex-start;overflow:visible;position:relative;width:100%}.buildings-main .edit-toggle{top:-35px}.buildings-main-tabs{flex-shrink:0;margin-top:10px;z-index:100}.buildings-main-tabs,.buildings-section{align-items:center;display:flex;justify-content:center;position:relative}.buildings-section{flex:1 1;flex-direction:column;min-height:0;overflow:visible;width:100%}.buildings-grid{align-items:center;display:flex;justify-content:center;max-height:100%;position:relative}.buildings-grid img{display:block;max-height:100%;max-width:100%;object-fit:contain}.buildings-image-placeholder{align-items:center;background-color:#f5f5f5;border:2px dashed #ccc;border-radius:8px;color:#666;display:flex;font-size:18px;font-weight:500;justify-content:center;min-height:400px;min-width:600px}.buildings-interactive-container{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.building-button-container{pointer-events:auto;position:relative;z-index:1001}.building-button-container:hover{isolation:isolate;z-index:99999}.building-button-container[title]:hover:after{background:var(--secondary-color);border:1px solid var(--tertiary-color);border-radius:6px;bottom:calc(100% + 8px);box-shadow:0 4px 12px #0000004d;color:var(--primary-color);content:attr(title);font-size:clamp(9px,1.2vw,13px);font-weight:600;left:50%;padding:2px 10px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:1}.building-button-container[title]:hover:before{border:6px solid #0000;border-top:6px solid var(--tertiary-color);bottom:calc(100% - 4px);content:"";left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:2}.building-button-container:has(.context-menu){z-index:9999}.building-button-container .context-menu{z-index:9998}.add-building-section{bottom:20px;position:absolute;right:20px;z-index:100}.project-info-window{background:var(--primary-color);border:1px solid var(--tertiary-color);border-radius:8px;bottom:20px;box-shadow:0 2px 8px #00000026;color:var(--tertiary-color);font-size:16px;left:20px;padding:12px 16px;position:absolute;z-index:100}.project-info-item{margin-bottom:4px}.project-info-item:last-child{margin-bottom:0}.building-button-container .editable-button-main{align-items:center;display:flex;font-size:clamp(10px,1.2vw,14px);justify-content:center;min-height:0;min-height:auto;overflow:hidden;padding:4px 8px;text-overflow:ellipsis;white-space:nowrap}.building-button-container .edit-icon-container{height:22px;width:22px}.building-button-container .edit-icon{height:12px;width:12px}.building-button-container .editable-button-main--edit-mode{padding-right:34px!important}@media (max-width:480px){.building-button-container .editable-button-main{font-size:9px;padding:4px 6px}.project-info-window{bottom:10px;font-size:12px;left:10px;padding:8px 10px}.add-building-section{bottom:10px;right:10px}.building-button-container[title]:hover:after{font-size:10px;padding:4px 8px}}.apartment-form{display:flex;flex-direction:column;gap:24px}.apartment-form .form-section{display:flex;flex-direction:column;gap:16px}.apartment-form .form-section h3{border-bottom:1px solid var(--secondary-color);color:var(--primary-color);font-size:1.1rem;font-weight:600;margin:0;padding-bottom:8px}.apartment-form .form-row{display:flex;gap:16px}.apartment-form .form-row.two-columns{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.apartment-form .form-group{display:flex;flex-direction:column;gap:8px}.apartment-form .checkbox-group{align-items:center;flex-direction:row;gap:12px}.apartment-form .checkbox-group label{align-items:center;cursor:pointer;display:flex;gap:8px}.apartment-form label{color:var(--primary-color);font-size:.95rem;font-weight:500}.apartment-form .error-message{color:#ef4444;color:var(--error-color,#ef4444);font-size:.85rem;margin-top:4px}@media (max-width:600px){.apartment-form .form-row.two-columns{grid-template-columns:1fr}}.building-main{display:flex;flex-direction:column;height:100%;position:relative;width:100%}.building-main-content{align-content:center;border-top:1px solid #fff3;flex:1 1;margin-top:15px;min-height:0;overflow-x:visible;overflow-y:auto}.building-main .edit-toggle{top:12px}.building-summary{margin:0 auto 20px;max-width:800px}.summary-line{color:#333;font-size:18px;line-height:1.4}.summary-line:first-child{color:var(--primary-color);font-size:20px;font-weight:600}.building-image-container{margin:0 auto;text-align:center}.building-image{border-radius:10px;height:auto;width:100%}.building-pieces-container{align-items:center;display:flex;flex-direction:column;width:100%}.building-piece{display:block;height:auto;margin:0;padding:0;width:100%}.building-bottom{border-radius:0 0 10px 10px}.building-floor{border-radius:0;margin-top:-1px}.building-top{border-radius:10px 10px 0 0;margin-top:-1px}@media (max-width:768px){.building-pieces-container{max-width:100%}.building-piece{width:100%}}.apartments-section{margin-top:30px;position:relative}.apartments-grid{display:inline-block;margin:0 auto;position:relative}.apartments-interactive-container{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.apartment-button-container{align-items:center;display:flex;height:clamp(30px,3vh,60px);justify-content:center;pointer-events:all;width:clamp(40px,4vw,80px);z-index:10}.apartment-button-container>*{align-items:center;display:flex;font-size:clamp(10px,1.2vw,16px);height:100%;justify-content:center;line-height:1;text-align:center;width:100%}.add-apartment-section{margin-top:20px;text-align:center}@media (min-width:1200px){.apartment-button-container{height:clamp(40px,2.5vh,55px);width:clamp(50px,3vw,70px)}.apartment-button-container>*{font-size:clamp(12px,1vw,15px)}}@media (max-width:768px){.building-main{padding:15px}.summary-line{font-size:16px}.summary-line:first-child{font-size:18px}.building-image{max-width:100%}.apartment-button-container{height:clamp(25px,2.5vh,50px);width:clamp(30px,3vw,60px)}.apartment-button-container>*{font-size:clamp(8px,1vw,14px)}}@media (max-width:480px){.building-main{padding:10px}.summary-line{font-size:14px;margin-bottom:8px}.summary-line:first-child{font-size:16px}.apartment-button-container{height:clamp(20px,2vh,35px);width:clamp(25px,2.5vw,45px)}.apartment-button-container>*{font-size:clamp(7px,.8vw,12px)}}.editable-description-container{display:inline-block;position:relative;width:100%}.editable-description-wrapper{align-items:center;display:flex;gap:8px;position:relative}.description-text{word-wrap:break-word;color:var(--text-primary);flex:1 1;font-size:16px;font-weight:500;line-height:1.4;padding:4px 0;transition:all .2s ease}.description-text--placeholder{color:var(--text-secondary);font-style:italic;font-weight:400}.description-text--with-edit{padding-right:32px}.description-edit-icon-container{align-items:center;border-radius:50%;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:all .2s ease;width:24px;z-index:10}.description-edit-icon-background{background:#0000001a;border-radius:50%;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.description-edit-icon-container:hover .description-edit-icon-background{opacity:1}.description-edit-icon{color:var(--text-secondary);height:12px;transition:color .2s ease;width:12px;z-index:1}.description-edit-icon-container:hover .description-edit-icon{color:var(--primary-color)}.description-context-menu{background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 12px #00000026;margin-top:4px;min-width:140px;padding:4px 0;position:absolute;right:0;top:100%;z-index:1000}.description-context-menu-item{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 12px;text-align:right;transition:background-color .2s ease;width:100%}.description-context-menu-item:hover{background:#f9fafb}.description-context-menu-item svg{color:var(--primary-color);height:14px;width:14px}.editable-description.editing{width:100%}.editable-description-input{background:#fff;border:2px solid var(--primary-color);border-radius:4px;color:var(--text-primary);font-size:16px;font-weight:500;outline:none;padding:6px 8px;transition:border-color .2s ease;width:100%}.editable-description-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #000a921a}.editable-description-input::placeholder{color:var(--text-secondary);font-style:italic;font-weight:400}@media (max-width:768px){.description-edit-icon-container{height:28px;width:28px}.description-edit-icon{height:14px;width:14px}.description-text--with-edit{padding-right:36px}.description-context-menu{min-width:160px;right:-8px}}.urban-document-viewer-overlay{align-items:center!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important;background:#000000f2!important;background-color:#000000f2!important;bottom:0!important;display:flex!important;height:100vh!important;justify-content:center!important;left:0!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:999999!important}.urban-document-viewer-modal{background:#fff!important;border-radius:12px!important;box-shadow:0 8px 32px #00000080!important;display:flex!important;flex-direction:column!important;height:90vh!important;max-height:800px!important;max-width:1200px!important;overflow:hidden!important;position:relative!important;width:90vw!important;z-index:100000!important}.urban-document-viewer-header{align-items:center!important;background-color:#f8f9fa!important;border-bottom:1px solid #e0e0e0!important;display:flex!important;justify-content:space-between!important;padding:1rem!important}.urban-document-viewer-title{color:#333!important;font-size:1.1rem!important;font-weight:600!important;margin:0!important;max-width:60%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.urban-document-viewer-controls{display:flex!important;gap:.5rem!important}.urban-document-viewer-close-btn,.urban-document-viewer-download-btn{align-items:center!important;border:none!important;border-radius:4px!important;cursor:pointer!important;display:flex!important;font-size:1rem!important;justify-content:center!important;padding:.5rem!important;transition:background-color .2s!important}.urban-document-viewer-download-btn{background-color:#007bff!important;color:#fff!important}.urban-document-viewer-download-btn:hover{background-color:#0056b3!important}.urban-document-viewer-close-btn{background-color:#6c757d!important;color:#fff!important}.urban-document-viewer-close-btn:hover{background-color:#545b62!important}.urban-document-viewer-content{flex:1 1!important;overflow:hidden!important;position:relative!important}.urban-document-viewer-iframe{border:none!important;height:100%!important;width:100%!important}.urban-document-viewer-image-container{align-items:center!important;background-color:#f8f9fa!important;display:flex!important;height:100%!important;justify-content:center!important;overflow:auto!important;padding:1rem!important;width:100%!important}.urban-document-viewer-image{border-radius:4px!important;box-shadow:0 2px 8px #0000001a!important;max-height:100%!important;max-width:100%!important;object-fit:contain!important}.urban-document-viewer-video-container{align-items:center!important;background-color:#000!important;display:flex!important;height:100%!important;justify-content:center!important;padding:1rem!important;width:100%!important}.urban-document-viewer-video{max-height:100%!important;max-width:100%!important}.urban-document-viewer-unsupported{align-items:center!important;background-color:#f8f9fa!important;display:flex!important;height:100%!important;justify-content:center!important;width:100%!important}.urban-unsupported-content{padding:2rem!important;text-align:center!important}.urban-unsupported-content h3{color:#666!important;margin-bottom:1rem!important}.urban-unsupported-content p{color:#888!important;margin-bottom:2rem!important}.urban-download-btn-large{align-items:center!important;background-color:#007bff!important;border:none!important;border-radius:4px!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:1rem!important;gap:.5rem!important;margin:0 auto!important;padding:.75rem 1.5rem!important;transition:background-color .2s!important}.urban-download-btn-large:hover{background-color:#0056b3!important}@media (max-width:768px){.urban-document-viewer-modal{height:95vh!important;width:95vw!important}.urban-document-viewer-header{padding:.75rem!important}.urban-document-viewer-title{font-size:1rem!important;max-width:50%!important}.urban-document-viewer-image-container,.urban-document-viewer-video-container{padding:.5rem!important}}.apartment-main{display:flex;flex-direction:column;height:100%;position:relative}.apartment-scrollable-wrapper{flex:1 1;overflow-y:auto;padding:20px}.apartment-info-section{background:var(--info-background);border:1px solid var(--primary-color);border-radius:10px;box-shadow:0 2px 4px #0006;margin-bottom:20px;padding:20px}.apartment-info-section h2{border-bottom:2px solid var(--primary-color);color:var(--text-primary);font-size:1.2em;margin:0 0 15px;padding-bottom:8px}.apartment-details,.tenant-details{display:flex;flex-direction:column;gap:10px}.detail-item{align-items:center;display:flex;gap:10px}.detail-item strong{color:var(--text-secondary);min-width:100px}.status{border-radius:4px;font-size:.9em;font-weight:700;padding:4px 8px}.status.signed{background-color:#d4edda;color:#155724}.status.not-signed{background-color:#f8d7da;color:#721c24}.no-tenant-message{color:var(--text-secondary);font-style:italic;padding:20px;text-align:center}.appraisal-section{background:var(--info-background);border:1px solid var(--primary-color);border-radius:10px;box-shadow:0 2px 4px #0006;padding:20px}.appraisal-section h2{border-bottom:2px solid var(--primary-color);color:var(--text-primary);font-size:1.2em;margin:0 0 15px;padding-bottom:8px}.appraisal-file-item{align-items:center;border-radius:8px;display:flex;justify-content:space-between}.file-header{align-items:center;display:flex;gap:10px;margin-bottom:10px}.file-name{color:var(--text-primary);font-size:1.1em;margin:0}.file-type{background:#007bff;border-radius:4px;color:#fff;font-size:.8em;font-weight:700;padding:2px 8px}.file-preview{max-width:200px}.file-actions{display:flex;gap:8px}.file-action-btn{align-items:center;background:none;border-radius:4px;cursor:pointer;display:flex;height:40px;justify-content:center;padding:8px;transition:all .2s ease;width:40px}.file-action-btn:hover{background:#f9fafb;border-color:var(--primary-color)}.view-btn{color:var(--primary-color)}.view-btn:hover{background:var(--primary-color);color:#fff}.delete-btn:hover{background:#dc3545;color:#fff}.no-appraisal-message{border:2px dashed #e5e7eb;border-radius:8px;color:var(--text-secondary);font-style:italic;margin-bottom:20px;padding:20px;text-align:center}.upload-section{border-top:1px solid #e5e7eb;padding-top:20px}.upload-area{background:#f9fafb;border:2px dashed #e5e7eb;border-radius:8px;padding:20px;text-align:center}.file-input-label{align-items:center;background:var(--primary-color);border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-weight:500;gap:10px;padding:12px 20px;transition:background-color .2s ease}.file-input-label:hover{background:#0056b3;background:var(--primary-dark,#0056b3)}.selected-file-info{background:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-top:15px;padding:15px}.selected-file-info p{color:var(--text-primary);font-weight:500;margin:0 0 10px}@media (max-width:768px){.apartment-scrollable-wrapper{padding:15px}.appraisal-file-item{align-items:stretch;flex-direction:column;gap:15px}.file-actions{justify-content:center}.detail-item{align-items:flex-start;flex-direction:column;gap:5px}.detail-item strong{min-width:auto}}.file-section{background:var(--info-background);border:1px solid var(--primary-color);border-radius:10px;box-shadow:0 2px 4px #0006;margin-bottom:20px;padding:20px}.file-section-header{align-items:center;border-bottom:2px solid var(--primary-color);display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:8px}.file-section-header h2{color:var(--text-primary);font-size:1.2em;margin:0}.file-container{margin-top:15px}.file-item{align-items:flex-start;display:flex;gap:20px}.file-info{flex:1 1}.no-file-message{color:var(--text-secondary);font-style:italic;padding:20px;text-align:center}.power-of-attorney-details{display:flex;flex-direction:column;gap:10px;margin-top:10px}.apartment-info-section h3{border-bottom:1px solid var(--primary-color);color:var(--text-primary);font-size:1.1em;margin:20px 0 10px;padding-bottom:5px}.apartment-details{margin-bottom:15px}@media (max-width:768px){.file-section-header{align-items:stretch;flex-direction:column;gap:10px}.file-item{flex-direction:column;gap:15px}}.fa-spin{animation:fa-spin 1s linear infinite}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.document-breadcrumb{align-items:flex-start;color:#666;display:flex;flex-direction:column;font-size:12px;position:absolute;top:8px}.breadcrumb-item{color:#666;font-weight:400;-webkit-user-select:none;user-select:none;white-space:nowrap}.breadcrumb-item.clickable{color:#555;cursor:pointer;text-decoration:none;transition:color .2s ease}.breadcrumb-item.clickable:hover{color:#0056b3;text-decoration:underline}.breadcrumb-item.current{color:#555;font-weight:600}@media (max-width:768px){.document-breadcrumb{font-size:10px}}@media (max-width:620px){.breadcrumb-item{max-width:100px;overflow:hidden;text-overflow:ellipsis}}.document-notification-modal{display:flex;flex-direction:column;gap:24px}.loading-state{color:#666;font-size:16px;padding:40px;text-align:center}.notification-section{display:flex;flex-direction:column;gap:12px}.notification-section h3{border-bottom:2px solid #06c;color:#333;font-size:18px;font-weight:600;margin:0;padding-bottom:8px}.role-groups-list{display:flex;flex-direction:column;gap:8px}.role-group{background:#fff;border:1px solid #ddd;border-radius:8px;overflow:hidden}.role-header{align-items:center;background:#f8f9fa;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background .2s}.role-header:hover{background:#e9ecef}.role-header-right{align-items:center;display:flex;flex:1 1;gap:12px}.role-header-right input[type=checkbox]{cursor:pointer;height:18px;width:18px}.role-header-right input[type=checkbox]:indeterminate{opacity:.7}.role-name{color:#333;font-size:16px;font-weight:600}.expand-button{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;padding:4px;transition:color .2s}.expand-button:hover{color:#06c}.expand-button svg{height:16px;width:16px}.users-list{border-top:1px solid #ddd}.user-item,.users-list{display:flex;flex-direction:column}.user-item{border-bottom:1px solid #f0f0f0;gap:4px;padding:12px 16px;transition:background .2s}.user-item:last-child{border-bottom:none}.user-item:hover{background:#f8f9fa}.user-name{color:#333;font-size:14px;font-weight:600;margin-top:4px;padding-right:24px}.user-address{color:#666;font-size:12px;font-style:italic;margin-top:-4px;padding-right:24px}.contact-option{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:8px}.contact-option input[type=checkbox]{cursor:pointer;flex-shrink:0;height:18px;width:18px}.contact-label{align-items:center;color:#333;display:flex;font-weight:500;gap:6px}.contact-value{color:#06c;font-weight:400}.message-group{display:flex;flex-direction:column;gap:8px}.message-group label{color:#333;font-size:14px;font-weight:600}.message-input{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.message-input:focus{border-color:#06c;outline:none}.message-textarea{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:14px;padding:10px 12px;resize:vertical;transition:border-color .2s;width:100%}.message-textarea:focus{border-color:#06c;outline:none}.sms-textarea{min-height:80px}.email-textarea{min-height:120px}.character-counter{color:#666;font-size:12px;font-weight:500;text-align:left}.notification-summary{color:#1565c0;font-size:15px;text-align:center}.notification-confirmation{display:flex;flex-direction:column;gap:20px;padding:20px}.notification-confirmation h3{color:#333;font-size:20px;margin:0;text-align:center}.confirmation-summary{background:#f8f9fa;border-radius:8px;display:flex;flex-direction:column;gap:12px;padding:16px}.confirmation-summary p{color:#555;font-size:14px;margin:0}.confirmation-summary strong{color:#333;font-weight:600}.summary-stats{border-top:1px solid #dee2e6;display:flex;gap:16px;justify-content:space-around;margin-top:8px;padding-top:12px}.stat-item{align-items:center;display:flex;flex-direction:column;gap:4px}.stat-label{font-size:12px}.stat-value{color:#06c;font-size:20px}.confirmation-warning{background:#ffebee;border-radius:6px;color:#d32f2f;font-size:14px;font-weight:500;margin:0;padding:12px;text-align:center}@media (max-width:768px){.user-item{gap:12px}.user-contact-options,.user-item{align-items:flex-start;flex-direction:column}.user-contact-options{gap:8px}.summary-stats{flex-direction:column;gap:12px}}.notification-history-modal{display:flex;flex-direction:column;gap:20px;max-height:70vh;min-height:400px;overflow-y:auto}.history-header{align-items:center;background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;display:flex;gap:15px;justify-content:space-between;padding:15px}.document-selector{align-items:center;display:flex;flex:1 1;gap:10px}.document-selector label{color:#333;font-weight:600;white-space:nowrap}.document-selector select{background-color:#fff;border:1px solid #ccc;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;padding:8px 12px;transition:border-color .2s}.document-selector select:hover{border-color:#4a90e2}.document-selector select:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e21a;outline:none}.document-selector select:disabled{background-color:#f5f5f5;cursor:not-allowed}.refresh-button{align-items:center;background-color:#4a90e2;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px 12px;transition:background-color .2s,transform .2s}.refresh-button:hover:not(:disabled){background-color:#357abd}.refresh-button:disabled{background-color:#ccc;cursor:not-allowed}.refresh-button.refreshing svg{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.notification-stats{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:column;gap:15px;padding:20px}.stats-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr)}.stat-card{align-items:center;background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:column;padding:15px;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.stat-card.stat-pending{border-color:#ffa726}.stat-card.stat-success{border-color:#66bb6a}.stat-card.stat-failed{border-color:#ef5350}.stat-label{color:#666;font-size:14px;font-weight:500;margin-bottom:8px}.stat-value{color:#333;font-size:28px;font-weight:700}.stat-card.stat-pending .stat-value{color:#ffa726}.stat-card.stat-success .stat-value{color:#66bb6a}.stat-card.stat-failed .stat-value{color:#ef5350}.stats-breakdown{border-top:1px solid #e0e0e0;display:flex;flex-direction:column;gap:8px;padding-top:10px}.breakdown-item{color:#555;font-size:14px;line-height:1.5}.empty-state,.loading-state{align-items:center;color:#999;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.empty-state svg{font-size:48px;margin-bottom:15px;opacity:.5}.empty-state p{font-size:16px;margin:0}.notifications-list{overflow-x:auto}.notifications-table{background-color:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 4px #0000000d;overflow:hidden;width:100%}.notifications-table thead{background-color:#f5f5f5;position:-webkit-sticky;position:sticky;top:0;z-index:1}.notifications-table th{border-bottom:2px solid #e0e0e0;color:#333;font-size:14px;font-weight:600;padding:12px 15px;text-align:right}.notifications-table td{border-bottom:1px solid #f0f0f0;font-size:14px;padding:12px 15px}.notifications-table tbody tr:hover{background-color:#f9f9f9}.notifications-table tbody tr:last-child td{border-bottom:none}.recipient-info{display:flex;flex-direction:column;gap:4px}.recipient-name{color:#333;font-weight:600}.recipient-contact{color:#666;font-size:12px}.type-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px;text-transform:uppercase}.type-badge.type-sms{background-color:#e3f2fd;color:#1976d2}.type-badge.type-email{background-color:#f3e5f5;color:#7b1fa2}.status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.status-badge.status-pending{background-color:#fff3e0;color:#e65100}.status-badge.status-success{background-color:#e8f5e9;color:#2e7d32}.status-badge.status-failed{background-color:#ffebee;color:#c62828}.message-preview{max-width:250px}.message-subject{color:#555;font-size:13px;margin-bottom:4px}.message-text{color:#777;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.date-cell{color:#666;font-size:13px;white-space:nowrap}.retries-cell{text-align:center}.retry-badge{background-color:#fff9c4;border-radius:10px;color:#f57f17;display:inline-block;font-size:11px;font-weight:600;padding:3px 8px}.refresh-indicator{animation:fadeIn .3s ease-in;background-color:#4a90e2e6;border-radius:20px;bottom:20px;box-shadow:0 4px 12px #00000026;color:#fff;font-size:13px;font-weight:500;left:50%;padding:8px 20px;position:fixed;transform:translateX(-50%);z-index:1000}@keyframes fadeIn{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.document-selector,.history-header{align-items:stretch;flex-direction:column}.notifications-table{font-size:12px}.notifications-table td,.notifications-table th{padding:8px 10px}.message-preview{max-width:150px}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.stat-card{padding:12px}.notifications-table{font-size:11px}}.documents-main{display:flex;flex-direction:column;height:100%;position:relative;width:100%}.documents-scrollable-wrapper,.documents-upload-section{flex:1 1;min-height:0;overflow-x:visible;overflow-y:auto;padding:2rem 1rem 1rem}.documents-list{display:flex;flex-direction:column;gap:24px;width:100%}.sub-category-group{display:flex;flex-direction:column;gap:12px}.sub-category-title{background:var(--primary-color);border-bottom:3px solid var(--accent-green);border-radius:8px;color:#fff;font-size:18px;font-weight:600;margin:0 0 8px;padding:12px 16px}.sub-category-documents{display:flex;flex-direction:column;gap:16px;margin-right:16px}.documents-empty{color:#666;display:flex;font-size:18px;justify-content:center;padding:40px;text-align:center}.document-item{align-items:center;background:var(--info-background);border:1px solid var(--primary-color);border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;padding:20px;transition:all .2s ease}.document-item:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.document-info{flex:1 1;min-width:0}.document-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.document-header h4{align-items:flex-start;color:var(--text-primary);display:flex;flex:1 1;font-size:16px;font-weight:600;gap:8px;line-height:1.3;margin:0;word-break:break-word}.document-new-badge{animation:pulse-glow 2s ease-in-out infinite;background:linear-gradient(45deg,#f44,#f66);border-radius:12px;box-shadow:0 2px 4px #ff44444d;color:#fff;font-size:14px;font-weight:700;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase;white-space:nowrap}@keyframes pulse-glow{0%,to{box-shadow:0 2px 4px #ff44444d;transform:scale(1)}50%{box-shadow:0 4px 8px #ff444480;transform:scale(1.05)}}.document-name{color:var(--text-primary);flex:1 1;font-size:16px;font-weight:600;line-height:1.3;margin:0;word-break:break-word}.document-badges{align-items:center;display:flex;flex-shrink:0;gap:8px}.document-type{background:var(--primary-color);font-size:.8em;font-weight:700}.document-role,.document-type{border-radius:4px;color:#fff;padding:2px 8px;white-space:nowrap}.document-role{background:#28a745;font-size:.75em;font-weight:500}.document-description{color:#666;font-size:14px;line-height:1.4;margin:8px 0}.document-meta{color:#888;font-size:12px;gap:16px}.document-date,.document-meta{align-items:center;display:flex}.document-date{color:#777;font-style:italic;gap:4px}.document-actions{align-items:center;display:flex;gap:8px;margin-right:8px}.document-action-btn{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;height:36px;justify-content:center;padding:8px;transition:all .2s ease;width:36px}.document-action-btn:hover{background:#0000001a}.view-btn{color:#007bff}.view-btn:hover{background:#007bff1a}.download-btn{color:#28a745}.download-btn:hover{background:#28a7451a}.edit-btn{color:#ffc107}.edit-btn:hover{background:#ffc1071a}.delete-btn{color:#dc3545}.delete-btn:hover{background:#dc35451a}.send-notification-btn{color:#17a2b8}.send-notification-btn:hover{background:#17a2b81a}.view-notification-status-btn{color:#6c757d}.view-notification-status-btn:hover{background:#6c757d1a}.document-action-btn svg{height:16px;width:16px}@media (max-width:768px){.documents-main{padding:16px}.sub-category-documents{margin-right:0}.sub-category-title{color:#fff;font-size:16px;padding:10px 12px}.document-item{align-items:stretch;flex-direction:column;gap:16px}.document-actions{justify-content:center;margin-right:0}.document-header{align-items:flex-start;flex-direction:column;gap:8px}.document-badges{align-self:flex-start}.document-name{font-size:16px}.document-actions{justify-content:flex-end;margin-bottom:8px;order:-1}}.error-message{color:#dc3545;font-size:12px;margin-top:4px}.file-input{border:1px solid #ddd;padding:8px;width:100%}.file-info,.file-input{border-radius:4px;font-size:14px}.file-info{padding:8px 12px}.form-hint{color:#6c757d;display:block;font-size:12px;margin-top:4px}.file-preview{border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;margin:10px 0;max-height:120px;max-width:250px;overflow:hidden;position:relative;transition:all .3s ease}.file-preview:hover{box-shadow:0 4px 8px #00000026;transform:scale(1.02)}.file-preview .preview-image,.file-preview img{display:block;height:auto;max-height:120px;object-fit:contain;transition:opacity .3s ease;width:auto}.file-preview .preview-image:hover,.file-preview img:hover{opacity:.9}.pdf-preview{background:#f8f9fa;position:relative}.preview-pdf{background:#fff;border:none;height:120px;pointer-events:none;width:100%}.pdf-loading{background:#f8f9fa;color:#6b7280;font-size:14px;height:120px;width:100%}.pdf-loading,.pdf-overlay{align-items:center;display:flex;justify-content:center}.pdf-overlay{background:#0000001a;bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.pdf-overlay span{background:#000c;border-radius:4px;color:#fff;font-size:12px;font-weight:700;padding:4px 8px}.pdf-preview:hover .pdf-overlay{opacity:1}.video-preview{background:#f8f9fa;max-width:300px;position:relative}.preview-video{background:#000;border:none;border-radius:4px;max-height:200px;width:100%}.preview-video:focus{outline:2px solid var(--accent-green);outline-offset:2px}.editable-group-title-container{margin:0 0 1rem;position:relative}.editable-group-title-wrapper{align-items:center;display:flex;gap:8px;padding-right:6px;position:relative;transition:all .3s ease}.group-title{color:var(--text-color);flex:1 1;font-size:1.5rem;font-weight:700;margin:0;min-width:0;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;transition:all .3s ease}.group-title--with-edit{padding-left:35px}.editable-group-title-wrapper:has(.group-title--edit-mode){background-color:#3498db4d;border-radius:5px}.group-edit-icon-container{align-items:center;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;opacity:0;position:relative;transform:translateX(-10px) scale(.8);transition:all .3s ease;visibility:hidden;width:24px}.group-edit-icon-container--edit-mode{animation:slideInFromRight .3s ease-out;background-color:#3498dbb3;border:1px solid #3498db66;opacity:1;transform:translateX(0) scale(1);visibility:visible}.group-edit-icon-container:hover .group-edit-icon-background{opacity:1;transform:scale(1)}.group-edit-icon-background{background-color:#3498db1a;border-radius:50%;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transform:scale(.8);transition:all .3s ease;z-index:1}.group-edit-icon{color:var(--tertiary-color);height:12px;position:relative;transition:all .3s ease;width:12px;z-index:2}.group-edit-icon-container:hover .group-edit-icon{color:#2980b9;transform:scale(1.1)}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(20px) scale(.6)}50%{opacity:.8;transform:translateX(-2px) scale(1.05)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes pulseEditMode{0%{box-shadow:0 0 0 0 #3498db66}70%{box-shadow:0 0 0 6px #3498db00}to{box-shadow:0 0 0 0 #3498db00}}.group-edit-icon-container--edit-mode{animation:slideInFromRight .3s ease-out,pulseEditMode 1.5s ease-in-out .3s}.group-context-menu{animation:contextMenuSlideIn .2s ease-out;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #00000026;font-size:.9em;margin-top:4px;min-width:180px;padding:4px 0;position:absolute;right:0;top:100%;z-index:1000}@keyframes contextMenuSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.group-context-menu-item{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:inherit;gap:8px;padding:8px 12px;text-align:right;transition:all .2s ease;width:100%}.group-context-menu-item:hover:not(.group-context-menu-item--disabled){background-color:#f8f9fa;transform:translateX(-2px)}.group-context-menu-item--edit:hover{background-color:#3498db1a;color:#3498db}.group-context-menu-item--delete:hover{background-color:#e74c3c1a;color:#e74c3c}.group-context-menu-item--disabled{color:#999;cursor:not-allowed;opacity:.6}.group-context-menu-item svg{flex-shrink:0;height:14px;width:14px}.group-context-menu-item span{flex:1 1;white-space:nowrap}@media (max-width:768px){.group-title{font-size:1.1em}.group-edit-icon-container{height:28px;width:28px}.group-edit-icon{height:14px;width:14px}.group-context-menu{font-size:1em;min-width:200px}.group-context-menu-item{padding:12px 16px}}@media (max-width:480px){.group-title--with-edit{padding-left:40px}.group-context-menu{min-width:220px;right:-10px}}.document-categories-main{display:flex;flex-direction:column;height:100%;position:relative;width:100%}.groups-scrollable-wrapper{flex:1 1;margin-top:1rem;min-height:0;overflow-x:visible;overflow-y:auto;padding:0 1rem 1rem}.categories-buttons-section{margin-bottom:1rem;padding:0}.categories-buttons-grid{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.category-group{margin-bottom:1rem;padding-bottom:1rem}.category-group:not(:last-child){border-bottom:2px solid var(--primary-color)}.category-group:last-child{margin-bottom:0;padding-bottom:0}.document-sub-categories-main{display:flex;flex-direction:column;height:100%;position:relative;width:100%}.sub-categories-buttons-section{flex:1 1;min-height:0;overflow-x:visible;overflow-y:auto;padding:2rem 1rem 1rem}.sub-categories-buttons-grid{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.permission-test-container{margin:0 auto;max-height:100%;max-width:1200px;overflow-y:auto;padding:20px}.test-header{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-bottom:20px;padding:20px}.test-header h2{color:#495057;font-size:1.5rem;margin:0 0 20px}.user-info{background:#fff;border:1px solid #e9ecef;border-radius:6px;margin-bottom:20px;padding:15px}.user-info div{font-size:.95rem;margin-bottom:8px}.user-info div:last-child{margin-bottom:0}.test-controls{align-items:center;display:flex;gap:12px}.test-results{background:#fff;border:1px solid #dee2e6;border-radius:8px;margin-bottom:20px;padding:20px}.test-results h3{color:#495057;font-size:1.3rem;margin:0 0 15px}.results-summary{background:#f8f9fa;border-radius:6px;display:flex;gap:20px;margin-bottom:20px;padding:10px}.success-count{color:#28a745;font-weight:600}.failure-count{color:#dc3545;font-weight:600}.results-list{display:flex;flex-direction:column;gap:12px}.test-result{background:#fff;border:1px solid #dee2e6;border-radius:6px;padding:15px}.test-result.success{background:#f8fff9;border-color:#28a745}.test-result.failure{background:#fff8f8;border-color:#dc3545}.result-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.result-icon{flex-shrink:0;font-size:1.2rem}.result-action{color:#495057;flex:1 1;font-weight:600}.result-status{border-radius:4px;font-size:.9rem;font-weight:500;padding:4px 8px}.test-result.success .result-status{background:#d4edda;color:#155724}.test-result.failure .result-status{background:#f8d7da;color:#721c24}.result-error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;font-size:.9rem;margin-top:8px;padding:8px}.result-technical{background:#e2e3e5;border:1px solid #d6d8db;border-radius:4px;color:#383d41;font-family:Courier New,monospace;font-size:.85rem;margin-top:8px;padding:8px}.result-permissions{background:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;color:#856404;font-size:.9rem;margin-top:8px;padding:8px}.test-info{background:#e3f2fd;border:1px solid #90caf9;border-radius:8px;padding:20px}.test-info h3{color:#1565c0;font-size:1.2rem;margin:0 0 15px}.test-info ul{margin:0;padding-right:20px}.test-info li{color:#1976d2;margin-bottom:8px}.test-info li:last-child{margin-bottom:0}.test-info strong{color:#0d47a1}@media (max-width:768px){.permission-test-container{padding:10px}.test-controls{align-items:stretch;flex-direction:column}.results-summary{flex-direction:column;gap:8px}.result-header{flex-wrap:wrap;gap:8px}}.blur-container.activation-blur-container{height:60%;transform:translateY(16%);width:80%}.activation-wrapper{display:flex;height:100%;padding:50px 20px 20px;position:relative;width:100%}.activation-content{align-items:center;display:flex;flex:1 1;flex-direction:column;margin-bottom:20px;overflow-y:auto;width:100%;z-index:2}.activation-header h1{color:#333;font-size:2rem;margin-bottom:10px;text-align:center}.activation-header p{color:#666;font-size:1rem;margin-bottom:10px;text-align:center}.activation-user-details{display:flex;gap:40px;justify-content:center;margin:0 auto;width:100%}.activation-user-info{align-content:center;background-color:var(--primary-color);border-radius:8px;color:var(--tertiary-color);padding:20px;text-align:right}.activation-user-info h3{margin-bottom:20px;text-align:center}.activation-user-info p{margin:8px 0}.activation-form{margin-top:20px}.activation-form,.activation-form-passwords-container{display:flex;flex-direction:column}.activation-form-group{margin-bottom:10px;text-align:right}.activation-form-group label{color:#495057;display:block;font-weight:500;margin-bottom:4px}.activation-form-group input{border:2px solid #e9ecef;border-radius:8px;box-sizing:border-box;font-size:16px;padding:10px 16px;transition:border-color .3s ease;width:100%}.activation-form-group input:focus{border-color:#2196f3;outline:none}.activation-form-group input.error{border-color:#dc3545}.activation-form-actions{margin:15px 0 20px}.activation-btn-primary{background:#2196f3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:14px 30px;transition:all .3s ease;width:100%}.activation-btn-primary:hover:not(:disabled){background:#1976d2;transform:translateY(-2px)}.activation-btn-primary:disabled{background:#6c757d;cursor:not-allowed;transform:none}.activation-btn-secondary{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:12px 24px;transition:all .3s ease}.activation-btn-secondary:hover{background:#5a6268}.activation-btn-link{background:none;border:none;color:#2196f3;cursor:pointer;font-size:14px;text-decoration:underline}.activation-btn-link:hover{background-color:#0000;color:var(--primary-color)}.activation-error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;margin:20px 0;padding:12px;text-align:center}.activation-success-message{color:#155724;font-size:1.1rem;margin:15px 0}.activation-loading{padding:40px 20px}.activation-loading h2{color:#495057;margin:0}.activation-error-state{padding:20px}.activation-error-state h2{color:#dc3545;margin-bottom:15px}.activation-success-state{padding:40px 20px}.activation-success-state h2{color:#28a745;margin-bottom:15px}.activation-footer{border-top:1px solid #e9ecef;display:flex;gap:10px;padding-top:20px}.activation-footer p{color:var(--primary-color);font-size:1rem;font-weight:600}.activation-error-display{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#dc3545;font-size:14px;margin-top:10px;padding:5px;text-align:center}@media (max-width:768px){.activation-user-details{flex-direction:column}.activation-header h1{font-size:1.5rem}.activation-header p{font-size:.9rem}}@media (max-width:480px){.blur-container.activation-blur-container{height:65%;transform:translateY(14%);width:90%}.activation-header h1{font-size:1rem}.activation-header p{font-size:.8rem}.activation-user-details{gap:20px}.activation-user-info{padding:10px;width:100%}.activation-user-info h3{margin-bottom:0}.activation-form{margin-top:0;width:85%}.activation-form-group input{font-size:14px;padding:8px}.activation-footer{gap:5px}.activation-footer p{color:var(--primary-color);font-size:.8rem}.activation-btn-primary{font-size:1rem;padding:10px}.activation-btn-link,.activation-btn-secondary{font-size:.8rem;padding:5px}}.toast{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff;background:var(--card-background,#fff);border-left:4px solid;border-radius:12px;box-shadow:0 8px 32px #00000026;margin-bottom:0;max-width:450px;min-height:60px;min-width:320px;opacity:.9;overflow:hidden;position:fixed;right:20px;top:20px;transform:translateX(100%);transition:transform .3s cubic-bezier(.175,.885,.32,1.275),opacity .3s ease,box-shadow .2s ease}.toast-success{border-left-color:#10b981}.toast-warning{border-left-color:#f59e0b}.toast-error{border-left-color:#ef4444}.toast-content{align-items:flex-start;display:flex;gap:12px;padding:16px}.toast-icon-container{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:center;margin-top:2px;width:24px}.toast-icon{height:20px;width:20px}.toast-success .toast-icon{color:#10b981}.toast-warning .toast-icon{color:#f59e0b}.toast-error .toast-icon{color:#ef4444}.toast-message-container{flex:1 1;min-width:0}.toast-title{color:#1f2937;color:var(--text-primary,#1f2937);font-weight:600;line-height:1.4;margin-bottom:4px}.toast-message,.toast-title{word-wrap:break-word;font-size:14px;-webkit-hyphens:auto;hyphens:auto;word-break:break-word}.toast-message{color:#6b7280;color:var(--text-secondary,#6b7280);line-height:1.5;white-space:pre-wrap}.toast-close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#9ca3af;color:var(--text-tertiary,#9ca3af);cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;margin-top:2px;transition:all .2s ease;width:24px}.toast-close-btn:hover{background:#0000000d;background:var(--hover-background,#0000000d);color:#6b7280;color:var(--text-secondary,#6b7280)}.toast-close-btn:active{transform:scale(.95)}.toast-progress{animation:toast-progress linear forwards;bottom:0;height:3px;left:0;position:absolute;transform-origin:left;width:100%}.toast-success .toast-progress{background:#10b981}.toast-warning .toast-progress{background:#f59e0b}.toast-error .toast-progress{background:#ef4444}@keyframes toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (max-width:768px){.toast{left:12px;max-width:none;min-width:auto;right:12px;top:12px}.toast-content{padding:14px}.toast-message,.toast-title{font-size:13px}}@media (prefers-color-scheme:dark){.toast{background:#374151;background:var(--card-background-dark,#374151);box-shadow:0 8px 32px #0000004d}.toast-title{color:#f9fafb;color:var(--text-primary-dark,#f9fafb)}.toast-message{color:#d1d5db;color:var(--text-secondary-dark,#d1d5db)}.toast-close-btn{color:#9ca3af;color:var(--text-tertiary-dark,#9ca3af)}.toast-close-btn:hover{background:#ffffff1a;color:#d1d5db;color:var(--text-secondary-dark,#d1d5db)}}.toast:hover{box-shadow:0 12px 40px #0003}.toast:focus-within{outline:2px solid #3b82f6;outline:2px solid var(--primary-color,#3b82f6);outline-offset:2px}@media (prefers-contrast:high){.toast{border-style:solid;border-width:2px}.toast-success{border-color:#10b981}.toast-warning{border-color:#f59e0b}.toast-error{border-color:#ef4444}}@media (prefers-reduced-motion:reduce){.toast{transition:opacity .2s ease}.toast,.toast-exiting,.toast-visible,.toast:hover{transform:none}.toast-progress{animation:none;background:linear-gradient(90deg,#0000,currentColor)}}