body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#f0f4f8,#e2e8f0);color:#2c3e50;margin:0;padding:0}.dashboard-container{display:flex;min-height:100vh;background-color:#f5f7fa;color:#333;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow:hidden}.dashboard-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,0,0,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.02) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:1}.dashboard-sidebar{width:320px;background:linear-gradient(135deg,#2c3e50,#1a2530);color:#fff;display:flex;flex-direction:column;box-shadow:0 0 20px #0000001a;position:relative;z-index:2;animation:slideInLeft .5s ease-out;overflow:hidden}.dashboard-sidebar:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 10% 10%,rgba(255,255,255,.03) 1px,transparent 1px),radial-gradient(circle at 20% 20%,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px;background-position:0 0,20px 20px;pointer-events:none}.dashboard-sidebar:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:200px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="%23ffffff" fill-opacity="0.03" d="M0,256L48,240C96,224,192,192,288,192C384,192,480,224,576,240C672,256,768,256,864,224C960,192,1056,128,1152,101.3C1248,75,1344,85,1392,90.7L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>');background-repeat:no-repeat;background-size:100% 100%;opacity:.5;pointer-events:none}.sidebar-header{padding:24px;border-bottom:1px solid rgba(255,255,255,.1);position:relative;z-index:2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.sidebar-header h2{margin:0 0 8px;font-size:24px;font-weight:700;color:#fff;position:relative;display:flex;align-items:center;animation:fadeIn .6s ease-out}.dashboard-logo{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-right:12px;display:inline-block;border:2px solid rgba(255,255,255,.2);box-shadow:0 2px 8px #0003}.caretaker-badge{display:inline-block;background:#ffffff1a;color:#fff;font-size:12px;padding:4px 10px;border-radius:12px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .8s ease-out}.sidebar-content{flex:1;padding:20px;overflow-y:auto;position:relative;z-index:2}.sidebar-footer{padding:16px 20px;border-top:1px solid rgba(255,255,255,.1);position:relative;z-index:2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.top-bar{position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#3498db,#2ecc71,#3498db);background-size:200% 100%;animation:gradientMove 4s linear infinite;z-index:3}.link-user-form{margin-bottom:30px;animation:fadeIn .6s ease-out;width:100%}.link-user-form h3{margin:0 0 16px;font-size:16px;color:#ecf0f1;font-weight:600}.input-wrapper{display:flex;flex-direction:column;gap:10px;width:100%}.email-input{width:100%;padding:12px 16px;border-radius:8px;border:none;background:#ffffff1a;color:#fff;font-size:14px;transition:all .3s}.email-input:focus{outline:none;background:#ffffff26;box-shadow:0 0 0 3px #3498db33}.email-input::placeholder{color:#ffffff80}.connect-button{display:flex;align-items:center;justify-content:center;gap:6px;background:#3498db;color:#fff;border:none;border-radius:8px;padding:12px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;position:relative;overflow:hidden;width:100%}.connect-button:before{content:"";position:absolute;top:50%;left:50%;width:0%;height:0%;background:#ffffff1a;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.connect-button:hover:before{width:200%;height:200%}.connect-button:hover{background:#2980b9;transform:translateY(-1px);box-shadow:0 4px 8px #0003}.connect-button:active{transform:translateY(1px)}.button-icon{font-size:16px;position:relative;z-index:2;font-weight:700}.primary-button{display:flex;align-items:center;justify-content:center;gap:6px;background:#3498db;color:#fff;border:none;border-radius:8px;padding:12px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;position:relative;overflow:hidden;width:100%}.primary-button:before{content:"";position:absolute;top:50%;left:50%;width:0%;height:0%;background:#ffffff1a;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.primary-button:hover:before{width:200%;height:200%}.primary-button:hover{background:#2980b9;transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.primary-button:active{transform:translateY(1px)}.button-icon{font-size:14px;position:relative;z-index:2}.logout-button{display:flex;align-items:center;gap:8px;width:100%;padding:12px;background:#ffffff1a;color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:all .3s;position:relative;overflow:hidden}.logout-button:before{content:"";position:absolute;top:50%;left:50%;width:0%;height:0%;background:#ffffff1a;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.logout-button:hover:before{width:200%;height:200%}.logout-button:hover{background:#fff3}.logout-button span{position:relative;z-index:2}.message{margin-top:12px;padding:10px 14px;border-radius:6px;font-size:14px;animation:fadeIn .3s ease-out}.message.success{background:#2ecc7133;color:#2ecc71}.message.error{background:#e74c3c33;color:#e74c3c;animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}.users-list-container{margin-top:20px;animation:fadeIn .8s ease-out}.users-list-container h3{margin:0 0 16px;font-size:16px;color:#ecf0f1;font-weight:600}.users-list{list-style:none;margin:0;padding:0}.users-list li{margin-bottom:8px;animation:slideUp .5s ease-out;animation-delay:calc(.05s * var(--index, 0));animation-fill-mode:both}.users-list li button{display:flex;align-items:center;width:100%;padding:12px;background:#ffffff0d;border:none;border-radius:8px;color:#ecf0f1;text-align:left;cursor:pointer;transition:all .3s;position:relative;overflow:hidden}.users-list li button:before{content:"";position:absolute;top:50%;left:50%;width:0%;height:0%;background:#ffffff0d;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.users-list li button:hover:before{width:200%;height:200%}.users-list li button:hover{background:#ffffff1a}.users-list li.active button{background:#3498db4d;border-left:4px solid #3498db}.user-avatar{width:36px;height:36px;background:#3498db;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;margin-right:12px;position:relative;z-index:2;box-shadow:0 2px 5px #0000001a;transition:all .3s}.users-list li button:hover .user-avatar{transform:scale(1.05);box-shadow:0 3px 8px #00000026}.user-info{display:flex;flex-direction:column;position:relative;z-index:2}.user-name{font-weight:500;font-size:14px}.user-email{font-size:12px;color:#fff9;margin-top:4px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;background:#ffffff0d;border-radius:8px;text-align:center;animation:fadeIn .8s ease-out}.empty-icon{font-size:32px;margin-bottom:16px;animation:pulse 2s infinite}.empty-state p{margin:0 0 4px;color:#fffc}.empty-hint{font-size:12px;color:#fff6!important}.dashboard-main-content{flex:1;padding:36px 40px;overflow-y:auto;position:relative;z-index:2;animation:fadeIn .6s ease-out;background:#f8f9fa}.empty-selection{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - 80px);text-align:center;color:#7f8c8d;animation:fadeIn .8s ease-out;margin-top:-40px}.empty-selection .empty-icon{font-size:48px;margin-bottom:20px;color:#bdc3c7;animation:pulse 2s infinite}.content-section{margin-bottom:48px;animation:fadeIn .8s ease-out;position:relative}.content-section:last-child{margin-bottom:20px}.section-header{margin-bottom:24px;position:relative;display:flex;align-items:center;justify-content:space-between}.section-header h2{margin:0;color:#2c3e50;font-weight:700;font-size:20px;position:relative;padding-bottom:12px}.section-header h2:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background:#3498db;border-radius:3px}.section-content{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000000a;overflow:hidden;transition:all .3s;border:1px solid rgba(0,0,0,.03)}.user-preferences{max-width:100%;margin:0 auto 50px;animation:fadeIn .8s ease-out}.preferences-header{margin-bottom:32px;animation:slideDown .5s ease-out;padding-bottom:16px;border-bottom:1px solid rgba(0,0,0,.05)}.preferences-header h2{margin:0 0 8px;color:#2c3e50;font-weight:700;font-size:24px}.preferences-header .user-email{margin:0;color:#7f8c8d;font-size:14px;display:flex;align-items:center;gap:6px}.preferences-header .user-email:before{content:"";display:inline-block;width:14px;height:14px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%237f8c8d"><path d="M0 0h24v24H0z" fill="none"/><path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></svg>');background-size:contain;background-repeat:no-repeat}.preferences-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-bottom:16px}.preferences-card{background:#fff;border-radius:12px;box-shadow:0 8px 20px #0000000d;overflow:hidden;animation:slideUp .5s ease-out;animation-fill-mode:both;transition:all .3s;transform:translateY(0);position:relative;border:1px solid rgba(0,0,0,.03)}.preferences-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#3498db,#2ecc71);opacity:0;transition:opacity .3s}.preferences-card:hover{box-shadow:0 10px 25px #00000014;transform:translateY(-2px)}.preferences-card:hover:before{opacity:1}.preferences-grid .preferences-card:nth-child(2){animation-delay:.1s}.card-header{padding:22px 24px;border-bottom:1px solid #eee;background:linear-gradient(to right,#f9f9f9,#fff);position:relative}.card-header h3{margin:0 0 4px;color:#2c3e50;font-weight:600;display:flex;align-items:center;gap:8px}.card-header h3:before{content:"";display:inline-block;width:18px;height:18px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%233498db"><path d="M0 0h24v24H0z" fill="none"/><path d="M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22-.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z"/></svg>');background-size:contain;background-repeat:no-repeat}.card-header p{margin:0;color:#7f8c8d;font-size:14px}.options-list{padding:20px 24px}.data-section{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000000a;margin-bottom:30px;overflow:hidden}.data-section-header{padding:16px 20px;border-bottom:1px solid #eee;background:linear-gradient(to right,#f5f7fa,#fff);display:flex;align-items:center;justify-content:space-between}.data-section-header h3{margin:0;font-size:16px;color:#2c3e50;font-weight:600}.data-section-content{padding:20px}.data-visualization{margin-bottom:30px;animation:fadeIn .8s ease-out}.chart-container{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000000a;overflow:hidden;padding:20px;height:300px;display:flex;align-items:center;justify-content:center;position:relative}.chart-placeholder{color:#bdc3c7;text-align:center;font-size:14px}.data-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:8px}.data-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 15px #0000000a;transition:all .3s;position:relative;overflow:hidden;border:1px solid rgba(0,0,0,.03)}.data-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000014}.data-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#3498db;opacity:.7}.data-card h4{margin:0 0 16px;color:#34495e;font-size:16px;font-weight:600}.data-value{font-size:28px;font-weight:700;color:#2c3e50;margin-bottom:8px;line-height:1.2}.data-caption{font-size:13px;color:#95a5a6;line-height:1.4}.activity-feed{padding:6px 24px 24px}.activity-item{display:flex;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #f1f1f1;animation:fadeIn .5s ease-out;animation-delay:calc(.1s * var(--index, 0));animation-fill-mode:both}.activity-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.activity-icon{width:40px;height:40px;background:#3498db1a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:16px;color:#3498db;font-size:18px}.activity-content{flex:1;padding-top:2px}.activity-title{font-weight:500;color:#34495e;margin:0 0 6px;font-size:15px}.activity-time{font-size:13px;color:#95a5a6}.empty-section{padding:40px 20px;text-align:center;background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000000a}.empty-section-icon{font-size:40px;color:#e0e6ec;margin-bottom:16px}.empty-section-title{color:#7f8c8d;font-weight:600;margin:0 0 8px}.empty-section-text{color:#95a5a6;max-width:300px;margin:0 auto;font-size:14px}.toggle-switch{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #f1f1f1;cursor:pointer;transition:all .2s;animation:fadeIn .5s ease-out;animation-delay:calc(.05s * var(--index, 0));animation-fill-mode:both}.toggle-switch:hover{background-color:#00000003}.toggle-switch:last-child{border-bottom:none}.toggle-label{font-size:14px;color:#34495e;line-height:1.4;padding-right:16px}.toggle-container{position:relative;width:46px;height:24px}.toggle-container input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#e0e0e0;transition:.4s;border-radius:34px;box-shadow:inset 0 1px 3px #0000001a}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:0 1px 3px #00000026}input:checked+.toggle-slider{background-color:#3498db}input:checked+.toggle-slider:before{transform:translate(22px)}.section-divider{height:1px;background:linear-gradient(to right,#0000000d,#00000005,#0000);margin:0 0 48px;width:100%}@keyframes slideDown{0%{transform:translateY(-15px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideUp{0%{transform:translateY(15px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-40px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media (max-width: 768px){.dashboard-container{flex-direction:column}.dashboard-sidebar{width:100%;max-height:60vh;animation:slideDown .5s ease-out}.preferences-grid{grid-template-columns:1fr}.dashboard-main-content{padding:24px}.data-grid{grid-template-columns:1fr}.content-section{margin-bottom:36px}}.insight-generator-container{background-color:#f4f4f4;padding:20px;border-radius:8px;max-width:800px;margin:0 auto;box-shadow:0 4px 8px #0000001a}h2{font-size:1.8rem;color:#333;text-align:center;margin-bottom:20px}.input-container{display:flex;flex-direction:column;gap:10px}.prompt-input{width:100%;padding:12px;font-size:1rem;border-radius:5px;border:1px solid #ccc;resize:none;box-sizing:border-box;min-height:100px;max-height:150px;transition:border-color .3s ease}.prompt-input:focus{border-color:#4a90e2;outline:none}button{padding:12px;background-color:#4a90e2;color:#fff;border:none;border-radius:5px;font-size:1rem;cursor:pointer;transition:background-color .3s ease}button:disabled{background-color:#ddd;cursor:not-allowed}button:hover:enabled{background-color:#357abd}.error-message{color:red;font-size:1rem;margin-top:10px;text-align:center}.insights-container{margin-top:30px}.activity-card{background-color:#fff;padding:20px;margin-bottom:20px;border-radius:8px;box-shadow:0 2px 5px #0000001a}.activity-card h3{font-size:1.6rem;color:#333;margin-bottom:15px}.activity-image{width:100%;max-height:300px;object-fit:cover;border-radius:5px;margin-bottom:15px}.activity-card p{font-size:1rem;color:#555;margin-bottom:15px}.activity-card a{font-size:1rem;color:#4a90e2;text-decoration:none;font-weight:500}.activity-card a:hover{text-decoration:underline}.loading-spinner{display:block;margin:30px auto;text-align:center;font-size:1.5rem;color:#4a90e2}.no-activities{font-size:1.2rem;color:#888;text-align:center;margin-top:20px}*{box-sizing:border-box;margin:0;padding:0}.auth-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#3498db,#2c3e50);background-size:400% 400%;animation:gradientBG 15s ease infinite;padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow:hidden}.auth-container:before,.auth-container:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;opacity:.1;filter:blur(60px)}.auth-container:before{background:#3498db;top:-100px;left:-50px;animation:float 8s ease-in-out infinite}.auth-container:after{background:#2ecc71;bottom:-100px;right:-50px;animation:float 12s ease-in-out infinite reverse}.auth-container .particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.auth-container .particle{position:absolute;border-radius:50%;background:#ffffff1a}.auth-container .particle:nth-child(1){width:10px;height:10px;top:20%;left:20%;animation:floatParticle 10s linear infinite}.auth-container .particle:nth-child(2){width:15px;height:15px;top:30%;left:80%;animation:floatParticle 13s linear infinite reverse}.auth-container .particle:nth-child(3){width:8px;height:8px;top:70%;left:10%;animation:floatParticle 7s linear infinite}.auth-container .particle:nth-child(4){width:12px;height:12px;top:40%;left:60%;animation:floatParticle 15s linear infinite reverse}.auth-container .particle:nth-child(5){width:6px;height:6px;top:80%;left:70%;animation:floatParticle 9s linear infinite}.auth-container .grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px;opacity:.4;z-index:1;pointer-events:none}.auth-container .wave{position:absolute;bottom:0;left:0;width:100%;height:200px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="%23ffffff" fill-opacity="0.05" d="M0,224L48,213.3C96,203,192,181,288,186.7C384,192,480,224,576,224C672,224,768,192,864,186.7C960,181,1056,203,1152,218.7C1248,235,1344,245,1392,250.7L1440,256L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>');background-repeat:no-repeat;background-size:100% 100%;opacity:.5;z-index:1;pointer-events:none}.auth-container .wave-2{position:absolute;bottom:0;left:0;width:100%;height:160px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="%23ffffff" fill-opacity="0.05" d="M0,96L48,117.3C96,139,192,181,288,186.7C384,192,480,160,576,144C672,128,768,128,864,144C960,160,1056,192,1152,197.3C1248,203,1344,181,1392,170.7L1440,160L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>');background-repeat:no-repeat;background-size:100% 100%;opacity:.3;z-index:1;pointer-events:none;animation:waveFloat 8s ease-in-out infinite alternate}.auth-container .circle-decoration{position:absolute;border:2px solid rgba(255,255,255,.05);border-radius:50%;z-index:1;pointer-events:none}.auth-container .circle-decoration-1{width:400px;height:400px;top:-200px;right:-100px}.auth-container .circle-decoration-2{width:300px;height:300px;bottom:-150px;left:-100px}.auth-container .top-bar{position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#3498db,#2ecc71,#3498db);background-size:200% 100%;animation:gradientMove 4s linear infinite;z-index:5}.auth-container .polygon{position:absolute;width:500px;height:500px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><polygon points="100,10 40,198 190,78 10,78 160,198" fill="none" stroke="%23ffffff" stroke-width="1" stroke-opacity="0.05"/></svg>');background-repeat:no-repeat;background-size:contain;opacity:.5;z-index:1;pointer-events:none}.auth-container .polygon-1{top:20%;right:5%;animation:rotateSlow 30s linear infinite}.auth-container .polygon-2{bottom:10%;left:15%;animation:rotateSlow 25s linear infinite reverse;transform:scale(.7)}@keyframes floatParticle{0%{transform:translateY(0) translate(0) rotate(0)}25%{transform:translateY(-20px) translate(10px) rotate(90deg)}50%{transform:translateY(0) translate(20px) rotate(180deg)}75%{transform:translateY(20px) translate(10px) rotate(270deg)}to{transform:translateY(0) translate(0) rotate(360deg)}}@keyframes gradientMove{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes rotateSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes waveFloat{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.auth-card{width:100%;max-width:420px;background:#fff;border-radius:16px;box-shadow:0 16px 40px #00000026;overflow:hidden;position:relative;display:flex;flex-direction:column;align-items:stretch;animation:cardAppear .5s ease-out;z-index:2}.auth-card:after{content:"";position:absolute;bottom:-8px;right:-8px;width:60px;height:60px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%233498db" width="24" height="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-5 14H4v-4h11v4zm0-5H4V9h11v4zm5 5h-4V9h4v9z"/></svg>');background-repeat:no-repeat;opacity:.1;z-index:0}.auth-header{padding:36px 30px;background:#2c3e50;color:#fff;text-align:center;position:relative;overflow:hidden}.auth-header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 10% 10%,rgba(255,255,255,.1) 1px,transparent 1px),radial-gradient(circle at 20% 20%,rgba(255,255,255,.1) 1px,transparent 1px);background-size:40px 40px;background-position:0 0,20px 20px;opacity:.5}.auth-header h1{margin:0 0 12px;font-size:32px;font-weight:700;letter-spacing:-.5px;position:relative;animation:slideDown .4s ease-out}.caretaker-badge{display:inline-block;background:#ffffff26;font-size:14px;padding:6px 16px;border-radius:30px;margin-bottom:4px;font-weight:500;letter-spacing:.3px;box-shadow:0 2px 6px #0000001a;animation:fadeIn .6s ease-out;position:relative;z-index:1}.auth-tabs{display:flex;border-bottom:1px solid #eee;margin:0;padding:0;width:100%;animation:fadeIn .6s ease-out;background:#f9fafb}.auth-tabs button{flex:1;background:none;border:none;padding:18px;font-size:16px;color:#7f8c8d;font-weight:500;cursor:pointer;transition:all .3s ease,background-color .1s ease,color .2s ease,transform .1s ease;position:relative;text-align:center;overflow:hidden}.auth-tabs button:hover{background:#00000005;color:#34495e}.auth-tabs button.active{color:#3498db;font-weight:600;background:#fff;box-shadow:0 0 10px #00000005}.auth-tabs button:active{transform:scale(.98);background:#00000008}.auth-tabs button.active:after{content:"";position:absolute;bottom:0;left:25%;width:50%;height:3px;background:#3498db;border-radius:3px 3px 0 0;animation:slideRight .3s ease-out;opacity:1;transform:none;top:auto}@keyframes tabFlash{0%{background-color:#0000000d}to{background-color:transparent}}.tab-flash{animation:tabFlash .3s forwards}.auth-error{margin:20px;padding:14px;background:#e74c3c1a;color:#e74c3c;border-radius:10px;font-size:14px;text-align:center;border:1px solid rgba(231,76,60,.2);animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}form{padding:32px;display:flex;flex-direction:column;width:100%;animation:fadeIn .8s ease-out}.form-group{margin-bottom:24px;display:flex;flex-direction:column;align-items:flex-start;width:100%;animation:slideUp .5s ease-out;animation-fill-mode:both}.form-group:nth-child(2){animation-delay:.1s}.form-group:last-of-type{margin-bottom:0}.form-group label{display:block;margin-bottom:10px;font-size:14px;color:#34495e;font-weight:600;align-self:flex-start;width:100%}.form-group input{width:100%;padding:14px 16px;border:1px solid #ddd;border-radius:10px;font-size:15px;color:#2c3e50;transition:all .2s;background:#f9fafb}.form-group input:focus{border-color:#3498db;outline:none;box-shadow:0 0 0 3px #3498db1a;background:#fff}.auth-button{width:100%;padding:16px;background:#3498db;color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;margin-top:24px;box-shadow:0 4px 6px #3498db1c;position:relative;overflow:hidden;align-self:center;animation:slideUp .6s ease-out;animation-fill-mode:both;animation-delay:.2s}.auth-button:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#ffffff1a,#fff0);opacity:0;transition:opacity .3s}.auth-button:before{content:"";position:absolute;top:50%;left:50%;width:0%;height:0%;background:#ffffff1a;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.auth-button:hover:before{width:200%;height:200%}.auth-button:hover{background:#2980b9;transform:translateY(-1px);box-shadow:0 7px 14px #3498db33}.auth-button:hover:after{opacity:1}.auth-button:active{transform:translateY(1px);box-shadow:0 3px 5px #3498db1a}.auth-button:disabled{background:#95a5a6;cursor:not-allowed;box-shadow:none;transform:none}.auth-footer{padding:12px 32px 32px;text-align:center;color:#7f8c8d;font-size:14px;width:100%;animation:fadeIn 1s ease-out}.text-button{background:none;border:none;color:#3498db;font-weight:600;cursor:pointer;padding:0;font-size:14px;transition:color .2s;position:relative}.text-button:after{content:"";position:absolute;width:0;height:1px;bottom:-2px;left:0;background-color:#2980b9;transition:width .3s ease}.text-button:hover{color:#2980b9}.text-button:hover:after{width:100%}.auth-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#3498db,#2c3e50);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow:hidden}.auth-loading:before,.auth-loading:after{content:"";position:absolute;border-radius:50%;background:#ffffff0d;animation:pulse 2s infinite}.auth-loading:before{width:300px;height:300px;top:30%;left:60%;animation-delay:0s}.auth-loading:after{width:500px;height:500px;top:40%;left:30%;animation-delay:.3s}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.2);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite;margin-bottom:20px;box-shadow:0 0 20px #0000001a;position:relative;z-index:2}.auth-loading p{position:relative;z-index:2;animation:pulse 2s infinite;font-weight:500}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideRight{0%{width:0;left:50%}to{width:50%;left:25%}}@keyframes cardAppear{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes ripple{0%{transform:scale(0);opacity:1}20%{transform:scale(25);opacity:1}to{opacity:0;transform:scale(40)}}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}@media (max-width: 480px){.auth-card{border-radius:12px;max-width:100%}form{padding:24px}.auth-header{padding:28px 20px}.form-group input{font-size:16px}.auth-footer{padding:0 24px 24px}}.default-profile-pic{width:80px;height:80px;border-radius:50%;object-fit:cover;margin:0 auto 16px;display:block}