@import"https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap";.auth-container{display:flex;align-items:center;justify-content:center;width:100%;font-family:Titillium Web,sans-serif;height:100vh;padding:0;background-image:url(/assets/bg-ComuFqgB.png);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;position:fixed;top:0;left:0;overflow:hidden}.auth-container:before{content:"";position:absolute;inset:0;background:#0006;z-index:0}.auth-form{position:relative;z-index:1;width:100%;max-width:400px;padding:2.5rem;background-color:#2c2c2cf2;border-radius:12px;border:1px solid #444;box-shadow:0 10px 25px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-form h2{text-align:center;margin-top:0;margin-bottom:2rem;font-size:2em;font-family:Titillium Web;font-weight:400;color:#fff}.auth-form input,.auth-form .password-wrapper{margin-bottom:1.5rem}.auth-form input{display:block;width:100%;box-sizing:border-box;padding:14px 16px;margin-bottom:0;font-size:1em;background-color:#242424;border:1px solid #555;border-radius:8px;color:#fff}.auth-form>input{margin-bottom:1.5rem}.auth-form input:focus{outline:none;border-color:#646cff;box-shadow:0 0 0 3px #646cff4d}.auth-form button{width:100%;padding:14px 0;font-size:1.1em;font-weight:600;border:none;border-radius:8px;cursor:pointer;background-color:#646cff;color:#fff;transition:background-color .2s}.auth-form button:hover{background-color:#535bf2}.password-wrapper{position:relative;width:100%;margin-bottom:1.5rem}.auth-form .password-wrapper input{padding-right:46px;margin-bottom:0}.password-toggle-icon{position:absolute;top:50%;right:16px;transform:translateY(-50%);width:20px;height:20px;cursor:pointer;opacity:.6;transition:opacity .2s}.password-toggle-icon:hover{opacity:1}.auth-switch{text-align:center;margin-top:1.5rem;font-size:.9em;color:#aaa}.auth-switch span{color:#646cff;font-weight:500;cursor:pointer}.auth-switch span:hover{text-decoration:underline}.auth-error{display:flex;align-items:center;gap:10px;color:#ff6b6b;background-color:#ff6b6b1a;border:1px solid #ff6b6b;padding:12px 15px;border-radius:8px;margin-bottom:1rem}.error-icon{width:20px;height:20px;flex-shrink:0}.auth-error span{flex:1}.password-field-group{margin-bottom:1.5rem}.password-field-group .password-wrapper{margin-bottom:0}.password-strength-meter{margin-top:8px;transition:all .3s ease}.strength-bar-container{width:100%;height:6px;background-color:#3a3a3a;border-radius:3px;overflow:hidden}.strength-bar-progress{height:100%;width:0;border-radius:3px;transition:width .3s ease,background-color .3s ease}.strength-bar-progress.strength-level-1{width:25%;background-color:#ff6b6b}.strength-bar-progress.strength-level-2{width:50%;background-color:orange}.strength-bar-progress.strength-level-3{width:75%;background-color:#b8e986}.strength-bar-progress.strength-level-4{width:100%;background-color:#4caf50}@media(max-width:480px){.auth-form{width:100%;margin-left:1rem;margin-right:1rem;box-sizing:border-box;padding:1.5rem;border-radius:0;border:none;box-shadow:none}}html,body{margin:0;padding:0;background:#030610}#root{font-family:Titillium Web,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;width:100%;min-height:100vh;max-width:100%;margin:0;padding:0;text-align:left}.app-container{display:flex;flex-direction:column;min-height:100vh;background-color:#030610}.app-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 10rem;background:#01040b;border-bottom:1px solid rgba(100,108,255,.2);box-shadow:0 8px 32px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-header h1{margin:0;font-size:2.2em;font-weight:200;font-family:Titillium Web;color:#fff;flex-grow:1}.app-header h1 b{font-weight:700}#logo-img{width:1em;display:inline-block;vertical-align:middle;transform:translateY(-.12em);margin-right:15px}.logout-button{padding:.7em 1.8em;font-size:.95em;font-weight:600;background:linear-gradient(135deg,#ff6b6b,#ff5252);border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff6b6b4d}.logout-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff6b6b80}.header-right{display:flex;align-items:center;gap:1.5rem}.account-email{color:#aaa;font-size:.95em;font-weight:400}.app-content{display:flex;flex:1;padding:2rem 3rem;gap:2.5rem;max-width:1600px;width:100%;margin:0 auto;box-sizing:border-box}.content-sidebar{width:380px;flex-shrink:0}.content-main{flex-grow:1;min-width:0}.upload-container{padding:2.5rem;background:#01040b;border-radius:16px;border:1px solid rgba(100,108,255,.2);box-shadow:0 8px 32px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:2rem}.upload-container h2{margin-top:0;margin-bottom:1.5rem;font-size:1.4em;color:#fff}.upload-container input[type=file]{width:100%;box-sizing:border-box;padding:14px;margin:1rem 0;background:#242434cc;border:2px #646cff;border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease}.upload-container input[type=file]:hover{border-color:#0ea5e9;background:#242434f2}.upload-container button{width:100%;padding:14px;font-size:1.05em;font-weight:600;background:#646cff;border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease;margin-top:1rem;box-shadow:0 4px 15px #646cff4d}.upload-container button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #646cff80}.upload-container button:disabled{opacity:.6;cursor:not-allowed}.photos-list-container h2{margin-top:0;margin-bottom:1.5rem;font-size:1.6em;color:#fff}.photos-list-container p{color:#aaa;text-align:center;padding-top:1rem;font-style:italic}.photos-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.photo-item{background-color:#1d1e2c;border:1px solid #444;border-radius:12px;overflow:hidden;box-shadow:0 5px 15px #0003;display:flex;flex-direction:column}.photo-item img,.photo-item div[style*="height: 200px"]{height:200px;object-fit:cover;background-color:#242424}.photo-info{padding:1rem;display:flex;flex-direction:column}.photo-info strong{display:none}.photo-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.action-button{flex:1;min-width:80px;font-size:.9em;font-weight:500;color:#646cff;text-decoration:none;background-color:transparent;border:1px solid #646cff;padding:6px 12px;border-radius:6px;transition:background-color .2s,color .2s;white-space:nowrap;cursor:pointer}.action-button:hover:not(:disabled){background-color:#646cff;color:#fff}.action-button:disabled{opacity:.5;cursor:not-allowed}.download-button{background-color:#646cff;color:#fff;border-color:#646cff}.download-button:hover:not(:disabled){background-color:#535bf2}.delete-button{background-color:transparent;color:#ff6b6b;border-color:#ff6b6b}.delete-button:hover:not(:disabled){background-color:#ff6b6b;color:#fff}.share-container{margin-top:auto;padding:1rem;border-top:1px solid #444;background-color:#1d1e2c}.share-container small{display:block;margin-bottom:.5rem;color:#aaa}.share-controls{display:flex;gap:.5rem}.share-controls input{flex-grow:1;min-width:0;padding:8px 10px;font-size:.9em;background-color:#242424;border:1px solid #555;border-radius:6px;color:#fff}.share-controls input:focus{outline:none}.share-controls button{padding:8px 12px;font-size:.9em;flex-shrink:0}.share-message{margin:.5rem 0 0;font-size:.9em}.share-message.success{color:#6bff6b}.share-message.error{color:#ff6b6b}.share-message small{display:block;line-height:1}.app-footer{margin-top:auto;background-color:#01040b;padding:1rem;text-align:center;color:#aaa;font-size:.9em;border-top:1px solid rgba(100,108,255,.2)}.app-footer b{color:#fff}.app-footer .footer-icon{width:1em;height:1em;vertical-align:middle;margin:0 .25em}@media(max-width:900px){.app-header{padding:1.5rem 2rem}.app-content{flex-direction:column;padding:2rem}.content-sidebar{width:100%;position:static;top:auto}}@media(max-width:480px){.app-header{padding:1rem}.app-header h1{font-size:1.8em}.app-content{padding:1rem;gap:1.5rem}.upload-container{padding:1.5rem}.account-email{display:none}.logout-button{padding:.5em 1em;font-size:.9em}.header-right{gap:.75rem}}