.login-container,.popup-container{background-color:rgba(0,0,0,.6);z-index:1000}.loading-overlay,.login-container,.popup-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.loading-overlay{background-color:rgba(0,0,0,.7);z-index:1100}.loading-message{padding:2rem 3rem;border-radius:var(--radius-md);font-size:var(--font-size-lg);color:var(--text-primary)}.loading-message,.login-card,.popup-card{background-color:var(--surface-color);box-shadow:var(--shadow-medium);text-align:center}.login-card,.popup-card{padding:2.5rem;border-radius:var(--radius-lg);border:1px solid var(--border-color);max-width:400px;width:90%}.login-card h2,.popup-card h2{margin-top:0;margin-bottom:.5rem;color:var(--text-primary)}.popup-card h3{font-size:var(--font-size-md);font-weight:400;color:var(--text-secondary);margin-top:0;margin-bottom:2rem}.login-card input[type=password],.login-card input[type=text],.popup-card input[type=file],.popup-card input[type=text]{width:100%;padding:.75rem 1rem;margin-bottom:1rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-md);transition:all .2s ease-in-out}.login-card input:focus,.popup-card input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(0,86,179,.1)}.popup-card input[type=file]{padding:2rem 1rem;background-color:var(--background-color);text-align:center}.login-card button,.popup-card button{padding:.75rem 1.5rem;margin-top:10px;margin-right:5px;border:none;border-radius:var(--radius-md);background-color:var(--primary-color);color:#fff;font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:background-color .2s}.login-card button:hover,.popup-card button:hover{background-color:var(--primary-hover)}.popup-card button:last-child{background-color:var(--text-muted)}.popup-card button:last-child:hover{background-color:var(--text-secondary)}