*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;font-family:Inter,sans-serif;background:linear-gradient(145deg,#0f1419,#1c2128,#161b22);color:#fff;min-height:100vh}#root{min-height:100vh;background:linear-gradient(145deg,#0f1419,#1c2128,#161b22)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes auth-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes blob-float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px,-20px) scale(1.05)}50%{transform:translate(-10px,20px) scale(.95)}75%{transform:translate(-20px,-10px) scale(1.02)}}@keyframes logo-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.loading-spinner.dark{border-color:#4a9eff40;border-top-color:#4a9eff}.loading-spinner.large{width:32px;height:32px}.app-splash{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:linear-gradient(145deg,#0f1419,#1c2128,#161b22)}.app-splash .splash-logo{width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 2px 12px rgba(74,158,255,.25));animation:logo-pulse 3s ease-in-out infinite}.login-page{min-height:100vh;min-height:100dvh;display:flex;background:#0d1117;animation:auth-fade-in .5s ease-out}.login-left{flex:1;display:flex;flex-direction:column;justify-content:center;padding:60px 56px;background:linear-gradient(145deg,#0f1419,#161b22);border-right:1px solid rgba(48,54,61,.6);position:relative;overflow:hidden}.login-left:before{content:"";position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(74,158,255,.08) 0%,transparent 65%);top:-80px;left:-80px;border-radius:50%;pointer-events:none}.login-left:after{content:"";position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(99,102,241,.07) 0%,transparent 65%);bottom:-60px;right:-60px;border-radius:50%;pointer-events:none}.login-brand{display:flex;align-items:center;gap:10px;margin-bottom:64px}.login-brand img{width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 1px 6px rgba(74,158,255,.3))}.login-brand span{font-size:17px;font-weight:700;letter-spacing:-.3px}.login-hero{margin-bottom:40px;position:relative;z-index:1}.login-hero h1{font-size:42px;font-weight:800;line-height:1.15;letter-spacing:-1px;background:linear-gradient(135deg,#fff 30%,#8b949e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px}.login-hero p{font-size:16px;color:#6b7280;line-height:1.6;max-width:320px}.login-features{display:flex;flex-direction:column;gap:12px;position:relative;z-index:1}.lf-item{display:flex;align-items:center;gap:12px;font-size:14px;color:#8b949e}.lf-dot{width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,#4a9eff,#6366f1);flex-shrink:0;box-shadow:0 0 8px #4a9eff80}.login-right{width:460px;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:40px 32px;background:#0d1117}.login-card{width:100%;max-width:380px}.login-card-header{text-align:center;margin-bottom:32px}.login-card-header .login-card-logo{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:#4a9eff14;border:1px solid rgba(74,158,255,.15);border-radius:16px;margin-bottom:16px}.login-card-header .login-card-logo img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 1px 6px rgba(74,158,255,.25))}.login-card-header h2{font-size:22px;font-weight:700;letter-spacing:-.4px;margin-bottom:6px}.login-card-header p{font-size:14px;color:#6b7280}.login-card-body{display:flex;flex-direction:column;gap:12px}.login-google-btn{width:100%;padding:14px 20px;background:#fff;border:none;border-radius:12px;color:#111827;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 2px 10px #00000040;transition:transform .15s,opacity .15s;font-family:Inter,sans-serif}.login-google-btn span{color:#111827}.login-google-btn:active:not(:disabled){transform:scale(.98)}.login-google-btn:disabled{opacity:.55;cursor:not-allowed}.login-divider{display:flex;align-items:center;gap:12px;margin:4px 0}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#30363dcc}.login-divider span{font-size:12px;color:#484f58}.login-email-btn{width:100%;padding:13px 20px;background:#ffffff0a;border:1px solid rgba(48,54,61,.8);border-radius:12px;color:#9ca3af;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .15s,border-color .15s,color .15s;font-family:Inter,sans-serif}.login-email-btn:hover{background:#ffffff12;color:#fff;border-color:#4a9eff4d}.login-email-btn:active{transform:scale(.98)}.login-back{background:none;border:none;color:#6b7280;font-size:13px;cursor:pointer;padding:0;text-align:left;font-family:Inter,sans-serif;transition:color .15s}.login-back:hover{color:#4a9eff}.login-field{display:flex;flex-direction:column;gap:6px}.login-field label{font-size:13px;color:#8b949e;font-weight:500}.login-field input{width:100%;padding:12px 14px;background:#161b22e6;border:1px solid rgba(48,54,61,.9);border-radius:10px;color:#fff;font-size:15px;font-family:Inter,sans-serif;outline:none;transition:border-color .2s,box-shadow .2s}.login-field input::placeholder{color:#484f58}.login-field input:focus{border-color:#4a9eff;box-shadow:0 0 0 3px #4a9eff1f}.login-pass-wrap{position:relative}.login-pass-wrap input{padding-right:44px}.login-pass-wrap .login-eye{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#484f58;font-size:18px;cursor:pointer;display:flex;align-items:center;padding:4px;transition:color .15s}.login-pass-wrap .login-eye:hover{color:#9ca3af}.login-error{padding:11px 14px;background:#ef444414;border:1px solid rgba(239,68,68,.18);border-radius:10px;color:#f87171;font-size:13px}.login-submit-btn{width:100%;padding:13px;background:linear-gradient(135deg,#4a9eff,#3b8bdb);border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 14px #4a9eff47;transition:transform .15s,opacity .15s;font-family:Inter,sans-serif;margin-top:4px}.login-submit-btn:active:not(:disabled){transform:scale(.98)}.login-submit-btn:disabled{opacity:.55;cursor:not-allowed}.field-group .input-wrapper{position:relative;display:flex;align-items:center}.field-group .input-wrapper .input-icon{position:absolute;left:14px;font-size:20px;color:#6b7280;transition:color .2s ease;pointer-events:none;z-index:1}.field-group .input-wrapper:focus-within .input-icon{color:#4a9eff}.field-group .input-wrapper input{width:100%;padding:14px 14px 14px 44px;background:#2d333b99;border:1px solid #3d444d;border-radius:12px;color:#fff;font-size:15px;font-family:Inter,sans-serif;outline:none;transition:border-color .2s,background .2s,box-shadow .2s}.field-group .input-wrapper input::placeholder{color:#6b7280}.field-group .input-wrapper input:focus{border-color:#4a9eff;background:#22272ecc;box-shadow:0 0 0 3px #4a9eff26}.field-group .input-wrapper .password-toggle{position:absolute;right:12px;background:none;border:none;color:#6b7280;font-size:18px;cursor:pointer;padding:4px;display:flex;align-items:center;transition:color .2s ease}.field-group .input-wrapper .password-toggle:active{color:#4a9eff}.profile-app{min-height:100vh;display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:100;background:#2a3038eb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(58,64,72,.5);padding:12px 20px;display:flex;align-items:center;justify-content:space-between}.app-header .header-brand{display:flex;align-items:center;gap:10px}.app-header .header-brand .header-logo{width:30px;height:30px;object-fit:contain;filter:drop-shadow(0 1px 4px rgba(74,158,255,.2))}.app-header .header-brand span{font-size:16px;font-weight:700;letter-spacing:-.3px}.app-header .header-logout{display:flex;align-items:center;gap:6px;background:none;border:1px solid rgba(58,64,72,.6);color:#8b949e;font-size:13px;font-weight:500;padding:7px 12px;border-radius:10px;cursor:pointer;transition:color .2s,border-color .2s,background .2s;font-family:Inter,sans-serif}.app-header .header-logout:hover{color:#f87171;border-color:#ef44444d;background:#ef44440f}.app-header .header-logout:active{transform:scale(.96)}.app-body{flex:1;max-width:640px;width:100%;margin:0 auto;padding:24px 20px 48px}.page-hero{margin-bottom:24px;animation:fadeSlideUp .4s ease-out}.page-hero h2{font-size:24px;font-weight:700;letter-spacing:-.5px;margin-bottom:4px}.page-hero p{font-size:14px;color:#6b7280}.tab-bar{display:flex;gap:4px;background:#2a303899;border:1px solid rgba(58,64,72,.5);border-radius:14px;padding:4px;margin-bottom:20px}.tab-item{flex:1;background:none;border:none;color:#6b7280;font-size:13px;font-weight:500;padding:10px 8px;border-radius:10px;cursor:pointer;transition:color .2s,background .2s;font-family:Inter,sans-serif;white-space:nowrap}.tab-item:hover:not(.active){color:#9ca3af;background:#ffffff08}.tab-item.active{background:#2a3038f2;color:#fff;font-weight:600;box-shadow:0 1px 6px #0000004d}.tab-content{animation:fadeSlideUp .3s ease-out}.tab-loading{display:flex;justify-content:center;padding:60px 0}.tab-form{display:flex;flex-direction:column;gap:16px}.profile-card{background:#2a3038d9;border:1px solid rgba(58,64,72,.6);border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:16px}.profile-card .card-title{font-size:16px;font-weight:600;color:#fff}.info-card .info-text{font-size:14px;color:#6b7280;line-height:1.5}.field-group{display:flex;flex-direction:column;gap:6px}.field-label{font-size:13px;color:#8b949e;font-weight:500;display:flex;align-items:center;justify-content:space-between}.field-label .field-label-value{color:#4a9eff;font-weight:600}.field-input{width:100%;padding:12px 14px;background:#2d333b99;border:1px solid #3d444d;border-radius:12px;color:#fff;font-size:15px;font-family:Inter,sans-serif;outline:none;transition:border-color .2s,background .2s,box-shadow .2s}.field-input::placeholder{color:#6b7280}.field-input:focus{border-color:#4a9eff;background:#22272ecc;box-shadow:0 0 0 3px #4a9eff26}.field-input.with-icon{padding-left:44px}.field-input.disabled{opacity:.45;cursor:not-allowed}.field-input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.6);cursor:pointer}.field-hint{font-size:12px;color:#6b7280}.select-wrapper{position:relative;display:flex;align-items:center}.select-wrapper .select-arrow{position:absolute;right:14px;font-size:10px;color:#6b7280;pointer-events:none;transform:rotate(90deg)}.field-select{width:100%;padding:12px 36px 12px 14px;background:#2d333b99;border:1px solid #3d444d;border-radius:12px;color:#fff;font-size:15px;font-family:Inter,sans-serif;outline:none;appearance:none;-webkit-appearance:none;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s}.field-select:focus{border-color:#4a9eff;background:#22272ecc;box-shadow:0 0 0 3px #4a9eff26}.field-select option{background:#1c2128;color:#fff}.radio-group{display:flex;gap:10px}.radio-opt{flex:1;display:flex;align-items:center;justify-content:center;padding:12px;background:#2d333b99;border:1px solid #3d444d;border-radius:12px;cursor:pointer;font-size:14px;font-weight:500;color:#8b949e;transition:border-color .2s,background .2s,color .2s}.radio-opt input[type=radio]{display:none}.radio-opt.active{border-color:#4a9eff;background:#4a9eff14;color:#4a9eff;box-shadow:0 0 0 1px #4a9eff33}.range-card{background:#22272eb3;border:1px solid rgba(58,64,72,.5);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:14px}.range-card-top{display:flex;align-items:center;justify-content:space-between}.range-card-desc{font-size:13px;color:#6b7280}.range-card-value{font-size:28px;font-weight:700;color:#4a9eff;line-height:1}.range-input{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:#3a4048cc;border-radius:2px;outline:none;border:none!important;padding:0!important;box-shadow:none!important;cursor:pointer}.range-input::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#4a9eff,#3b8bdb);box-shadow:0 2px 8px #4a9eff66;cursor:pointer;transition:transform .15s}.range-input::-webkit-slider-thumb:active{transform:scale(1.15)}.range-ticks{display:flex;justify-content:space-between}.range-ticks span{font-size:11px;color:#6b728080;min-width:12px;text-align:center;transition:color .15s,font-weight .15s}.range-ticks span.active{color:#4a9eff;font-weight:600}.submit-btn{width:100%;padding:14px;background:linear-gradient(135deg,#4a9eff,#3b8bdb);border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 15px #4a9eff40;transition:transform .2s ease,opacity .2s ease;font-family:Inter,sans-serif}.submit-btn:active:not(:disabled){transform:scale(.98)}.submit-btn:disabled{opacity:.55;cursor:not-allowed}.submit-btn.pro-btn{background:linear-gradient(135deg,#d97706,#f59e0b);box-shadow:0 4px 15px #f59e0b4d}.submit-btn.danger-btn{background:none;border:1px solid rgba(239,68,68,.3);color:#f87171;box-shadow:none}.submit-btn.danger-btn:hover:not(:disabled){background:#ef444414}.feedback-success{display:flex;align-items:center;gap:10px;padding:12px 14px;background:linear-gradient(135deg,#22c55e1f,#22c55e0f);border:1px solid rgba(34,197,94,.2);border-radius:12px;color:#4ade80;font-size:13px;animation:fadeSlideUp .3s ease-out}.feedback-success .feedback-icon{flex-shrink:0}.feedback-error{padding:12px 14px;background:linear-gradient(135deg,#ef44441f,#ef44440f);border:1px solid rgba(239,68,68,.2);border-radius:12px;color:#f87171;font-size:13px;display:flex;align-items:center;gap:10px;animation:fadeSlideUp .3s ease-out}.feedback-error:before{content:"!";display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-radius:50%;font-size:11px;font-weight:700;flex-shrink:0}.sub-status-card{border-radius:20px;padding:20px;display:flex;align-items:center;gap:16px;border:1px solid}.sub-status-card.pro{background:linear-gradient(135deg,#d977061f,#f59e0b0d);border-color:#f59e0b4d}.sub-status-card.pro .sub-status-icon{color:#f59e0b}.sub-status-card.free{background:#2a3038d9;border-color:#3a404899}.sub-status-card.free .sub-status-icon{color:#6b7280}.sub-status-card .sub-status-icon{font-size:30px;flex-shrink:0}.sub-status-card .sub-status-info h3{font-size:17px;font-weight:700;margin-bottom:4px}.sub-status-card .sub-status-info p{font-size:13px;color:#8b949e}.sub-status-card .sub-status-info .sub-expiry{color:#f59e0b}.pro-features{display:flex;flex-direction:column;gap:10px}.pro-feature-row{display:flex;align-items:center;gap:10px;font-size:14px;color:#9ca3af}.pro-feature-row .pro-feature-check{width:20px;height:20px;background:#22c55e1f;border:1px solid rgba(34,197,94,.25);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#4ade80;font-size:10px;flex-shrink:0}.danger-card{border-color:#ef444426!important}.delete-account-btn{display:flex;align-items:center;gap:8px;background:none;border:1px solid rgba(239,68,68,.25);border-radius:12px;color:#f87171;font-size:14px;font-weight:500;padding:11px 16px;cursor:pointer;transition:background .2s,border-color .2s;font-family:Inter,sans-serif;width:100%;justify-content:center}.delete-account-btn:hover{background:#ef444412;border-color:#ef444466}.delete-account-btn:active{transform:scale(.98)}.delete-confirm-section{display:flex;flex-direction:column;gap:14px}.delete-warning{display:flex;gap:12px;padding:14px;background:#ef444412;border:1px solid rgba(239,68,68,.15);border-radius:12px}.delete-warning .delete-warning-icon{color:#f87171;font-size:18px;flex-shrink:0;margin-top:1px}.delete-warning p{font-size:13px;color:#9ca3af;line-height:1.5}.delete-warning p strong{color:#f87171}.delete-actions{display:flex;gap:10px}.cancel-btn{flex:1;padding:12px;background:#ffffff0a;border:1px solid rgba(58,64,72,.6);border-radius:12px;color:#8b949e;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s;font-family:Inter,sans-serif}.cancel-btn:hover{background:#ffffff12}.cancel-btn:active{transform:scale(.98)}.confirm-delete-btn{flex:2;padding:12px;background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:12px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .2s,transform .15s;font-family:Inter,sans-serif}.confirm-delete-btn:disabled{opacity:.4;cursor:not-allowed}.confirm-delete-btn:not(:disabled):active{transform:scale(.98)}.notice-box{background:#ffffff08;border:1px solid rgba(58,64,72,.5);border-radius:12px;padding:12px 14px}.notice-box p{font-size:13px;color:#6b7280;line-height:1.5}@media(max-width:860px){.login-left{display:none}.login-right{width:100%;padding:40px 24px;background:linear-gradient(145deg,#0f1419,#161b22)}}@media(max-width:480px){.login-right{padding:32px 20px}.app-body{padding:20px 16px 40px}.page-hero h2{font-size:20px}.tab-item{font-size:12px;padding:9px 6px}}