*{box-sizing:border-box}:root{--bg:#f3f5f9;--surface:#fff;--surface-soft:#f8fafc;--border:#e5e9f0;--text:#172033;--muted:#778196;--blue:#3666f5;--blue-dark:#2858e7;--blue-soft:#edf2ff;--green:#18a66a;--green-soft:#e8f8f1;--orange:#e78a13;--orange-soft:#fff4df;--red:#d94c4c;--red-soft:#ffeded;--purple:#7c5ce6;--sidebar:#111827;--sidebar-hover:#1d2636;--sidebar-active:#243452}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}h1,h2,h3,p{margin-top:0}.planner-app{background:var(--bg);min-height:100vh;display:flex}.sidebar{background:var(--sidebar);color:#fff;z-index:20;flex-direction:column;justify-content:space-between;width:245px;min-width:245px;padding:26px 18px 18px;display:flex;position:fixed;top:0;bottom:0;left:0}.brand{align-items:center;gap:12px;margin-bottom:38px;padding:0 8px;display:flex}.brand-icon{background:var(--blue);color:#fff;border-radius:11px;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:19px;font-weight:800;display:grid}.brand-title{font-size:18px;font-weight:750}.brand-subtitle{color:#8d98ad;margin-top:2px;font-size:11px}.sidebar-label{color:#647087;letter-spacing:1.1px;text-transform:uppercase;margin:24px 0 9px;padding:0 11px;font-size:10px;font-weight:750}.nav{flex-direction:column;gap:4px;display:flex}.nav-item{color:#99a4b8;text-align:left;background:0 0;border:0;border-radius:9px;grid-template-columns:22px 1fr auto;align-items:center;gap:8px;width:100%;padding:11px 12px;transition:background .18s,color .18s;display:grid}.nav-item:hover{color:#fff;background:var(--sidebar-hover)}.nav-item.active{color:#fff;background:var(--sidebar-active)}.nav-icon{color:#8490a5;font-size:15px}.nav-item.active .nav-icon{color:#75a0ff}.nav-count{color:#b7c0d1;background:#303b4e;border-radius:7px;place-items:center;min-width:23px;height:22px;padding:0 6px;font-size:11px;font-weight:700;display:grid}.nav-item.active .nav-count{background:var(--blue);color:#fff}.sidebar-summary{border:1px solid #283244;border-radius:11px;margin:0 5px;padding:12px}.sidebar-summary-row{color:#8490a4;justify-content:space-between;align-items:center;min-height:29px;font-size:12px;display:flex}.sidebar-summary-row strong{color:#d6dce7}.sidebar-summary-row .danger-text{color:#ff8383}.sidebar-footer{border-top:1px solid #283143;padding:14px 0 0}.user-menu-wrapper{position:relative}.sidebar-user-button{width:100%;min-height:54px;color:inherit;text-align:left;background:0 0;border:0;border-radius:10px;grid-template-columns:36px minmax(0,1fr) 20px;align-items:center;gap:10px;padding:7px 8px;transition:background .15s,color .15s;display:grid}.sidebar-user-button:hover{background:#1b2535}.profile-avatar{color:#adc7ff;letter-spacing:.4px;background:#2d3a50;border-radius:10px;place-items:center;width:36px;height:36px;font-size:10px;font-weight:800;display:grid}.profile-info{flex-direction:column;min-width:0;display:flex}.profile-info strong{color:#e4e9f1;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:700;overflow:hidden}.profile-info span{color:#68758b;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:8px;overflow:hidden}.user-menu-chevron{color:#657188;place-items:center;font-size:18px;transition:transform .18s,color .18s;display:grid;transform:rotate(-90deg)}.sidebar-user-button:hover .user-menu-chevron{color:#aab4c5}.user-menu-chevron.open{transform:rotate(90deg)}.sidebar-user-menu{z-index:100;background:#172131;border:1px solid #303b4d;border-radius:11px;padding:6px;position:absolute;bottom:calc(100% + 9px);left:0;right:0;box-shadow:0 16px 35px #0000004d}.sidebar-menu-item{text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;width:100%;min-height:48px;padding:7px 9px;transition:background .15s;display:grid}.sidebar-menu-item:hover{background:#222e40}.sidebar-menu-icon{color:#9db8ff;background:#273349;border-radius:7px;place-items:center;width:27px;height:27px;font-size:13px;display:grid}.sidebar-menu-item>div{flex-direction:column;min-width:0;display:flex}.sidebar-menu-item strong{color:#dce3ee;font-size:9px;font-weight:700}.sidebar-menu-item>div>span{color:#69768b;margin-top:2px;font-size:7px}.sidebar-menu-divider{background:#2a3547;height:1px;margin:4px 6px}.sidebar-menu-logout .sidebar-menu-icon{color:#f29a9a;background:#352830}.sidebar-menu-logout:hover{background:#2b2028}.sidebar-menu-logout:hover strong{color:#faa}.sidebar-menu-item:disabled{cursor:wait;opacity:.55}.main{width:calc(100% - 245px);margin-left:245px;padding:38px 44px 60px}.topbar{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px;display:flex}.eyebrow{color:var(--blue);letter-spacing:1.2px;margin-bottom:6px;font-size:10px;font-weight:800}.topbar h1{letter-spacing:-.7px;margin-bottom:3px;font-size:29px}.current-date{color:var(--muted);margin:0;font-size:13px}.topbar-actions{align-items:center;gap:10px;display:flex}.search-box{border:1px solid var(--border);color:#9aa3b3;background:#fff;border-radius:9px;align-items:center;gap:8px;width:225px;height:42px;padding:0 13px;transition:border-color .15s,box-shadow .15s;display:flex}.search-box:focus-within{border-color:#9db4ff;box-shadow:0 0 0 3px #3666f514}.search-box input{width:100%;color:var(--text);background:0 0;border:0;outline:0;font-size:12px}.search-box input::placeholder{color:#a1a9b7}.primary-button,.secondary-button,.cancel-button{border-radius:9px;font-weight:700;transition:background .15s,border-color .15s,color .15s,transform .15s}.primary-button{background:var(--blue);color:#fff;border:0;min-height:42px;padding:0 17px;box-shadow:0 5px 14px #3666f52e}.primary-button:hover{background:var(--blue-dark)}.primary-button:active{transform:translateY(1px)}.secondary-button{color:#657086;background:#fff;border:1px solid #dfe4ec;min-height:34px;padding:0 12px;font-size:10px}.secondary-button:hover{color:var(--text);background:#f8fafc;border-color:#cbd3df}.cancel-button{color:#667084;background:#fff;border:1px solid #dfe3e9;min-height:40px;padding:0 15px;font-size:10px}.cancel-button:hover{color:#283347;background:#f7f8fa}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:18px;display:grid}.stat-card,.progress-panel,.task-panel,.notes-panel,.summary-panel{border:1px solid var(--border);background:var(--surface);border-radius:12px}.stat-card{padding:18px;transition:box-shadow .2s,transform .2s}.stat-card:hover{transform:translateY(-1px);box-shadow:0 5px 20px #1520330d}.stat-top{justify-content:space-between;align-items:center;display:flex}.stat-label{color:var(--muted);font-size:11px;font-weight:650}.mini-icon{border-radius:8px;place-items:center;width:28px;height:28px;font-size:12px;font-weight:800;display:grid}.mini-icon.blue{background:var(--blue-soft);color:var(--blue)}.mini-icon.green{background:var(--green-soft);color:var(--green)}.mini-icon.orange{background:var(--orange-soft);color:var(--orange)}.mini-icon.red{background:var(--red-soft);color:var(--red)}.stat-number{letter-spacing:-.5px;margin-top:12px;font-size:27px;font-weight:780}.stat-description{color:#939cac;margin-top:2px;font-size:10px}.progress-panel{margin-bottom:18px;padding:17px 20px}.progress-header{justify-content:space-between;align-items:flex-start;display:flex}.progress-header h2,.section-header h2{letter-spacing:-.15px;margin-bottom:4px;font-size:14px}.progress-header p,.section-header p{color:#929bab;margin-bottom:0;font-size:10px}.progress-header strong{color:var(--blue);font-size:15px}.progress-track{background:#edf0f5;border-radius:100px;width:100%;height:7px;margin:14px 0 8px;overflow:hidden}.progress-value{border-radius:inherit;background:linear-gradient(90deg,#3666f5,#5681ff);height:100%;transition:width .35s}.progress-footer{color:#9aa3b3;justify-content:space-between;font-size:9px;display:flex}.content-grid{grid-template-columns:minmax(0,1fr) 285px;align-items:start;gap:18px;display:grid}.section-header{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:15px;min-height:71px;padding:17px 20px;display:flex}.section-header.compact{min-height:auto;padding-bottom:14px}.section-actions{align-items:center;gap:7px;display:flex}.task-panel{overflow:hidden}.task-list{min-height:320px}.task-row{border-bottom:1px solid #f0f2f6;grid-template-columns:26px 66px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:74px;padding:13px 17px;transition:background .15s;display:grid}.task-row:last-child{border-bottom:0}.task-row:hover{background:#fbfcfe}.check-button{color:#fff;background:#fff;border:1.5px solid #ccd3df;border-radius:6px;width:21px;height:21px;padding:0;font-size:11px;font-weight:800}.check-button:hover{border-color:var(--green)}.check-button.checked{border-color:var(--green);background:var(--green)}.task-time{flex-direction:column;gap:2px;display:flex}.task-time strong{color:#536074;font-size:11px}.task-time span{color:#9ba4b3;font-size:8px}.task-content{min-width:0}.task-title-row{align-items:center;gap:8px;display:flex}.task-content h3{color:#263146;text-overflow:ellipsis;white-space:nowrap;margin-bottom:0;font-size:12px;font-weight:680;overflow:hidden}.task-content p{color:#929bac;text-overflow:ellipsis;white-space:nowrap;margin:5px 0 0;font-size:9px;overflow:hidden}.task-completed{background:#fbfcfd}.task-completed .task-content h3{color:#9ba3b1;text-decoration:line-through}.task-completed .task-time{opacity:.65}.priority{letter-spacing:.4px;text-transform:uppercase;border-radius:5px;flex:none;padding:4px 7px;font-size:7px;font-weight:800}.priority-high{color:#c84b4b;background:#ffeded}.priority-medium{color:#b67819;background:#fff3de}.priority-low{color:#3f7d63;background:#eaf7f1}.task-actions{opacity:0;align-items:center;gap:5px;transition:opacity .15s;display:flex}.task-row:hover .task-actions{opacity:1}.icon-button{color:#858fa1;background:0 0;border:0;border-radius:7px;min-height:29px;padding:0 9px;font-size:9px;font-weight:700}.icon-button:hover{color:#475268;background:#edf1f7}.delete-button:hover{background:var(--red-soft);color:var(--red)}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:330px;padding:50px 20px;display:flex}.empty-icon{background:var(--blue-soft);width:45px;height:45px;color:var(--blue);border-radius:12px;place-items:center;margin-bottom:13px;font-weight:800;display:grid}.empty-state h3{margin-bottom:5px;font-size:13px}.empty-state p{color:var(--muted);margin-bottom:16px;font-size:10px}.right-column{flex-direction:column;gap:18px;display:flex}.notes-panel,.summary-panel{overflow:hidden}.notes-panel textarea{resize:vertical;color:#4f5a6e;background:#fafbfd;border:1px solid #e1e5ec;border-radius:8px;outline:none;width:calc(100% - 34px);min-height:145px;margin:16px 17px 8px;padding:13px;font-size:10px;line-height:1.6;transition:border-color .15s,background .15s,box-shadow .15s}.notes-panel textarea:focus{background:#fff;border-color:#9bb5ff;box-shadow:0 0 0 3px #3666f512}.notes-panel textarea::placeholder{color:#a5adba}.autosave{color:#98a1b1;align-items:center;gap:6px;padding:0 18px 15px;font-size:8px;display:flex}.autosave-dot{background:var(--green);border-radius:50%;width:5px;height:5px}.summary-panel{padding-bottom:9px}.summary-item{color:#667186;border-bottom:1px solid #f0f2f5;justify-content:space-between;align-items:center;min-height:39px;margin:0 17px;font-size:10px;display:flex}.summary-item:last-child{border-bottom:0}.summary-item>div{align-items:center;gap:8px;display:flex}.summary-item strong{color:#3d485b;font-size:11px}.summary-dot{border-radius:50%;width:7px;height:7px}.blue-dot{background:var(--blue)}.purple-dot{background:var(--purple)}.green-dot{background:var(--green)}.red-dot{background:var(--red)}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a75;justify-content:center;align-items:center;padding:30px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:#fff;border:1px solid #fff9;border-radius:15px;width:min(510px,100%);overflow:hidden;box-shadow:0 24px 70px #161d2b33}.modal-header{border-bottom:1px solid #e9edf2;justify-content:space-between;align-items:flex-start;padding:23px 24px 18px;display:flex}.modal-eyebrow{color:var(--blue);letter-spacing:1.1px;font-size:8px;font-weight:800}.modal-header h2{margin:5px 0 0;font-size:19px}.modal-close{color:#7b8597;background:#f5f6f8;border:0;border-radius:8px;width:31px;height:31px;padding:0;font-size:21px;transition:background .15s,color .15s}.modal-close:hover{color:#343d4d;background:#eceff3}.modal form{padding:22px 24px 24px}.form-group{margin-bottom:17px}.form-row{grid-template-columns:1fr 1fr;gap:13px;display:grid}.form-group label{color:#515c70;margin-bottom:6px;font-size:10px;font-weight:700;display:block}.form-group input,.form-group textarea{width:100%;color:var(--text);background:#fff;border:1px solid #dfe4eb;border-radius:8px;outline:0;padding:10px 11px;font-size:11px;transition:border-color .15s,box-shadow .15s}.form-group input{min-height:41px}.form-group textarea{resize:vertical;line-height:1.5}.form-group input:focus,.form-group textarea:focus{border-color:#91afff;box-shadow:0 0 0 3px #edf2ff}.form-group input::placeholder,.form-group textarea::placeholder{color:#a4acb9}.priority-selector{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.priority-option{color:#7c8594;background:#fff;border:1px solid #e0e4ea;border-radius:8px;min-height:37px;font-size:10px;font-weight:700;transition:background .15s,border-color .15s,color .15s}.priority-option:hover{background:#f8fafc}.priority-option.selected.priority-low{background:var(--green-soft);color:#287b59;border-color:#82c7aa}.priority-option.selected.priority-medium{background:var(--orange-soft);color:#a86b12;border-color:#efc16f}.priority-option.selected.priority-high{background:var(--red-soft);color:#be4444;border-color:#ee9b9b}.modal-actions{justify-content:flex-end;gap:8px;margin-top:22px;display:flex}@media (max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.right-column{grid-template-columns:1fr 1fr;display:grid}}@media (max-width:800px){.sidebar{width:70px;min-width:70px;padding-left:10px;padding-right:10px}.brand{justify-content:center;padding:0}.brand>div:not(.brand-icon),.sidebar-label,.nav-item>span:not(.nav-icon),.nav-count,.sidebar-summary,.profile-info{display:none}.nav-item{grid-template-columns:1fr;place-items:center;padding:12px;display:grid}.sidebar-footer{border-top:1px solid #283143;flex-direction:column;gap:13px;padding:18px 7px 2px;display:flex}.profile-row{align-items:center;gap:10px;min-width:0;display:flex}.profile-avatar{color:#adc7ff;background:#2d3a50;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:11px;font-weight:800;display:grid}.profile-info{flex-direction:column;min-width:0;display:flex}.profile-info strong{color:#dce2ec;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.profile-info span{color:#68758b;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:8px;overflow:hidden}.logout-button{color:#8f9bae;background:0 0;border:1px solid #303b4e;border-radius:8px;width:100%;min-height:34px;font-size:9px;font-weight:700;transition:background .15s,border-color .15s,color .15s}.logout-button:hover{color:#fff;background:#1d2636;border-color:#47556d}.logout-button:disabled{cursor:wait;opacity:.6}.main{width:calc(100% - 70px);margin-left:70px;padding:28px 20px 50px}.topbar{flex-direction:column;align-items:flex-start}.topbar-actions{width:100%}.search-box{flex:1;width:auto}}@media (max-width:600px){.main{padding-left:12px;padding-right:12px}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:14px}.stat-number{font-size:23px}.right-column{grid-template-columns:1fr}.topbar-actions{flex-direction:column}.search-box,.topbar-actions .primary-button{width:100%}.task-row{grid-template-columns:26px 50px minmax(0,1fr)}.task-actions{opacity:1;grid-column:3}.task-title-row{flex-direction:column;align-items:flex-start;gap:5px}.form-row{grid-template-columns:1fr}.modal-backdrop{align-items:flex-start;padding-top:20px}.section-header{flex-direction:column;align-items:flex-start}.section-actions{width:100%}}@media (max-width:430px){.stats-grid{grid-template-columns:1fr}.sidebar{width:58px;min-width:58px}.main{width:calc(100% - 58px);margin-left:58px}.brand-icon{width:37px;height:37px}.topbar h1{font-size:24px}}.auth-page{background:radial-gradient(circle at 20% 20%,#3666f514,#0000 25%),radial-gradient(circle at 80% 80%,#7c5ce60f,#0000 25%),#f3f5f9;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.auth-card{background:#fff;border:1px solid #e3e7ee;border-radius:18px;width:100%;max-width:430px;padding:34px;box-shadow:0 20px 60px #121d3114}.register-card{max-width:460px}.auth-brand{align-items:center;gap:11px;margin-bottom:34px;display:flex}.auth-logo{color:#fff;background:#3666f5;border-radius:11px;place-items:center;width:42px;height:42px;font-size:19px;font-weight:800;display:grid;box-shadow:0 7px 18px #3666f538}.auth-brand>div:last-child{flex-direction:column;display:flex}.auth-brand strong{color:#172033;font-size:16px}.auth-brand span{color:#9099a9;margin-top:2px;font-size:10px}.auth-heading{margin-bottom:26px}.auth-eyebrow{color:#3666f5;letter-spacing:1.2px;margin-bottom:7px;font-size:9px;font-weight:800;display:block}.auth-heading h1{color:#172033;letter-spacing:-.6px;margin-bottom:7px;font-size:25px}.auth-heading p{color:#858fa1;margin-bottom:0;font-size:11px;line-height:1.6}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-field{flex-direction:column;display:flex}.auth-field label{color:#465166;margin-bottom:7px;font-size:10px;font-weight:700}.auth-label-row{justify-content:space-between;align-items:center;display:flex}.auth-field input{color:#1e293b;background:#fff;border:1px solid #dce2ea;border-radius:9px;outline:none;width:100%;height:44px;padding:0 13px;font-size:11px;transition:border-color .15s,box-shadow .15s}.auth-field input:hover{border-color:#cad2de}.auth-field input:focus{border-color:#8daaff;box-shadow:0 0 0 3px #3666f517}.auth-field input::placeholder{color:#a7afbc}.auth-field-help{color:#9ba4b3;margin-top:5px;font-size:8px}.auth-submit{color:#fff;background:#3666f5;border:0;border-radius:9px;width:100%;min-height:45px;margin-top:5px;font-size:11px;font-weight:750;transition:background .15s,transform .15s;box-shadow:0 7px 18px #3666f52e}.auth-submit:hover:not(:disabled){background:#2858e7}.auth-submit:active:not(:disabled){transform:translateY(1px)}.auth-submit:disabled{cursor:wait;opacity:.65}.auth-error{color:#c24747;background:#fff1f1;border:1px solid #ffd1d1;border-radius:8px;margin-bottom:17px;padding:11px 13px;font-size:10px;line-height:1.5}.auth-divider{align-items:center;gap:10px;margin:23px 0 17px;display:flex}.auth-divider span{background:#e9ecf1;flex:1;height:1px}.auth-divider p{color:#a0a8b5;white-space:nowrap;margin:0;font-size:9px}.auth-secondary{color:#536075;background:#fff;border:1px solid #dce2ea;border-radius:9px;justify-content:center;align-items:center;width:100%;min-height:42px;font-size:10px;font-weight:700;text-decoration:none;transition:background .15s,border-color .15s;display:flex}.auth-secondary:hover{background:#f8fafc;border-color:#c8d0dc}.auth-footer-text{color:#a1a9b6;text-align:center;margin:20px 0 0;font-size:8px}@media (max-width:520px){.auth-page{padding:20px 14px}.auth-card{padding:26px 21px}.auth-heading h1{font-size:22px}}.profile-page{background:#f3f5f9;min-height:100vh;padding:42px 24px 70px}.profile-page-container{width:100%;max-width:1100px;margin:0 auto}.profile-page-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px;display:flex}.profile-eyebrow{color:#3666f5;letter-spacing:1.2px;margin-bottom:7px;font-size:9px;font-weight:800;display:block}.profile-page-header h1{color:#172033;margin-bottom:5px;font-size:28px}.profile-page-header p{color:#818b9d;margin:0;font-size:11px}.profile-back-button{color:#5c687d;background:#fff;border:1px solid #dde3eb;border-radius:9px;align-items:center;min-height:38px;padding:0 14px;font-size:10px;font-weight:700;text-decoration:none;display:flex}.profile-back-button:hover{color:#172033;border-color:#bdc8d8}.profile-layout{grid-template-columns:270px minmax(0,1fr);align-items:start;gap:20px;display:grid}.profile-user-card{text-align:center;background:#fff;border:1px solid #e3e8ef;border-radius:14px;padding:26px 22px}.profile-large-avatar{color:#3666f5;background:#edf2ff;border-radius:18px;place-items:center;width:72px;height:72px;margin:0 auto 15px;font-size:20px;font-weight:800;display:grid}.profile-user-card h2{color:#202b3d;margin-bottom:4px;font-size:16px}.profile-user-card>p{color:#8892a3;text-overflow:ellipsis;white-space:nowrap;margin-bottom:13px;font-size:9px;overflow:hidden}.profile-status{color:#338362;background:#eaf8f1;border-radius:20px;align-items:center;gap:6px;width:max-content;margin:0 auto 22px;padding:5px 9px;font-size:8px;font-weight:700;display:flex}.profile-status span{background:#18a66a;border-radius:50%;width:6px;height:6px}.profile-user-details{text-align:left;border-top:1px solid #edf0f4;margin-top:18px}.profile-user-details>div{border-bottom:1px solid #edf0f4;flex-direction:column;gap:3px;padding:12px 0;display:flex}.profile-user-details span{color:#929cac;font-size:8px}.profile-user-details strong{color:#485469;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.profile-logout-button{color:#cc5151;background:snow;border:1px solid #f2cccc;border-radius:8px;width:100%;min-height:38px;margin-top:20px;font-size:10px;font-weight:700}.profile-logout-button:hover{background:#fff1f1;border-color:#eba8a8}.profile-sections{flex-direction:column;gap:17px;display:flex}.profile-section-card{background:#fff;border:1px solid #e3e8ef;border-radius:14px;overflow:hidden}.profile-section-heading{border-bottom:1px solid #edf0f4;align-items:center;gap:13px;padding:19px 21px;display:flex}.profile-section-icon{background:#edf2ff;border-radius:10px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:15px;display:grid}.profile-section-icon.email{color:#18a66a;background:#eaf8f1}.profile-section-icon.notifications{background:#fff4df}.profile-section-heading h2{color:#253044;margin-bottom:3px;font-size:13px}.profile-section-heading p{color:#929bac;margin:0;font-size:9px}.profile-password-form{padding:21px}.profile-password-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.profile-form-group{margin-bottom:16px}.profile-form-group label{color:#536074;margin-bottom:6px;font-size:9px;font-weight:700;display:block}.profile-form-group input{color:#172033;background:#fff;border:1px solid #dfe4eb;border-radius:8px;outline:none;width:100%;min-height:42px;padding:0 12px;font-size:10px}.profile-form-group input:focus{border-color:#91afff;box-shadow:0 0 0 3px #edf2ff}.profile-form-footer{justify-content:space-between;align-items:center;display:flex}.profile-form-footer>span{color:#9aa3b2;font-size:8px}.profile-primary-button,.profile-secondary-button{border-radius:8px;min-height:39px;padding:0 15px;font-size:9px;font-weight:750}.profile-primary-button{color:#fff;background:#3666f5;border:0}.profile-primary-button:hover:not(:disabled){background:#2858e7}.profile-secondary-button{color:#3666f5;background:#f6f8ff;border:1px solid #cbd7ff}.profile-secondary-button:hover:not(:disabled){background:#edf2ff;border-color:#aabcff}.profile-primary-button:disabled,.profile-secondary-button:disabled,.profile-logout-button:disabled{cursor:wait;opacity:.6}.profile-email-test{justify-content:space-between;align-items:center;gap:18px;padding:21px;display:flex}.profile-email-test>div{min-width:0}.profile-email-test span{color:#919aab;margin-bottom:4px;font-size:8px;display:block}.profile-email-test strong{color:#49556a;text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.profile-email-test p{color:#9ba4b3;margin:5px 0 0;font-size:8px}.profile-alert{border-radius:9px;padding:12px 15px;font-size:10px;line-height:1.5}.profile-alert.success{color:#297555;background:#ecf9f3;border:1px solid #bde8d4}.profile-alert.error{color:#c34f4f;background:#fff1f1;border:1px solid #f1c6c6}.notification-list{padding:0 21px}.notification-item{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:15px;min-height:65px;display:flex}.notification-item:last-child{border-bottom:0}.notification-item strong{color:#465267;margin-bottom:3px;font-size:10px;display:block}.notification-item p{color:#969fae;margin:0;font-size:8px}.notification-badge{color:#8b94a3;background:#f2f4f7;border-radius:20px;flex-shrink:0;padding:5px 8px;font-size:7px;font-weight:800}.notification-badge.active{color:#338361;background:#e8f8f1}@media (max-width:780px){.profile-layout{grid-template-columns:1fr}.profile-page-header{flex-direction:column;align-items:flex-start}.profile-user-card{text-align:left}.profile-large-avatar{margin-left:0;margin-right:0}.profile-status{margin-left:0}}@media (max-width:560px){.profile-page{padding:26px 14px 50px}.profile-password-grid{grid-template-columns:1fr}.profile-form-footer,.profile-email-test,.notification-item{flex-direction:column;align-items:stretch}.profile-primary-button,.profile-secondary-button{width:100%}.notification-item{padding:16px 0}.notification-badge{width:max-content}}