.upload-container{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 10px 30px #00000014;max-width:600px;margin:20px auto;font-family:Segoe UI,sans-serif}h2{margin-top:0;color:#fff}.subtitle{color:#666;margin-bottom:25px;font-size:.9rem}.input-group{margin-bottom:15px;display:flex;flex-direction:column}.input-group label{font-size:.85rem;font-weight:600;color:#444;margin-bottom:5px}.input-group input,.input-group select{padding:12px;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:all .3s ease}.input-group input:focus,.input-group select:focus{border-color:#4a90e2;outline:none;box-shadow:0 0 0 3px #4a90e21a}.upload-area{border:2px dashed #ccc;border-radius:12px;padding:30px;text-align:center;cursor:pointer;display:block;transition:all .3s ease;background:#fafafa;margin-bottom:20px}.upload-area:hover{border-color:#4a90e2;background:#f0f7ff}.icon-cloud{font-size:2rem;margin-bottom:10px}#file-input{display:none}.primary-btn{width:100%;padding:14px;background:#4a90e2;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .3s}.primary-btn:hover{background:#357abd}.primary-btn:disabled{background:#ccc;cursor:not-allowed}:root{--glass-bg: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .2);--input-bg: rgba(255, 255, 255, .85);--accent: #007bff;--success: #68c2b6}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,system-ui,sans-serif;min-height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden;color:#fff}#bg-video{position:fixed;right:0;bottom:0;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-100;object-fit:cover;filter:brightness(.7)}.content-container{width:70%;max-width:1200px;min-height:85vh;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:30px;box-shadow:0 25px 50px #00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;overflow:hidden;position:relative}#logged-out-view{width:100%;max-width:420px;margin:auto;padding:50px 40px;display:flex;flex-direction:column}.auth-header{text-align:center;margin-bottom:35px}.auth-header h2{font-weight:300;letter-spacing:2px;font-size:1.8rem}#signup-extra{display:none}.login-actions{margin-top:10px;display:flex;flex-direction:column;gap:20px}.divider-container{display:flex;align-items:center;text-align:center;color:#fff6;font-size:.8rem}.divider-container:before,.divider-container:after{content:"";flex:1;border-bottom:1px solid rgba(255,255,255,.1)}.divider-container:not(:empty):before{margin-right:.5em}.divider-container:not(:empty):after{margin-left:.5em}#logged-in-view{display:none;width:100%;flex-direction:row}.sidebar{width:80px;background:#0003;border-right:1px solid var(--glass-border);display:flex;flex-direction:column;align-items:flex-start;padding:25px 0;transition:width .3s ease}.sidebar:hover{width:220px}.sidebar-icon{display:flex;justify-content:center;align-items:center;width:80px;height:45px;background:var(--accent);border-radius:12px;margin-bottom:40px;align-self:flex-start}.nav-item{width:100%;padding:12px 0;color:#fff9;cursor:pointer;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;transition:color .2s,background .2s;margin-bottom:5px}.nav-item:hover{background:#ffffff1a;color:#fff;border-right:3px solid var(--accent)}.nav-item span:first-child{width:80px;min-width:80px;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.nav-item.logout{margin-top:auto;margin-bottom:20px}.nav-label{display:none;font-size:.95rem;white-space:nowrap;opacity:0;transition:opacity .3s ease}.sidebar:hover .nav-label{display:inline-block;opacity:1}.main-dash{flex:1;padding:clamp(20px,5vw,50px);overflow-y:auto}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.glass-input{width:100%;padding:15px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:var(--input-bg);font-size:1rem;color:#111;outline:none}.upload-area{grid-column:1 / -1;margin-top:10px;border:2px dashed rgba(255,255,255,.3);border-radius:15px;padding:40px;text-align:center;background:#ffffff08;cursor:pointer;transition:.3s}.upload-area:hover{border-color:var(--accent);background:#ffffff14}.btn{width:100%;padding:15px;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:.2s}.btn-primary{background:var(--accent);color:#fff}.btn-google{background:#fff;color:#333;display:flex;align-items:center;justify-content:center;gap:10px}.btn-success{background:var(--success);color:#fff;margin-top:30px;float:right;width:auto;padding:15px 40px}.toggle-container{display:flex;margin-bottom:20px;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.2)}#signin-toggle-btn,#signup-toggle-btn{flex:1;padding:10px 20px;border:none;background:#ffffff1a;color:#fff;cursor:pointer;transition:.2s;font-weight:600}#signin-toggle-btn:hover,#signup-toggle-btn:hover{background:#fff3}#signin-toggle-btn.active,#signup-toggle-btn.active{background:var(--accent)}.auth-subtitle{font-size:.8rem;color:#ffffff80}.mb-12{margin-bottom:12px}.dash-title{font-weight:300;margin-bottom:5px}.user-info{color:#ffffff80;font-size:.8rem;margin-bottom:30px}.span-2{grid-column:span 2}.upload-icon{font-size:2rem}.hidden{display:none}@media only screen and (max-width:600px){body{overflow-y:auto;padding:20px 0;display:block}.content-container{width:calc(100% - 30px)!important;height:auto;min-height:auto;margin:15px auto;flex-direction:column;border-radius:20px}#logged-in-view{flex-direction:column!important;width:100%!important;height:auto}.sidebar{width:100%;height:auto;flex-direction:row;align-items:center;border-right:none;border-bottom:1px solid var(--glass-border);justify-content:space-evenly;padding:10px;order:-1}.sidebar:hover{width:100%}.nav-item{width:auto;padding:10px;margin-bottom:0;flex-direction:column;border-right:none}.nav-item.logout{margin-top:0!important;margin-bottom:0}.nav-item span:first-child{width:auto;min-width:auto;font-size:1.5rem}.nav-label{display:none!important}.sidebar-icon{width:40px;height:40px;margin-bottom:0;margin-right:0;align-self:center}.main-dash{padding:20px;width:100%;overflow-x:hidden}.form-grid{display:flex;flex-direction:column;gap:15px}}@media only screen and (min-width:601px)and (max-width:1400px){.content-container{width:90%;max-width:1000px;min-height:80vh}#logged-in-view{width:100%;height:100%;flex-direction:row}.main-dash{padding:30px}.nav-item.logout{margin-top:auto}}@media only screen and (min-width:1921px){body{font-size:18px}.content-container{max-width:2200px;width:85%;min-height:75vh;border-radius:40px}#logged-in-view{width:100%;height:100%}.main-dash{padding:60px}.glass-input,.btn,.primary-btn{padding:20px;font-size:1.2rem}.sidebar{width:120px}.sidebar:hover{width:300px}.sidebar-icon{width:60px;height:60px;font-size:1.5rem}.nav-item span:first-child{width:120px;min-width:120px}.nav-item.logout{margin-top:auto}}