.login-page{min-height:100dvh;display:flex}.login-container{grid-template-columns:1fr 1fr;width:100%;min-height:100vh;display:grid}.login-panel--form{background:#fff;justify-content:center;align-items:center;padding:48px 40px;display:flex}.login-form-wrap{width:100%;max-width:420px}.login-logo-link{margin-bottom:32px;display:inline-block}.login-logo{height:56px}.login-tabs{border-bottom:2px solid var(--gray-100);gap:0;margin-bottom:28px;display:flex}.login-tab{color:var(--gray-400);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-2px;padding:12px 0;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s}.login-tab.active{color:var(--blue-primary);border-bottom-color:var(--blue-primary)}.login-msg{border-radius:10px;margin-bottom:16px;padding:12px 14px;font-size:13px;line-height:1.5}.login-msg--error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.login-msg--success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.login-form{flex-direction:column;gap:0;display:flex}.login-title{color:var(--blue-primary);margin-bottom:6px;font-size:24px;font-weight:800}.login-subtitle{color:var(--gray-400);margin-bottom:24px;font-size:14px;line-height:1.5}.login-field{margin-bottom:16px}.login-field label{color:var(--gray-700);margin-bottom:6px;font-size:12px;font-weight:700;display:block}.login-field input{border:1.5px solid var(--gray-200);width:100%;color:var(--gray-800);background:var(--gray-50);border-radius:10px;outline:none;padding:12px 14px;font-family:inherit;font-size:14px;transition:all .2s}.login-field input:focus{border-color:var(--blue-primary);background:#fff;box-shadow:0 0 0 3px #1e3a8a14}.login-pw-wrap{position:relative}.login-pw-wrap input{padding-right:42px}.login-pw-toggle{cursor:pointer;color:var(--gray-400);background:0 0;border:none;padding:4px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.login-forgot-link{color:var(--blue-primary);cursor:pointer;text-align:left;background:0 0;border:none;margin-bottom:20px;padding:0;font-family:inherit;font-size:13px;font-weight:600}.login-submit{background:var(--blue-primary);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:14px;font-family:inherit;font-size:15px;font-weight:800;transition:all .2s}.login-submit:hover:not(:disabled){background:var(--blue-dark);transform:translateY(-1px)}.login-submit:disabled{opacity:.6;cursor:not-allowed}.login-panel--deco{background:var(--blue-primary);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-deco-stroke{opacity:.08;width:70%;position:absolute;top:-80px;right:-80px}.login-deco-corner{opacity:.12;width:50%;position:absolute;bottom:-40px;left:-40px}.login-deco-content{z-index:2;text-align:center;color:#fff;padding:40px;position:relative}.login-deco-content h2{margin-bottom:8px;font-size:42px;font-weight:900}.login-deco-script{color:#ffffffb3;margin-bottom:20px;font-family:Dancing Script,cursive;font-size:28px}.login-deco-sub{color:#ffffff80;max-width:280px;margin:0 auto;font-size:14px;line-height:1.6}@media (max-width:900px){.login-container{grid-template-columns:1fr}.login-panel--deco{display:none}.login-panel--form{padding:32px 24px}}@media (max-width:480px){.login-panel--form{padding:24px 16px}.login-title{font-size:22px}}.account-page{min-height:calc(100vh - var(--header-height) - 200px);background:var(--gray-50);padding:48px 0}.account-container{max-width:var(--container-max);margin:0 auto;padding:0 24px}.account-loading{text-align:center;color:var(--gray-500);padding:80px 24px}.account-title{color:var(--blue-primary);margin-bottom:32px;font-size:32px;font-weight:800}.account-layout{grid-template-columns:280px 1fr;gap:32px;display:grid}@media (max-width:768px){.account-layout{grid-template-columns:1fr}}.account-sidebar{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;height:fit-content;padding:24px}.account-user-card{text-align:center;border-bottom:1px solid var(--gray-200);margin-bottom:16px;padding-bottom:24px}.account-avatar{background:linear-gradient(135deg, var(--blue-primary), var(--red-accent));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 16px;font-size:32px;font-weight:700;display:flex}.account-user-name{color:var(--gray-800);font-size:16px;font-weight:700}.account-user-email{color:var(--gray-500);margin-top:4px;font-size:13px}.account-nav{flex-direction:column;gap:4px;display:flex}.account-nav-item{border-radius:var(--radius-md);cursor:pointer;color:var(--gray-700);text-align:left;transition:background var(--transition);background:0 0;border:none;align-items:center;gap:12px;padding:12px 16px;font-size:15px;font-weight:500;display:flex}.account-nav-item svg{width:20px;height:20px}.account-nav-item:hover{background:var(--gray-100)}.account-nav-item.active{background:var(--blue-bg);color:var(--blue-primary);font-weight:700}.account-nav-item--danger{color:var(--red-accent)}.account-nav-item--danger:hover{background:#d42b2b14}.account-nav-divider{background:var(--gray-200);height:1px;margin:8px 0}.account-content{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;padding:40px}.account-section-title{color:var(--blue-primary);margin-bottom:24px;font-size:24px;font-weight:800}.account-form{flex-direction:column;gap:20px;max-width:480px;display:flex}.account-field label{color:var(--gray-700);margin-bottom:8px;font-weight:600;display:block}.account-field input{border:1px solid var(--gray-300);border-radius:var(--radius-md);width:100%;transition:border-color var(--transition);background:#fff;padding:12px 16px;font-family:inherit;font-size:15px}.account-field input:focus{border-color:var(--blue-primary);outline:none;box-shadow:0 0 0 3px #1e3a8a1a}.account-field input:disabled{background:var(--gray-100);color:var(--gray-500);cursor:not-allowed}.account-submit{background:var(--blue-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition);border:none;align-self:flex-start;padding:14px 32px;font-size:15px;font-weight:700}.account-submit:hover:not(:disabled){background:var(--blue-dark)}.account-submit:disabled{opacity:.6;cursor:not-allowed}.account-message{border-radius:var(--radius-md);margin-bottom:20px;padding:12px 16px;font-weight:500}.account-message--success{color:#065f46;background:#d1fae5}.account-message--error{color:#991b1b;background:#fee2e2}.account-empty{color:var(--gray-500);font-style:italic}.login-pw-wrap{width:100%;position:relative}.login-pw-wrap input{box-sizing:border-box;width:100%;padding-right:44px}.login-pw-toggle{cursor:pointer;color:var(--gray-500);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.login-field{margin-bottom:16px;position:relative}.login-field input{box-sizing:border-box;width:100%}