*,:before,:after{box-sizing:border-box}body{color:#fff;background:radial-gradient(circle at top,#1f1f1f,#0b0b0b);margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif}:root{--nav-height:80px}.navbar{height:var(--nav-height);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:9999;background:#0a0a0ae6;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;width:100%;padding:0 30px;display:flex;position:fixed;top:0;left:0}.app-container{padding-top:var(--nav-height);min-height:100vh}.center{justify-content:center;align-items:flex-start;padding:40px 20px;display:flex}.glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 10px 40px #0009}.input{color:#fff;background:#ffffff14;border:none;border-radius:10px;width:100%;margin:10px 0;padding:12px}.btn{cursor:pointer;border:none;border-radius:10px;width:100%;margin-top:10px;padding:12px}.btn-primary{color:#fff;background:#a0622a}.btn-secondary{color:#000;background:#fff}.dropzone{cursor:pointer;text-align:center;border:2px dashed #fff3;border-radius:16px;padding:40px}.bar-glow{box-shadow:0 0 10px #e8c97a66}.page{min-height:100vh;padding-top:70px}.image-frame{background:#ffffff0a;border-radius:16px;justify-content:center;align-items:center;width:100%;max-width:560px;height:320px;display:flex;overflow:hidden}.dashboard{display:flex}.sidebar{background:#0a0a0a;border-right:1px solid #ffffff0d;width:220px;height:100vh;padding:20px;position:fixed}.logo{color:#e8c97a;margin-bottom:30px}.menu-item{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;width:100%;margin-bottom:10px;padding:10px;display:block}.menu-item:hover,.menu-item.active{background:#ffffff14}.dashboard-main{width:calc(100% - 220px);margin-left:220px;padding:30px}.dashboard-header{justify-content:space-between;margin-bottom:20px;display:flex}.dashboard-grid{grid-template-columns:1.2fr 1fr;gap:20px;display:grid}.card{background:#ffffff08;border:1px solid #e8c97a26;border-radius:16px;padding:20px;box-shadow:0 10px 30px #ceab520d}.pred-row{justify-content:space-between;margin-bottom:10px;display:flex}.modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;justify-content:center;align-items:flex-start;padding:40px 20px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-card{background:#111;border:1px solid #ffffff14;border-radius:16px;width:420px;max-width:95%;max-height:90vh;padding:20px;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;display:flex}.modal-header button{color:#e8c97a;cursor:pointer;background:0 0;border:none;font-size:20px}.modal-close{z-index:10;background:#e8c97a;width:100%;margin-top:16px;position:sticky;bottom:0}.settings-page{max-width:700px;margin:auto}.setting-row{justify-content:space-between;align-items:center;display:flex}.switch{width:50px;height:26px;position:relative}.switch input{display:none}.slider{background:#444;border-radius:30px;transition:all .3s;position:absolute;inset:0}.slider:before{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;top:3px;left:3px}.switch input:checked+.slider{background:#e8c97a}.switch input:checked+.slider:before{transform:translate(24px)}.lang-select{color:#fff;background:#ffffff14;border:none;border-radius:8px;padding:6px 10px}.lang-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;padding:6px 10px;font-size:12px}.lang-dropdown{z-index:999;background:#1a1a1a;border:1px solid #ffffff1a;border-radius:10px;min-width:140px;position:absolute;top:36px;right:0;overflow:hidden}.lang-item{cursor:pointer;padding:8px 12px;font-size:13px}.lang-item:hover{background:#ffffff14}.info-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border:1px solid #e8c97a33;border-radius:18px;flex-direction:column;padding:16px;transition:all .25s;display:flex;box-shadow:0 4px 20px #0000002e}.info-card:hover{border-color:#e8c97a;transform:translateY(-4px);box-shadow:0 8px 24px #e8c97a1f}.info-card span{color:#999;letter-spacing:.5px;text-transform:uppercase;margin-bottom:8px;font-size:12px}.about-card{height:fit-content}.big-box{padding:22px}.big-item{color:#f5d27a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#e8c97a14;border:1px solid #e8c97a40;border-radius:16px;padding:14px 18px;font-size:1rem;font-weight:600;line-height:1.4;transition:all .25s}.info-section{margin-top:14px}.info-section h4{color:#e8c97a;margin-bottom:6px}.info-section ul{margin:0;padding-left:18px}.modal-card{scrollbar-width:none}.modal-card{scrollbar-width:none;background:#111;border:1px solid #e8c97a33;border-radius:28px;width:min(1100px,95%);max-height:92vh;padding:24px;overflow-y:auto}.modal-card::-webkit-scrollbar{display:none}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-header h2{color:#f5d27a;margin:0;font-size:2rem}.modal-header button{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #e8c97a33;border-radius:12px;width:42px;height:42px;font-size:18px}.top-section{grid-template-columns:380px 1fr;gap:24px;margin-bottom:24px;display:grid}.image-frame{border:1px solid #e8c97a40;border-radius:22px;width:100%;height:320px;overflow:hidden}.image-frame img{object-fit:cover;width:100%;height:100%}.about-card{justify-content:center;min-height:320px}.about-card strong{font-size:1rem;line-height:1.8}.info-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:10px;display:grid}.info-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border:1px solid #e8c97a33;border-radius:18px;flex-direction:column;padding:16px;transition:all .25s;display:flex}.info-card:hover{border-color:#e8c97a;transform:translateY(-4px)}.info-card span{color:#999;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px}.info-card strong{color:#f5d27a;font-size:15px;line-height:1.5}.full-width{grid-column:1/-1}.big-box{margin-top:10px;padding:22px}.big-box-content{flex-wrap:wrap;gap:14px;margin-top:16px;display:flex}.big-item{color:#f5d27a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#e8c97a14;border:1px solid #e8c97a40;border-radius:16px;padding:14px 18px;font-size:1rem;font-weight:600;transition:all .25s}.big-item:hover{background:#e8c97a24;border-color:#e8c97a;transform:scale(1.03)}@media (width<=900px){.top-section{grid-template-columns:1fr}.info-grid{grid-template-columns:repeat(2,1fr)}.about-card{min-height:auto}}@media (width<=600px){.info-grid{grid-template-columns:1fr}.modal-header h2{font-size:1.5rem}.image-frame{height:240px}}.profile-preview{background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin:12px auto;font-size:38px;display:flex;overflow:hidden}.profile-preview-img{object-fit:cover;width:100%;height:100%}.avatar-grid{flex-wrap:wrap;gap:10px;margin-top:12px;margin-bottom:16px;display:flex}.avatar-option{cursor:pointer;border:none;border-radius:50%;width:48px;height:48px;font-size:22px}.avatar-active{outline:2px solid #c57b32}.navbar-avatar{color:#fff;background:#a0622a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;font-weight:700;display:flex;overflow:hidden}.navbar-avatar-img{object-fit:cover;width:100%;height:100%}.nav-greeting{align-items:center;gap:8px;max-width:220px;display:flex}.wave-emoji{transform-origin:70% 70%;font-size:18px;animation:2s infinite waveHand}.nav-user{color:#ffffffd9;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.nav-username{color:#fff;font-weight:700}@keyframes waveHand{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}.input-success{border:1px solid #52c41a!important}.input-error{border:1px solid #ff4d4f!important}.valid-text{color:#52c41a;text-align:left;margin-top:-5px;margin-bottom:10px;font-size:13px}.error-text{color:#ff4d4f;text-align:center;margin-top:-5px;margin-bottom:10px;font-size:13px}.success-text{color:#52c41a;text-align:center;margin-top:-5px;margin-bottom:10px;font-size:13px}.password-box{width:100%;position:relative}.password-box .input{padding-right:45px}.toggle-password{cursor:pointer;color:#777;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex;position:absolute;top:38%;right:14px;transform:translateY(-50%)}.toggle-password:hover{color:#111}.strength-bar{background:#ffffff1a;border-radius:20px;width:100%;height:8px;margin-top:-2px;margin-bottom:8px;overflow:hidden}.strength-fill{border-radius:20px;height:100%;transition:all .3s}.strength-fill.weak{background:#ff4d4f}.strength-fill.medium{background:#faad14}.strength-fill.strong{background:#52c41a}.strength-text{margin-bottom:10px;font-size:13px;font-weight:600}.strength-text.weak{color:#ff4d4f}.strength-text.medium{color:#faad14}.strength-text.strong{color:#52c41a}