*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--md-sys-color-background);color:var(--md-sys-color-on-background);line-height:1.6}#root{min-height:100vh}button,input,textarea,select{font-family:inherit}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px;max-width:400px;pointer-events:none}.toast{background:var(--md-sys-color-surface-container-high);border-radius:var(--md-sys-shape-corner-medium);box-shadow:var(--md-sys-elevation-3);padding:16px;min-width:300px;animation:slideInRight .3s ease;pointer-events:all;border-left:4px solid var(--md-sys-color-primary)}.toast-info{border-left-color:var(--md-sys-color-primary)}.toast-invite{border-left-color:var(--md-sys-color-success)}.toast-content{display:flex;align-items:center;gap:12px}.toast-icon{font-size:1.5rem;flex-shrink:0}.toast-message{flex:1;color:var(--md-sys-color-on-surface);font-size:.95rem;line-height:1.4}.toast-close{background:none;border:none;color:var(--md-sys-color-outline);font-size:1.2rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.toast-close:hover{background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface)}.toast-invite{padding:0}.toast-invite-header{display:flex;align-items:center;gap:12px;padding:16px 16px 12px}.toast-invite-content{flex:1;color:var(--md-sys-color-on-surface);font-size:.95rem;line-height:1.4}.toast-invite-content strong{color:var(--md-sys-color-primary);font-weight:600}.toast-invite-actions{display:flex;gap:8px;padding:12px 16px 16px;border-top:1px solid var(--md-sys-color-outline-variant)}.toast-btn{flex:1;padding:10px 20px;border:none;border-radius:var(--md-sys-shape-corner-small);font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.9rem}.toast-btn-accept{background:var(--md-sys-color-success);color:var(--md-sys-color-on-success)}.toast-btn-accept:hover{transform:translateY(-2px);box-shadow:var(--md-sys-elevation-2)}.toast-btn-decline{background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface-variant)}.toast-btn-decline:hover{background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface)}@keyframes slideInRight{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:768px){.toast-container{top:70px;right:10px;left:10px;max-width:none}.toast{min-width:0}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--md-sys-color-background);padding:20px}.auth-container{width:100%;max-width:450px;background:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-corner-large);box-shadow:var(--md-sys-elevation-3);overflow:hidden}.auth-header{padding:40px 20px 30px;text-align:center}.auth-logo{width:80px;height:80px;margin-bottom:15px}.auth-header h1{margin:0 0 8px;font:var(--md-sys-typescale-headline-large)}.auth-header p{margin:0;font:var(--md-sys-typescale-body-medium);opacity:.9}.auth-form{padding:30px}.auth-form h2{margin:0 0 24px;font:var(--md-sys-typescale-headline-medium);color:var(--md-sys-color-on-surface);text-align:center}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font:var(--md-sys-typescale-label-large);color:var(--md-sys-color-on-surface-variant)}.form-group input{width:100%}.auth-error{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container);padding:12px;border-radius:var(--md-sys-shape-corner-small);margin-bottom:20px;font:var(--md-sys-typescale-body-medium)}.auth-divider{text-align:center;margin:24px 0;position:relative}.auth-divider:before,.auth-divider:after{content:"";position:absolute;top:50%;width:45%;height:1px;background:var(--md-sys-color-outline-variant)}.auth-divider:before{left:0}.auth-divider:after{right:0}.auth-divider span{background:var(--md-sys-color-surface);padding:0 12px;color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-label-medium)}.btn-google{width:100%;padding:12px 24px;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);border:2px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-medium);font:var(--md-sys-typescale-label-large);cursor:pointer;transition:all .2s ease}.btn-google:hover{background:var(--md-sys-color-surface-container-highest);border-color:var(--md-sys-color-primary)}.btn-google:disabled{opacity:.5;cursor:not-allowed}.auth-switch{text-align:center;margin-top:24px;color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-body-medium)}.auth-switch a{color:var(--md-sys-color-primary);text-decoration:none;font-weight:600}.auth-switch a:hover{text-decoration:underline}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga";-webkit-user-select:none;user-select:none;vertical-align:middle}.material-symbols-outlined.icon-primary{color:var(--md-sys-color-primary)}.material-symbols-outlined.icon-secondary{color:var(--md-sys-color-secondary)}.material-symbols-outlined.icon-on-surface{color:var(--md-sys-color-on-surface)}.material-symbols-outlined.icon-on-surface-variant{color:var(--md-sys-color-on-surface-variant)}.material-symbols-outlined.icon-error{color:var(--md-sys-color-error)}.material-symbols-outlined.icon-success{color:var(--md-sys-color-success)}.icon-button{cursor:pointer;transition:all .2s ease;border-radius:var(--md-sys-shape-corner-small);padding:8px;border:none;background:transparent;color:var(--md-sys-color-on-surface);display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px}.icon-button:hover{background:var(--md-sys-color-surface-container-highest)}.icon-button:active{transform:scale(.95)}.icon-button:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.theme-toggle{background:transparent;border:2px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-medium);padding:8px 12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--md-sys-color-on-surface);min-width:44px;min-height:44px}[data-theme=dark] .theme-toggle{color:var(--md-sys-color-on-surface-variant);border-color:var(--md-sys-color-outline-variant)}.theme-toggle:hover{background:var(--md-sys-color-surface-container-highest);border-color:var(--md-sys-color-primary);transform:translateY(-2px);box-shadow:var(--md-sys-elevation-2)}.theme-toggle:active{transform:translateY(0);box-shadow:var(--md-sys-elevation-1)}.theme-toggle .material-symbols-outlined{transition:transform .5s cubic-bezier(.4,0,.2,1)}.theme-toggle:hover .material-symbols-outlined{transform:rotate(180deg)}.theme-toggle:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}@media(max-width:768px){.theme-toggle{padding:6px 10px;min-width:40px;min-height:40px}}.app-bar{background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-2);position:sticky;top:0;z-index:1000;font-family:Poppins,sans-serif}.app-bar-content{max-width:1200px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.app-bar-left{display:flex;align-items:center;gap:12px;flex-shrink:0}.app-bar-center{flex:1;display:flex;align-items:center;justify-content:center}.app-bar-logo-link{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.app-bar-logo-link:hover{opacity:.9}.app-bar-logo{width:40px;height:40px;border-radius:var(--md-sys-shape-corner-medium)}.app-bar-title{font-size:24px;font-weight:700;margin:0;color:var(--md-sys-color-on-surface)}.app-bar-right{display:flex;align-items:center;gap:12px;flex-shrink:0}@media(max-width:768px){.app-bar-content{padding:10px 16px}.app-bar-logo{width:32px;height:32px}.app-bar-title{font-size:20px}}@media(max-width:480px){.app-bar-title{display:none}.app-bar-center{justify-content:flex-start}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--md-sys-color-surface-container);box-shadow:0 -2px 8px #0000001a;display:flex;justify-content:space-around;align-items:center;padding:8px 0;z-index:1000;font-family:Poppins,sans-serif}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px;text-decoration:none;color:var(--md-sys-color-on-surface-variant);transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:var(--md-sys-shape-corner-medium);max-width:100px}.bottom-nav-item:hover{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface)}.bottom-nav-item-active{color:var(--md-sys-color-primary);font-weight:600}.bottom-nav-item-active .material-symbols-outlined{font-variation-settings:"FILL" 1,"wght" 600,"GRAD" 0,"opsz" 24}.bottom-nav-label{font-size:12px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@media(min-width:769px){.bottom-nav{display:none}}[data-theme=dark] .bottom-nav{background:var(--md-sys-color-surface-container-low);box-shadow:0 -2px 8px #0000004d}.badge{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--md-sys-shape-corner-full);font-family:Poppins,sans-serif;font-weight:600;white-space:nowrap;-webkit-user-select:none;user-select:none}.badge-small{padding:2px 6px;font-size:11px;min-width:18px;height:18px}.badge-medium{padding:4px 8px;font-size:12px;min-width:22px;height:22px}.badge-large{padding:6px 10px;font-size:14px;min-width:28px;height:28px}.badge-dot{padding:0;width:8px;height:8px;min-width:8px}.badge-dot.badge-small{width:6px;height:6px;min-width:6px}.badge-dot.badge-large{width:10px;height:10px;min-width:10px}.badge-primary{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.badge-secondary{background:var(--md-sys-color-secondary);color:var(--md-sys-color-on-secondary)}.badge-success{background:var(--md-sys-color-success);color:var(--md-sys-color-on-success)}.badge-error{background:var(--md-sys-color-error);color:var(--md-sys-color-on-error)}.badge-warning{background:#fb8c00;color:#fff}.badge-info{background:var(--md-sys-color-tertiary);color:var(--md-sys-color-on-tertiary)}[data-theme=dark] .badge-primary,[data-theme=dark] .badge-secondary,[data-theme=dark] .badge-success,[data-theme=dark] .badge-error{filter:brightness(1.1)}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:var(--md-sys-shape-corner-medium);font-family:Poppins,sans-serif;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.btn-small{padding:6px 12px;font-size:14px;min-height:32px}.btn-medium{padding:10px 20px;font-size:16px;min-height:40px}.btn-large{padding:14px 28px;font-size:18px;min-height:48px}.btn-icon-only.btn-small{padding:6px;width:32px;height:32px}.btn-icon-only.btn-medium{padding:10px;width:40px;height:40px}.btn-icon-only.btn-large{padding:14px;width:48px;height:48px}.btn-full-width{width:100%}.btn-primary{background:var(--md-sys-color-surface-container);color:var(--md-sys-color-secondary);border:2px solid var(--md-sys-color-secondary);box-shadow:none}.btn-primary:hover:not(:disabled){background:var(--md-sys-color-surface-container-high);border-color:var(--md-sys-color-secondary);box-shadow:0 0 0 1px var(--md-sys-color-secondary)}.btn-primary:active:not(:disabled){background:var(--md-sys-color-surface-container-highest);transform:scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);box-shadow:var(--md-sys-elevation-1)}.btn-secondary:hover:not(:disabled){background:var(--md-sys-color-secondary);color:var(--md-sys-color-on-secondary);box-shadow:var(--md-sys-elevation-2)}.btn-secondary:active:not(:disabled){box-shadow:var(--md-sys-elevation-1)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-outline{background:transparent;color:var(--md-sys-color-primary);border:2px solid var(--md-sys-color-outline)}.btn-outline:hover:not(:disabled){background:var(--md-sys-color-surface-container-high);border-color:var(--md-sys-color-primary)}.btn-outline:active:not(:disabled){background:var(--md-sys-color-surface-container-highest)}.btn-outline:disabled{opacity:.5;cursor:not-allowed}.btn-text{background:transparent;color:var(--md-sys-color-primary);padding-left:12px;padding-right:12px}.btn-text:hover:not(:disabled){background:var(--md-sys-color-surface-container)}.btn-text:active:not(:disabled){background:var(--md-sys-color-surface-container-high)}.btn-text:disabled{opacity:.5;cursor:not-allowed}.btn-icon{border-radius:var(--md-sys-shape-corner-full);background:transparent;color:var(--md-sys-color-on-surface)}.btn-icon:hover:not(:disabled){background:var(--md-sys-color-surface-container)}.btn-icon:active:not(:disabled){background:var(--md-sys-color-surface-container-high)}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.btn-loading{cursor:wait;opacity:.7}.btn-spinner{width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:btn-spin .6s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-icon-left,.btn-icon-right{display:inline-flex;align-items:center;justify-content:center}.btn-text{display:inline-flex;align-items:center}[data-theme=dark] .btn-primary{background:var(--md-sys-color-surface-container-high)}[data-theme=dark] .btn-primary:hover:not(:disabled){background:var(--md-sys-color-surface-container-highest)}[data-theme=dark] .btn-outline{border-color:var(--md-sys-color-outline-variant)}[data-theme=dark] .btn-outline:hover:not(:disabled){border-color:var(--md-sys-color-primary)}.offline-indicator{position:fixed;top:0;left:0;right:0;z-index:1000;padding:12px 20px;display:flex;flex-direction:column;gap:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideDown .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--md-sys-elevation-2)}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.offline-indicator.offline{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.offline-indicator.online{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.indicator-content{display:flex;align-items:center;gap:12px}.indicator-text{flex:1}.indicator-status{font:var(--md-sys-typescale-body-medium);font-weight:600}.indicator-meta{font:var(--md-sys-typescale-label-small);opacity:.8;margin-left:36px}@media(max-width:768px){.offline-indicator{padding:10px 16px}.indicator-content{gap:10px}.indicator-status{font-size:14px}.indicator-meta{margin-left:30px;font-size:11px}}.page-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--md-sys-color-background);font-family:Poppins,sans-serif}.page-layout-content{flex:1;padding:24px 20px;margin:0 auto;width:100%}.page-layout-max-sm{max-width:640px}.page-layout-max-md{max-width:768px}.page-layout-max-lg{max-width:1024px}.page-layout-max-xl{max-width:1280px}.page-layout-max-full{max-width:100%}.page-layout-no-padding{padding:0}.page-layout-with-bottom-nav{padding-bottom:80px}@media(max-width:768px){.page-layout-content{padding:20px 16px}.page-layout-with-bottom-nav{padding-bottom:72px}}@media(min-width:769px){.page-layout-with-bottom-nav{padding-bottom:24px}}.card{border-radius:var(--md-sys-shape-corner-large);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:Poppins,sans-serif}button.card{width:100%;border:none;cursor:pointer;text-align:left;padding:0;font:inherit}.card-surface{background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface)}.card-surface-container{background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface)}.card-surface-container-high{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface)}.card-surface-container-highest{background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface)}.card-elevation-0{box-shadow:none}.card-elevation-1{box-shadow:var(--md-sys-elevation-1)}.card-elevation-2{box-shadow:var(--md-sys-elevation-2)}.card-elevation-3{box-shadow:var(--md-sys-elevation-3)}.card-elevation-4{box-shadow:var(--md-sys-elevation-4)}.card-elevation-5{box-shadow:var(--md-sys-elevation-5)}.card-hoverable:hover{transform:translateY(-4px);box-shadow:var(--md-sys-elevation-3)}.card-clickable{cursor:pointer}.card-clickable:hover{transform:translateY(-2px);box-shadow:var(--md-sys-elevation-3)}.card-clickable:active{transform:translateY(0);box-shadow:var(--md-sys-elevation-1)}.card-clickable:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.card-header{padding:16px 20px;border-bottom:1px solid var(--md-sys-color-outline-variant)}.card-body{padding:20px}.card-footer{padding:16px 20px;border-top:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-low)}.card:not(:has(.card-header)):not(:has(.card-footer)) .card-body{padding:20px}.card-gradient{background:linear-gradient(135deg,var(--md-sys-color-primary) 0%,var(--md-sys-color-secondary) 100%);color:var(--md-sys-color-on-primary)}.card-gradient .card-header{border-bottom-color:#fff3}.card-gradient .card-footer{border-top-color:#fff3;background:#0000001a}[data-theme=dark] .card-header{border-bottom-color:var(--md-sys-color-outline)}[data-theme=dark] .card-footer{border-top-color:var(--md-sys-color-outline)}[data-theme=dark] .card-hoverable:hover,[data-theme=dark] .card-clickable:hover{box-shadow:var(--md-sys-elevation-4)}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeIn .3s ease}.modal-content{background:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-corner-large);box-shadow:var(--md-sys-elevation-5);width:100%;max-height:calc(100vh - 40px);display:flex;flex-direction:column;animation:slideUp .3s cubic-bezier(.4,0,.2,1);font-family:Poppins,sans-serif}.modal-small{max-width:400px}.modal-medium{max-width:600px}.modal-large{max-width:900px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 16px;border-bottom:1px solid var(--md-sys-color-outline-variant)}.modal-title{font-size:24px;font-weight:600;color:var(--md-sys-color-on-surface);margin:0}.modal-close{background:none;border:none;color:var(--md-sys-color-on-surface-variant);font-size:24px;cursor:pointer;padding:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--md-sys-shape-corner-full);transition:all .3s cubic-bezier(.4,0,.2,1)}.modal-close:hover{background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface)}.modal-body{flex:1;padding:24px;overflow-y:auto;color:var(--md-sys-color-on-surface)}.modal-footer{padding:16px 24px 24px;border-top:1px solid var(--md-sys-color-outline-variant);display:flex;gap:12px;justify-content:flex-end}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}[data-theme=dark] .modal-overlay{background:#000c}@media(max-width:768px){.modal-overlay{padding:0;align-items:flex-end}.modal-content{max-width:100%;max-height:90vh;border-radius:var(--md-sys-shape-corner-large) var(--md-sys-shape-corner-large) 0 0;animation:slideUpMobile .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.select-container{position:relative;margin-bottom:24px;font-family:Poppins,sans-serif}.select-full-width{width:100%}.select-wrapper{position:relative;display:flex;align-items:center}.select-field{width:100%;padding:16px 36px 8px 12px;border:none;border-radius:var(--md-sys-shape-corner-small);background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);font-family:Poppins,sans-serif;font-size:16px;outline:none;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}.select-field:focus{background:var(--md-sys-color-surface-container-high)}.select-label{position:absolute;left:8px;top:0;transform:translateY(-50%);color:var(--md-sys-color-on-surface-variant);font-size:12px;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);background:var(--md-sys-color-surface-container);padding:0 4px;z-index:2}.select-label-floating{color:var(--md-sys-color-primary)}.select-label-required:after{content:" *";color:var(--md-sys-color-error)}.select-arrow{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:var(--md-sys-color-on-surface-variant);pointer-events:none;z-index:2;display:flex;align-items:center;transition:transform .3s cubic-bezier(.4,0,.2,1)}.select-field:focus~.select-arrow{transform:translateY(-50%) rotate(180deg)}.select-border{position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--md-sys-color-primary);transform:scaleX(0);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:2}.select-field:focus~.select-border{transform:scaleX(1)}.select-error .select-field{border:2px solid var(--md-sys-color-error);background:var(--md-sys-color-error-container)}.select-error .select-label{color:var(--md-sys-color-error)}.select-error .select-border{background:var(--md-sys-color-error)}.select-error-text{margin-top:4px;font-size:12px;color:var(--md-sys-color-error);padding-left:12px}.select-helper-text{margin-top:4px;font-size:12px;color:var(--md-sys-color-on-surface-variant);padding-left:12px}.select-disabled .select-field{background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);opacity:.5;cursor:not-allowed}.select-disabled .select-label,.select-disabled .select-arrow{opacity:.5}.select-field option{background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);padding:12px}[data-theme=dark] .select-field{background:var(--md-sys-color-surface-container-high)}[data-theme=dark] .select-field:focus{background:var(--md-sys-color-surface-container-highest)}[data-theme=dark] .select-error .select-field{background:rgba(var(--md-sys-color-error-rgb, 255, 0, 0),.1)}[data-theme=dark] .select-field option{background:var(--md-sys-color-surface-container)}.input-container{position:relative;margin-bottom:24px;font-family:Poppins,sans-serif}.input-full-width{width:100%}.input-wrapper{position:relative;display:flex;align-items:center}.input-field{width:100%;padding:16px 12px 8px;border:none;border-radius:var(--md-sys-shape-corner-small);background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);font-family:Poppins,sans-serif;font-size:16px;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}.input-field:focus{background:var(--md-sys-color-surface-container-high)}.input-field::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:.6}textarea.input-field{resize:vertical;min-height:80px;padding-top:20px}.input-label{position:absolute;left:8px;top:0;transform:translateY(-50%);color:var(--md-sys-color-on-surface-variant);font-size:12px;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);background:var(--md-sys-color-surface-container);padding:0 4px;z-index:2}.input-label-floating{color:var(--md-sys-color-primary)}.input-label-required:after{content:" *";color:var(--md-sys-color-error)}.input-border{position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--md-sys-color-primary);transform:scaleX(0);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:2}.input-field:focus~.input-border{transform:scaleX(1)}.input-with-icon .input-field{padding-left:44px}.input-with-icon .input-label{left:44px}.input-with-icon .input-label-floating{left:8px}.input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--md-sys-color-on-surface-variant);display:flex;align-items:center;justify-content:center;z-index:2}.input-error .input-field{border:2px solid var(--md-sys-color-error);background:var(--md-sys-color-error-container)}.input-error .input-label{color:var(--md-sys-color-error)}.input-error .input-border{background:var(--md-sys-color-error)}.input-error-text{margin-top:4px;font-size:12px;color:var(--md-sys-color-error);padding-left:12px}.input-helper-text{margin-top:4px;font-size:12px;color:var(--md-sys-color-on-surface-variant);padding-left:12px}.input-disabled .input-field{background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);opacity:.5;cursor:not-allowed}.input-disabled .input-label{opacity:.5}input[type=number].input-field::-webkit-inner-spin-button,input[type=number].input-field::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number].input-field{-moz-appearance:textfield}[data-theme=dark] .input-field{background:var(--md-sys-color-surface-container-high)}[data-theme=dark] .input-field:focus{background:var(--md-sys-color-surface-container-highest)}[data-theme=dark] .input-error .input-field{background:rgba(var(--md-sys-color-error-rgb, 255, 0, 0),.1)}.exercise-picker{display:flex;flex-direction:column;gap:12px;max-height:calc(100vh - 120px);height:calc(100vh - 120px)}.picker-search,.picker-type-filter,.picker-muscle-filter{width:100%}.muscle-chips{display:flex;flex-wrap:wrap;gap:8px}.muscle-chip{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--md-sys-color-surface-variant);color:var(--md-sys-color-on-surface-variant);border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-full);font:var(--md-sys-typescale-label-large);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.muscle-chip:hover{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);border-color:var(--md-sys-color-secondary)}.muscle-chip.active{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border-color:var(--md-sys-color-primary);font-weight:600}.picker-exercise-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:4px;min-height:0}.picker-exercise-list .exercise-item.card{min-height:80px;height:auto}.exercise-item{transition:all .2s cubic-bezier(.4,0,.2,1)}.picker-exercise-list .exercise-item.card .card-body{display:flex!important;flex-direction:row!important;align-items:center!important;gap:16px!important;padding:16px!important;height:auto!important;min-height:80px}.exercise-item:hover{transform:translate(4px)}.exercise-item-icon{flex-shrink:0!important;display:flex!important;align-items:center;justify-content:center;width:48px!important;height:48px!important;background:var(--md-sys-color-primary-container);border-radius:var(--md-sys-shape-corner-medium)}.exercise-item-content{flex:1!important;min-width:0;display:flex;flex-direction:column;gap:6px}.exercise-item-content h4{margin:0!important;font:var(--md-sys-typescale-title-medium);color:var(--md-sys-color-on-surface);white-space:normal}.exercise-item-meta{display:flex!important;align-items:center;gap:8px;flex-wrap:wrap;font:var(--md-sys-typescale-body-small)}.meta-tag{padding:2px 8px;background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);border-radius:var(--md-sys-shape-corner-small);font-weight:600;text-transform:capitalize}.meta-secondary{color:var(--md-sys-color-on-surface-variant);font-style:italic}.meta-equipment{color:var(--md-sys-color-on-surface-variant);text-transform:capitalize}.picker-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;text-align:center;color:var(--md-sys-color-on-surface-variant)}.picker-empty p{margin:0;font:var(--md-sys-typescale-body-large)}.picker-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--md-sys-color-outline-variant)}.picker-count{font:var(--md-sys-typescale-label-medium);color:var(--md-sys-color-on-surface-variant)}.create-exercise-form{display:flex;flex-direction:column;gap:20px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}@media(max-width:768px){.exercise-picker{max-height:calc(100vh - 100px);height:calc(100vh - 100px)}.muscle-chips{gap:6px}.muscle-chip{padding:6px 12px;font-size:13px}.exercise-item{padding:12px}.exercise-item-icon{width:40px;height:40px}}.set-timer{background:transparent;border-radius:var(--md-sys-shape-corner-medium);border:1px solid #82C18C;transition:all .3s ease}.set-timer-active{border-color:#82c18c;background:#82c18c1a}.set-timer-content{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;gap:12px}.set-timer-label{font:var(--md-sys-typescale-label-small);color:var(--md-sys-color-on-surface-variant);font-weight:600;text-transform:uppercase;letter-spacing:.5px;min-width:40px}.set-timer-time{font:var(--md-sys-typescale-body-large);color:#82c18c;font-weight:700;font-variant-numeric:tabular-nums;flex:1}.set-timer-controls{display:flex;gap:6px;align-items:center}.timer-icon-btn{background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--md-sys-shape-corner-small);color:var(--md-sys-color-on-surface-variant);transition:all .2s ease}.timer-icon-btn:hover{background:#82c18c33;transform:scale(1.1)}.timer-icon-btn:active{transform:scale(.95)}.timer-icon-btn-success{color:#82c18c}.countdown-rest-timer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 12px;margin:8px 0;background:#82c18c1a;border-radius:var(--md-sys-shape-corner-medium);border:1px solid #82C18C}.rest-timer-label{font:var(--md-sys-typescale-label-small);color:var(--md-sys-color-on-surface-variant);font-weight:600;text-transform:uppercase;letter-spacing:.5px;min-width:40px}.rest-timer-time{font:var(--md-sys-typescale-body-large);color:#82c18c;font-weight:700;font-variant-numeric:tabular-nums;flex:1}.rest-timer-skip-btn{background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--md-sys-color-on-surface-variant);transition:all .2s ease;border-radius:var(--md-sys-shape-corner-small)}.rest-timer-skip-btn:hover{background:#82c18c33;transform:scale(1.1)}.rest-timer-skip-btn:active{transform:scale(.95)}.goal-tip-card{padding:16px;background:linear-gradient(135deg,var(--md-sys-color-tertiary-container) 0%,var(--md-sys-color-surface-container) 100%);border-left:4px solid var(--md-sys-color-tertiary)}.goal-tip-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.goal-tip-header h4{margin:0;font:var(--md-sys-typescale-title-small);color:var(--md-sys-color-on-surface)}.goal-tip-content{display:flex;flex-direction:column;gap:12px}.goal-tip-goal-name{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-corner-small);font:var(--md-sys-typescale-label-large);color:var(--md-sys-color-on-surface);font-weight:600}.goal-tip-message{margin:0;font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface);line-height:1.5}.goal-tip-card button{align-self:flex-start}.goal-tip-action-btn{max-width:100%;overflow:hidden}.goal-tip-action-text{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:480px){.goal-tip-action-btn{width:100%}.goal-tip-action-text{max-width:calc(100% - 24px)}}.ai-workout-modal{max-height:70vh;overflow-y:auto}.session-completion-modal{display:flex;flex-direction:column;gap:24px}.completion-celebration{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:24px 16px;background:linear-gradient(135deg,#274f7a1a,#82c18c1a);border-radius:var(--md-sys-shape-corner-large)}.completion-celebration h2{margin:0;font-size:1.75rem;font-weight:700;color:var(--md-sys-color-on-surface)}.completion-celebration p{margin:0;font-size:1rem;color:var(--md-sys-color-on-surface-variant)}.completion-stats{display:flex;gap:16px;justify-content:center}.stat-item{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-medium);flex:1}.stat-label{font-size:.75rem;font-weight:600;color:var(--md-sys-color-on-surface-variant);text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.25rem;font-weight:700;color:var(--md-sys-color-on-surface)}.completion-notes{display:flex;flex-direction:column;gap:8px}.completion-actions{display:flex;flex-direction:column;gap:12px}@media(max-width:768px){.completion-stats{flex-direction:column}.stat-item{width:100%}.completion-celebration h2{font-size:1.5rem}}.day-calendar{width:100%;font-family:Poppins,sans-serif}.week-navigation{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:12px 16px;background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-medium);gap:12px}.week-nav-button{background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-small);padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--md-sys-color-on-surface);transition:all .2s cubic-bezier(.4,0,.2,1)}.week-nav-button:hover{background:var(--md-sys-color-primary-container);border-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary-container)}.week-date-range{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;font:var(--md-sys-typescale-title-medium);font-weight:600;color:var(--md-sys-color-on-surface)}.week-nav-today{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border:none;border-radius:var(--md-sys-shape-corner-small);padding:8px 16px;font:var(--md-sys-typescale-label-large);font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.week-nav-today:hover{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.day-selector{display:flex;gap:8px;margin-bottom:24px;overflow-x:auto;padding:4px}.day-button{flex:1;min-width:70px;padding:12px 8px;border:2px solid var(--md-sys-color-outline);background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);border-radius:var(--md-sys-shape-corner-medium);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;display:flex;flex-direction:column;align-items:center;gap:4px}.day-button:hover{background:var(--md-sys-color-surface-container);transform:translateY(-2px)}.day-button-selected{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);font-weight:600}.day-button-today{border-color:var(--md-sys-color-secondary)}.day-button-planned .day-button-name{font-weight:600}.day-button-name{font:var(--md-sys-typescale-label-large);text-transform:uppercase;letter-spacing:.5px}.day-button-date{font:var(--md-sys-typescale-title-medium);font-weight:600}.day-button-completed{background:var(--md-sys-color-success-container);border-color:var(--md-sys-color-success)}.day-completion-toggle{background:none;border:none;padding:4px;cursor:pointer;color:var(--md-sys-color-on-surface-variant);transition:color .3s ease}.day-completion-toggle:hover,.day-button-completed .day-completion-toggle{color:var(--md-sys-color-success)}.day-button-indicator{width:6px;height:6px;border-radius:50%;background:var(--md-sys-color-primary)}.day-button-selected .day-button-indicator{background:var(--md-sys-color-on-primary-container)}.day-completed-icon{color:var(--md-sys-color-success)}.day-button-plan-info{display:flex;flex-direction:column;align-items:center;gap:2px;max-width:100%;margin-top:4px}.plan-name{font-size:.688rem;font-weight:600;color:var(--md-sys-color-primary);text-align:center;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.day-button-selected .plan-name{color:var(--md-sys-color-on-primary-container)}.plan-exercises{font-size:.625rem;color:var(--md-sys-color-on-surface-variant);text-align:center;line-height:1.2}.day-button-selected .plan-exercises{color:var(--md-sys-color-on-primary-container)}.day-content{background:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-corner-large);padding:24px}.day-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.day-header h2{margin:0;font:var(--md-sys-typescale-headline-medium);color:var(--md-sys-color-on-surface)}.no-plan-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 24px;text-align:center}.no-plan-card h3{margin:0;font:var(--md-sys-typescale-title-large);color:var(--md-sys-color-on-surface)}.no-plan-card p{margin:0;font:var(--md-sys-typescale-body-large);color:var(--md-sys-color-on-surface-variant)}.no-plan-card button{margin-top:8px}.day-plan{display:flex;flex-direction:column;gap:24px}.plan-info-card{padding:20px;transition:all .3s ease}.plan-info-card.plan-completed{background:var(--md-sys-color-success-container);border:2px solid var(--md-sys-color-success)}.plan-info-row{display:flex;align-items:center;gap:16px}.plan-info-content{flex:1}.plan-day-type{font:var(--md-sys-typescale-title-large);color:var(--md-sys-color-on-surface);font-weight:700;margin-bottom:4px}.plan-time{font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface-variant);margin-bottom:4px}.plan-total-time{font:var(--md-sys-typescale-label-medium);color:var(--md-sys-color-primary);font-weight:600}.plan-complete-button{background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.plan-complete-button:hover{transform:scale(1.1)}.plan-complete-button:active{transform:scale(.95)}.exercises-header{display:flex;align-items:center;gap:12px}.exercises-header h3{margin:0;font:var(--md-sys-typescale-title-medium);color:var(--md-sys-color-on-surface);flex:1}.exercise-card-container{padding:20px;transition:all .3s ease}.exercise-card-container.exercise-completed{background:var(--md-sys-color-success-container);border:2px solid var(--md-sys-color-success)}.exercise-card-container.drag-over{border:2px dashed var(--md-sys-color-primary);background:var(--md-sys-color-primary-container);opacity:.7}.exercise-card-container.dragging{opacity:.5;transform:scale(.98)}.exercise-drag-handle{background:none;border:none;padding:4px;cursor:grab;display:flex;align-items:center;justify-content:center;color:var(--md-sys-color-on-surface-variant);transition:all .2s ease;border-radius:var(--md-sys-shape-corner-small)}.exercise-drag-handle:hover{background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface)}.exercise-drag-handle:active{cursor:grabbing}.exercise-expand-btn{background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--md-sys-color-on-surface-variant);transition:all .2s ease;border-radius:var(--md-sys-shape-corner-small)}.exercise-expand-btn:hover{transform:scale(1.1)}.exercise-expand-btn:active{transform:scale(.95)}.exercise-actions-vertical{display:flex;flex-direction:column;gap:4px;align-items:center}.exercise-delete-btn{background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:var(--md-sys-shape-corner-small)}.exercise-delete-btn:hover{transform:scale(1.1)}.exercise-delete-btn:active{transform:scale(.95)}.exercise-sets-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.set-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 12px;background:transparent;border-radius:var(--md-sys-shape-corner-medium);border:1px solid #82C18C;transition:all .3s ease}.set-card-completed{background:#82c18c1a;border-color:#82c18c}.set-number{font:var(--md-sys-typescale-label-small);color:var(--md-sys-color-on-surface-variant);font-weight:600;text-transform:uppercase;letter-spacing:.5px;min-width:40px}.set-data{font:var(--md-sys-typescale-body-large);color:#82c18c;font-weight:700;flex:1}.set-duration{font-size:inherit;color:var(--md-sys-color-on-surface-variant);font-weight:400}.set-undo-button{background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:var(--md-sys-shape-corner-small)}.set-undo-button:hover{transform:scale(1.1);background:#82c18c33}.set-undo-button:active{transform:scale(.95)}@media(max-width:768px){.day-selector{gap:6px}.day-button{min-width:60px;padding:10px 6px}.day-content{padding:16px}.day-header{flex-direction:column;align-items:flex-start;gap:12px}}.progress-container{display:flex;align-items:center;gap:12px;font-family:Poppins,sans-serif}.progress-linear{flex:1;width:100%}.progress-track{width:100%;background:var(--md-sys-color-surface-container-high);border-radius:var(--md-sys-shape-corner-full);overflow:hidden}.progress-indicator{height:100%;background:linear-gradient(90deg,var(--md-sys-color-primary) 0%,var(--md-sys-color-secondary) 100%);border-radius:var(--md-sys-shape-corner-full);transition:width .3s cubic-bezier(.4,0,.2,1)}.progress-linear.progress-small .progress-track{height:4px}.progress-linear.progress-medium .progress-track{height:6px}.progress-linear.progress-large .progress-track{height:8px}.progress-linear.progress-indeterminate .progress-indicator{animation:progressIndeterminate 1.5s cubic-bezier(.4,0,.2,1) infinite}@keyframes progressIndeterminate{0%{width:30%;margin-left:0}50%{width:30%;margin-left:70%}to{width:30%;margin-left:0}}.progress-label-linear{font-size:14px;font-weight:600;color:var(--md-sys-color-on-surface-variant);min-width:45px;text-align:right}.progress-circular{position:relative;display:inline-flex;align-items:center;justify-content:center}.progress-circular-svg{transform:rotate(-90deg)}.progress-circular-track{fill:none;stroke:var(--md-sys-color-surface-container-high);stroke-width:4}.progress-circular-indicator{fill:none;stroke:url(#progressGradient);stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset .3s cubic-bezier(.4,0,.2,1)}.progress-circular.progress-small{width:40px;height:40px}.progress-circular.progress-medium{width:50px;height:50px}.progress-circular.progress-large{width:60px;height:60px}.progress-circular.progress-indeterminate .progress-circular-svg{animation:progressCircularRotate 1.4s linear infinite}.progress-circular.progress-indeterminate .progress-circular-indicator{stroke-dasharray:80 200;stroke-dashoffset:0;animation:progressCircularDash 1.4s ease-in-out infinite}@keyframes progressCircularRotate{to{transform:rotate(270deg)}}@keyframes progressCircularDash{0%{stroke-dasharray:1 200;stroke-dashoffset:0}50%{stroke-dasharray:100 200;stroke-dashoffset:-15}to{stroke-dasharray:100 200;stroke-dashoffset:-125}}.progress-label{position:absolute;font-size:12px;font-weight:600;color:var(--md-sys-color-on-surface)}svg defs{display:none}.progress-circular-indicator{stroke:var(--md-sys-color-primary)}.habit-entry-modal{display:flex;flex-direction:column;gap:1.5rem}.progress-summary{padding:16px;background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border-radius:var(--md-sys-shape-corner-medium);text-align:center}.progress-summary-label{font:var(--md-sys-typescale-label-small);opacity:.8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.progress-summary-value{font:var(--md-sys-typescale-headline-medium);font-weight:700;margin-bottom:4px}.progress-summary-percent{font:var(--md-sys-typescale-title-medium);font-weight:600;opacity:.9}.add-entry-form{padding-bottom:1rem;border-bottom:1px solid var(--md-sys-color-outline-variant)}.entries-section{display:flex;flex-direction:column;gap:12px}.entries-title{margin:0;font:var(--md-sys-typescale-title-small);color:var(--md-sys-color-on-surface)}.entries-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.entry-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.entry-item:hover{transform:translate(4px)}.entry-info{flex:1;display:flex;align-items:center;justify-content:space-between;gap:12px}.entry-amount{font:var(--md-sys-typescale-title-medium);color:var(--md-sys-color-primary);font-weight:700}.entry-time{font:var(--md-sys-typescale-body-small);color:var(--md-sys-color-on-surface-variant)}.habit-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.habit-card-measurement{border-left:4px solid var(--md-sys-color-primary)}.habit-completed{background:var(--md-sys-color-success-container);border-left:4px solid var(--md-sys-color-success)}.habit-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.habit-info{display:flex;align-items:flex-start;gap:12px;flex:1}.habit-details{flex:1}.habit-actions{display:flex;align-items:center;gap:8px}.habit-name{font:var(--md-sys-typescale-title-medium);color:var(--md-sys-color-on-surface);margin:0 0 4px}.habit-description{font:var(--md-sys-typescale-body-small);color:var(--md-sys-color-on-surface-variant);margin:0}.habit-toggle{background:none;border:none;cursor:pointer;padding:0;color:var(--md-sys-color-outline);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.habit-toggle:hover{color:var(--md-sys-color-primary);transform:scale(1.1)}.habit-toggle-completed{color:var(--md-sys-color-success)}.habit-toggle-completed:hover{color:var(--md-sys-color-success);transform:scale(1)}.habit-toggle:disabled{opacity:.5;cursor:not-allowed}.habit-progress{display:flex;flex-direction:column;gap:12px}.habit-stats{display:flex;gap:16px;flex-wrap:wrap}.habit-stat{display:flex;align-items:center;gap:4px;font:var(--md-sys-typescale-body-small);color:var(--md-sys-color-on-surface-variant)}.habit-stat .material-symbols-outlined{color:var(--md-sys-color-primary)}.habit-weekly-progress{display:flex;flex-direction:column;gap:6px}.progress-label{font:var(--md-sys-typescale-label-small);color:var(--md-sys-color-on-surface-variant)}.habit-completion-message{display:flex;align-items:center;gap:8px;margin-top:12px;padding:8px 12px;background:var(--md-sys-color-success);color:var(--md-sys-color-on-success);border-radius:var(--md-sys-shape-corner-small);font:var(--md-sys-typescale-body-small);font-weight:600;animation:slideIn .3s cubic-bezier(.4,0,.2,1)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.habit-measurement-progress{margin-top:16px;margin-bottom:16px}.progress-info{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.progress-amount{font:var(--md-sys-typescale-title-medium);color:var(--md-sys-color-on-surface);font-weight:700}.progress-percent{font:var(--md-sys-typescale-label-large);color:var(--md-sys-color-primary);font-weight:600}@media(max-width:768px){.habit-card-header,.habit-info{gap:8px}.habit-name{font-size:16px}.habit-description{font-size:13px}.habit-stats{gap:12px}}.habit-templates{display:flex;flex-direction:column;gap:1.5rem}.templates-description{margin:0;color:var(--md-sys-color-on-surface-variant);text-align:center}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.template-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem;text-align:center;transition:all .2s ease}.template-card:hover{transform:translateY(-2px)}.template-card h4{margin:0;font-size:.875rem;font-weight:600;color:var(--md-sys-color-on-surface)}.template-card p{margin:0;font-size:.75rem;color:var(--md-sys-color-on-surface-variant);line-height:1.4}.template-frequency{font-size:.6875rem;padding:.25rem .5rem;background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border-radius:12px;text-transform:capitalize}.create-habit-form{display:flex;flex-direction:column;gap:1.5rem}.habit-preview{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--md-sys-color-surface-variant);border-radius:var(--md-sys-shape-corner-small);margin-top:.5rem}.habit-preview-text{margin:0;font-size:.875rem;line-height:1.5;color:var(--md-sys-color-on-surface-variant)}.habit-modal-header{display:flex;flex-direction:column;gap:.5rem}.back-to-templates-btn{align-self:flex-start;padding-left:0}@media(min-width:768px){.habit-modal-header{flex-direction:row;align-items:center;justify-content:space-between}.back-to-templates-btn{align-self:auto}}.suggestions-section{margin-bottom:32px}.suggestions-section h2{display:flex;align-items:center;gap:12px;margin-bottom:16px;font:var(--md-sys-typescale-title-large);color:var(--md-sys-color-on-surface)}.suggestions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.suggestion-card{display:flex;align-items:center;gap:16px;padding:16px;cursor:pointer;transition:all .3s ease}.suggestion-card:hover{transform:translateY(-2px);box-shadow:var(--md-sys-elevation-2)}.suggestion-icon-wrapper{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-surface-variant);flex-shrink:0}.suggestion-content{flex:1;min-width:0}.suggestion-title{margin:0 0 4px;font:var(--md-sys-typescale-title-medium);color:var(--md-sys-color-on-surface)}.suggestion-description{margin:0;font:var(--md-sys-typescale-body-small);color:var(--md-sys-color-on-surface-variant);line-height:1.4}.suggestion-action{display:flex;align-items:center;justify-content:center;flex-shrink:0}@media(max-width:768px){.suggestions-grid{grid-template-columns:1fr}.suggestion-card{padding:12px;gap:12px}.suggestion-icon-wrapper{width:40px;height:40px}}.dashboard-page{display:flex;flex-direction:column;gap:24px;padding-bottom:40px}.dashboard-page>*+*{margin-top:24px}.dashboard-welcome{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:8px}.welcome-content h1{margin:0 0 8px;font:var(--md-sys-typescale-headline-large);color:var(--md-sys-color-on-background)}.welcome-content p{margin:0;font:var(--md-sys-typescale-body-large);color:var(--md-sys-color-on-surface-variant)}.todays-plan-card{padding:24px}.todays-plan-card h2{display:flex;align-items:center;gap:12px;margin:0 0 20px;font:var(--md-sys-typescale-title-large);color:var(--md-sys-color-on-surface)}.suggestions-list{display:flex;flex-direction:column;gap:12px}.suggestion-card{display:flex;align-items:center;gap:16px;padding:16px}.suggestion-content{flex:1}.suggestion-content h4{margin:0 0 4px;font:var(--md-sys-typescale-title-medium);color:var(--md-sys-color-on-surface)}.suggestion-content p{margin:0;font:var(--md-sys-typescale-body-small);color:var(--md-sys-color-on-surface-variant)}.quick-start{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 24px;text-align:center}.quick-start h3{margin:0;font:var(--md-sys-typescale-headline-small);color:var(--md-sys-color-on-surface)}.quick-start p{margin:0;font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface-variant)}.quick-start button{margin-top:8px}.section-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.section-header h2{display:flex;align-items:center;gap:12px;margin:0;font:var(--md-sys-typescale-title-large);color:var(--md-sys-color-on-background)}.habits-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.habit-view-toggle{display:flex;gap:4px;background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-small);padding:4px}.habit-toggle-btn{background:transparent;color:var(--md-sys-color-on-surface);border:none;border-radius:var(--md-sys-shape-corner-small);padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.habit-toggle-btn.active{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.habit-date-nav{display:flex;gap:8px;align-items:center}.habit-nav-btn{background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-small);padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--md-sys-color-on-surface)}.habit-today-btn{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border:none;border-radius:var(--md-sys-shape-corner-small);padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer}.habits-section h2,.week-section h2{display:flex;align-items:center;gap:12px;margin:0 0 20px;font:var(--md-sys-typescale-title-large);color:var(--md-sys-color-on-background)}.habits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.main-view-toggle{display:flex;gap:4px;background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-medium);padding:6px;margin:0 0 24px}.main-toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;background:transparent;color:var(--md-sys-color-on-surface);border:none;border-radius:var(--md-sys-shape-corner-small);padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.main-toggle-btn.active{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);box-shadow:var(--md-sys-elevation-1)}.week-section{margin-top:8px}.action-cards{display:flex;flex-direction:column;gap:16px;align-items:center}.action-card{width:100%;max-width:400px}.action-card .card-body{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 24px;gap:12px}.action-card h3{margin:0;font:var(--md-sys-typescale-title-medium);color:var(--md-sys-color-on-surface)}.action-card p{margin:0;font:var(--md-sys-typescale-body-small);color:var(--md-sys-color-on-surface-variant)}.action-card button{margin-top:8px;width:100%}.stats-summary h2{margin:0 0 20px;font:var(--md-sys-typescale-title-large);color:var(--md-sys-color-on-background)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.stat-card{background:var(--md-sys-color-surface);padding:20px;border-radius:var(--md-sys-shape-corner-medium);box-shadow:var(--md-sys-elevation-1);display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .3s cubic-bezier(.4,0,.2,1)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--md-sys-elevation-2)}.stat-label{font:var(--md-sys-typescale-body-small);color:var(--md-sys-color-on-surface-variant);margin-top:8px}@media(max-width:768px){.dashboard-page{gap:24px}.dashboard-welcome{flex-direction:column;align-items:flex-start}.welcome-content h1{font-size:28px}.main-toggle-btn{font-size:14px;padding:10px 16px}.section-header{flex-wrap:wrap}.section-header h2{flex:1 1 100%;margin-bottom:12px}.habits-controls{width:100%;justify-content:space-between}.habits-controls>button:last-child{flex:1 1 100%;margin-top:8px}.habits-grid,.action-cards{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.stat-grid{grid-template-columns:1fr}}.avatar-container{position:relative;display:inline-flex}.avatar{position:relative;display:flex;align-items:center;justify-content:center;border-radius:var(--md-sys-shape-corner-full);overflow:hidden;background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);font-family:Poppins,sans-serif;font-weight:600;-webkit-user-select:none;user-select:none;flex-shrink:0}.avatar-small{width:32px;height:32px;font-size:14px}.avatar-medium{width:40px;height:40px;font-size:16px}.avatar-large{width:56px;height:56px;font-size:20px}.avatar-xlarge{width:80px;height:80px;font-size:28px}.avatar-image{width:100%;height:100%;object-fit:cover}.avatar-fallback{background:linear-gradient(135deg,var(--md-sys-color-primary) 0%,var(--md-sys-color-secondary) 100%);color:var(--md-sys-color-on-primary)}.avatar-initials{display:flex;align-items:center;justify-content:center}.avatar-clickable{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.avatar-clickable:hover{transform:scale(1.05);box-shadow:var(--md-sys-elevation-2)}.avatar-clickable:active{transform:scale(.95)}.avatar-clickable:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.avatar-badge{position:absolute;bottom:0;right:0;transform:translate(25%,25%);z-index:1}[data-theme=dark] .avatar-fallback{filter:brightness(.95)}.profile-page{max-width:800px;margin:0 auto}.profile-page h2{margin:32px 0 20px;font:var(--md-sys-typescale-headline-medium);color:var(--md-sys-color-on-background)}.profile-header{margin-bottom:32px}.profile-header-content{display:flex;align-items:center;gap:24px;margin-bottom:24px}.profile-info{flex:1}.profile-info h1{margin:0 0 8px;font:var(--md-sys-typescale-headline-large);color:var(--md-sys-color-on-surface)}.profile-email{margin:0 0 4px;font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface-variant)}.profile-joined{margin:0;font:var(--md-sys-typescale-body-small);color:var(--md-sys-color-on-surface-variant);opacity:.7}.profile-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:32px}.stat-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 16px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.stat-card:hover{transform:translateY(-4px)}.stat-icon{margin-bottom:12px}.stat-value{font:var(--md-sys-typescale-headline-medium);color:var(--md-sys-color-primary);font-weight:700;margin-bottom:4px}.profile-privacy{display:flex;align-items:center;gap:12px;padding:16px 20px}.profile-privacy-info{flex:1;display:flex;align-items:center;gap:8px;font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface)}.profile-privacy-info strong{font-weight:600}.profile-privacy-info span{color:var(--md-sys-color-on-surface-variant)}@media(max-width:768px){.profile-header-content{flex-direction:column;text-align:center}.profile-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.profile-stats{grid-template-columns:1fr}}.switch-container{display:flex;flex-direction:column;gap:4px}.switch-content{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0}.switch-label-group{display:flex;flex-direction:column;gap:4px;flex:1}.switch-label{font:var(--md-sys-typescale-body-large);color:var(--md-sys-color-on-surface)}.switch-helper-text{font:var(--md-sys-typescale-body-small);color:var(--md-sys-color-on-surface-variant);line-height:1.4}.switch{position:relative;width:52px;height:32px;border:none;background:transparent;cursor:pointer;padding:0;flex-shrink:0}.switch:disabled{cursor:not-allowed;opacity:.38}.switch-track{position:absolute;inset:0;display:flex;align-items:center;background:var(--md-sys-color-surface-variant);border:2px solid var(--md-sys-color-outline);border-radius:16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.switch-checked .switch-track{background:var(--md-sys-color-primary);border-color:var(--md-sys-color-primary)}.switch-thumb{position:absolute;left:4px;width:16px;height:16px;background:var(--md-sys-color-outline);border-radius:50%;transition:all .2s cubic-bezier(.4,0,.2,1)}.switch-checked .switch-thumb{left:28px;background:var(--md-sys-color-on-primary);width:24px;height:24px;top:50%;transform:translateY(-50%)}.switch:hover:not(:disabled) .switch-track{box-shadow:0 2px 4px #0000001a}.switch:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px;border-radius:16px}.switch-disabled{opacity:.38;pointer-events:none}.settings-page{max-width:600px;margin:0 auto}.settings-page h1{margin:0 0 32px;font:var(--md-sys-typescale-headline-large);color:var(--md-sys-color-on-background)}.settings-section{margin-bottom:24px}.settings-section h2{margin:0 0 20px;font:var(--md-sys-typescale-headline-small);color:var(--md-sys-color-on-surface)}.settings-section .select-container{margin-bottom:20px}.settings-section .select-container:last-child{margin-bottom:0}.settings-actions{display:flex;flex-direction:column;gap:16px;margin-top:32px}.btn-logout-settings{color:var(--md-sys-color-error)}.btn-logout-settings:hover{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.privacy-description{margin:0 0 16px;font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface-variant)}.privacy-toggles{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--md-sys-color-outline-variant);padding-top:12px}@media(max-width:768px){.settings-page{padding:0}.settings-page h1{margin-bottom:24px}}.set-logger{padding:24px}.logger-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px}.logger-title{display:flex;align-items:center;gap:12px}.logger-title h3{margin:0 0 4px;font:var(--md-sys-typescale-title-large);color:var(--md-sys-color-on-surface)}.logger-subtitle{margin:0;font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface-variant)}.logger-form{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.logger-inputs-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.logger-weight-toggle{display:flex;gap:8px;padding:4px;background:var(--md-sys-color-surface-variant);border-radius:var(--md-sys-shape-corner-medium)}.toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:transparent;border:none;border-radius:var(--md-sys-shape-corner-small);font:var(--md-sys-typescale-label-large);color:var(--md-sys-color-on-surface-variant);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.toggle-btn:hover{background:var(--md-sys-color-surface)}.toggle-btn.active{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);font-weight:600}.logger-previous{display:flex;align-items:center;gap:8px;padding:12px;background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);border-radius:var(--md-sys-shape-corner-small);font:var(--md-sys-typescale-body-small)}.logger-actions{display:flex;gap:12px;flex-wrap:wrap}.logger-actions button{flex:1;min-width:120px}.logger-prs{margin-top:20px;padding-top:20px;border-top:2px solid var(--md-sys-color-success);display:flex;flex-direction:column;gap:12px;animation:slideInUp .5s cubic-bezier(.4,0,.2,1)}.pr-celebration{display:flex;align-items:center;justify-content:center;gap:12px;color:var(--md-sys-color-success)}.pr-text{font:var(--md-sys-typescale-title-large);font-weight:700}.pr-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.set-logger{padding:20px}.logger-header{flex-direction:column;align-items:flex-start}.logger-inputs-row{grid-template-columns:1fr}.logger-actions{flex-direction:column}.logger-actions button{width:100%}}.rest-timer{padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.rest-timer.timer-ending{background:var(--md-sys-color-error-container);border:2px solid var(--md-sys-color-error)}.timer-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.timer-header h3{margin:0;font:var(--md-sys-typescale-title-large);color:var(--md-sys-color-on-surface)}.timer-display{display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:24px}.timer-time{font-size:72px;font-weight:700;color:var(--md-sys-color-primary);font-family:Poppins,system-ui,sans-serif;line-height:1;transition:color .3s cubic-bezier(.4,0,.2,1)}.timer-time.pulse{animation:pulse 1s cubic-bezier(.4,0,.2,1) infinite;color:var(--md-sys-color-error)}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.timer-controls{margin-bottom:16px}.timer-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}@media(max-width:768px){.rest-timer{padding:20px}.timer-time{font-size:60px}.timer-actions{gap:6px}}@media(max-width:480px){.timer-time{font-size:48px}.timer-actions button{flex:1 1 calc(50% - 4px)}}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;padding:40px}.spinner{width:50px;height:50px;border:4px solid var(--md-sys-color-surface-container);border-top:4px solid var(--md-sys-color-primary);border-radius:var(--md-sys-shape-corner-full);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner-container p{margin-top:20px;color:var(--md-sys-color-on-surface-variant);font-size:1rem}.exercise-history{padding:20px}.history-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.history-header h4{margin:0;font:var(--md-sys-typescale-title-medium);color:var(--md-sys-color-on-surface)}.history-list{display:flex;flex-direction:column;gap:16px}.history-record{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--md-sys-color-surface-variant);border-radius:var(--md-sys-shape-corner-medium);border-left:4px solid var(--md-sys-color-primary)}.record-date{display:flex;align-items:center;gap:8px;font:var(--md-sys-typescale-label-large);color:var(--md-sys-color-on-surface-variant);font-weight:600}.record-sets{display:flex;flex-direction:column;gap:6px}.record-set{display:flex;justify-content:space-between;align-items:center;font:var(--md-sys-typescale-body-medium)}.set-number{color:var(--md-sys-color-on-surface-variant)}.set-data{color:var(--md-sys-color-on-surface);font-weight:600}.record-volume{display:flex;align-items:center;gap:6px;margin-top:4px;padding-top:12px;border-top:1px solid var(--md-sys-color-outline-variant);font:var(--md-sys-typescale-body-small);color:var(--md-sys-color-primary);font-weight:600}.history-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;text-align:center;color:var(--md-sys-color-on-surface-variant)}.history-empty p{margin:0;font:var(--md-sys-typescale-body-medium)}@media(max-width:768px){.exercise-history{padding:16px}.history-record{padding:12px}.record-set{font-size:14px}}.form-cues{padding:0;overflow:hidden}.form-cues-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:20px;background:none;border:none;cursor:pointer;transition:background .2s cubic-bezier(.4,0,.2,1)}.form-cues-toggle:hover{background:var(--md-sys-color-surface-variant)}.toggle-header{display:flex;align-items:center;gap:12px}.toggle-header h4{margin:0;font:var(--md-sys-typescale-title-medium);color:var(--md-sys-color-on-surface)}.toggle-icon{color:var(--md-sys-color-on-surface-variant)}.form-cues-content{padding:0 20px 20px;display:flex;flex-direction:column;gap:20px;animation:expandDown .3s cubic-bezier(.4,0,.2,1)}@keyframes expandDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.cues-section{display:flex;flex-direction:column;gap:12px}.section-title{display:flex;align-items:center;gap:8px;font:var(--md-sys-typescale-title-small);color:var(--md-sys-color-primary);font-weight:600}.instructions-list{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px}.instructions-list li{font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface);line-height:1.5}.form-cues-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.form-cues-list li{display:flex;align-items:flex-start;gap:8px;font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface);line-height:1.5}.form-cues-list li .material-symbols-outlined{flex-shrink:0;margin-top:2px}.equipment-info{display:flex;align-items:center;gap:8px;padding:12px;background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);border-radius:var(--md-sys-shape-corner-small);font:var(--md-sys-typescale-body-small)}.equipment-info strong{text-transform:capitalize}@media(max-width:768px){.form-cues-toggle{padding:16px}.form-cues-content{padding:0 16px 16px}.instructions-list,.form-cues-list{font-size:14px}}.workout-session{display:flex;flex-direction:column;gap:24px;padding-bottom:40px}.session-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.session-title{display:flex;align-items:center;gap:16px}.session-title h1{margin:0 0 4px;font:var(--md-sys-typescale-headline-large);color:var(--md-sys-color-on-background)}.session-subtitle{margin:0;font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface-variant)}.session-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:20px}.stat-item{display:flex;align-items:center;gap:12px}.stat-item>div{display:flex;flex-direction:column}.stat-value{font:var(--md-sys-typescale-title-large);color:var(--md-sys-color-primary);font-weight:700;line-height:1}.stat-label{font:var(--md-sys-typescale-label-small);color:var(--md-sys-color-on-surface-variant);margin-top:4px}.active-logger,.active-rest{display:flex;flex-direction:column;gap:20px;padding:24px;background:var(--md-sys-color-primary-container);border-radius:var(--md-sys-shape-corner-large);border:2px solid var(--md-sys-color-primary)}.exercises-section{display:flex;flex-direction:column;gap:16px}.section-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.section-header h2{margin:0;font:var(--md-sys-typescale-title-large);color:var(--md-sys-color-on-background)}.empty-exercises{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 24px;text-align:center}.empty-exercises h3{margin:0;font:var(--md-sys-typescale-headline-small);color:var(--md-sys-color-on-surface)}.empty-exercises p{margin:0;font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface-variant)}.empty-exercises button{margin-top:8px}.exercises-list{display:flex;flex-direction:column;gap:16px}.exercise-card{padding:20px}.exercise-card-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.exercise-info{display:flex;align-items:center;gap:12px;flex:1}.exercise-info h4{margin:0 0 4px;font:var(--md-sys-typescale-title-medium);color:var(--md-sys-color-on-surface)}.exercise-meta{margin:0;font:var(--md-sys-typescale-body-small);color:var(--md-sys-color-on-surface-variant);text-transform:capitalize}.exercise-actions{display:flex;gap:8px;flex-shrink:0}.exercise-sets-list{display:flex;flex-direction:column;gap:12px;padding-top:16px}.set-card{display:flex;flex-direction:column;gap:8px;padding:16px;background:var(--md-sys-color-surface-variant);border-radius:var(--md-sys-shape-corner-medium);border:2px solid transparent;transition:all .3s cubic-bezier(.4,0,.2,1)}.set-card-completed{background:var(--md-sys-color-success-container);border-color:var(--md-sys-color-success)}.set-card-header{display:flex;justify-content:space-between;align-items:center}.set-number{font:var(--md-sys-typescale-label-large);color:var(--md-sys-color-on-surface-variant);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.set-card-completed .set-number{color:var(--md-sys-color-on-success-container)}.set-complete-button{background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.set-complete-button:hover{transform:scale(1.1)}.set-complete-button:active{transform:scale(.95)}.set-data{font:var(--md-sys-typescale-body-large);color:var(--md-sys-color-on-surface);font-weight:600;margin-left:4px}.set-card-completed .set-data{color:var(--md-sys-color-on-success-container)}.set-duration{font:var(--md-sys-typescale-label-medium);color:var(--md-sys-color-on-surface-variant);margin-left:4px}.rest-timer-container{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;margin:0 20px;background:var(--md-sys-color-secondary-container);border-radius:var(--md-sys-shape-corner-small);border-left:3px solid var(--md-sys-color-secondary);border-right:3px solid var(--md-sys-color-secondary)}.rest-timer-container span{font:var(--md-sys-typescale-label-medium);color:var(--md-sys-color-on-secondary-container);font-weight:600}.exercise-complete-card{margin-top:8px;padding:0;border:2px solid var(--md-sys-color-outline);background:var(--md-sys-color-surface-variant);transition:all .3s cubic-bezier(.4,0,.2,1)}.exercise-complete-card-completed{background:var(--md-sys-color-success-container);border-color:var(--md-sys-color-success)}.exercise-complete-button{width:100%;background:none;border:none;padding:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .2s ease}.exercise-complete-button:hover{transform:translateY(-2px)}.exercise-complete-button:active{transform:scale(.98)}.exercise-complete-button span{font:var(--md-sys-typescale-title-medium);color:var(--md-sys-color-on-surface-variant);font-weight:600}.exercise-complete-card-completed .exercise-complete-button span{color:var(--md-sys-color-on-success-container)}.set-skipped{font:var(--md-sys-typescale-body-small);color:var(--md-sys-color-error);font-style:italic}.finish-section{position:sticky;bottom:80px;padding:20px;background:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-corner-large);box-shadow:var(--md-sys-elevation-3);z-index:10}@media(max-width:768px){.workout-session{gap:20px}.session-header{flex-direction:column;align-items:flex-start}.session-title h1{font-size:28px}.session-stats{grid-template-columns:repeat(2,1fr);gap:12px;padding:16px}.stat-item{flex-direction:column;align-items:flex-start;gap:8px}.active-logger,.active-rest{padding:16px}.section-header{flex-direction:column;align-items:flex-start}.section-header button{width:100%}.exercise-card{padding:16px}.exercise-card-header{flex-direction:column;align-items:flex-start}.exercise-actions{width:100%}.exercise-actions button{flex:1}.finish-section{bottom:60px;padding:16px}}@media(max-width:480px){.session-stats{grid-template-columns:1fr}}.tabs-container{display:inline-flex;background:var(--md-sys-color-surface-container-low);border-radius:var(--md-sys-shape-corner-full);padding:4px;gap:4px;font-family:Poppins,sans-serif}.tabs-full-width{display:flex;width:100%}.tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:none;border-radius:var(--md-sys-shape-corner-full);background:transparent;color:var(--md-sys-color-on-surface-variant);font-family:Poppins,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.tab:hover{background:var(--md-sys-color-surface-container)}.tab-active{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);font-weight:600}.tab-active:hover{background:var(--md-sys-color-secondary-container)}.tab-icon{display:flex;align-items:center;justify-content:center;font-size:18px}.tab-label{display:inline-flex;align-items:center}@media(max-width:768px){.tab{padding:8px 12px;font-size:13px}.tab-icon{font-size:16px}}.coaching-plan-view{display:flex;flex-direction:column;gap:16px;margin-top:16px}.plan-section{background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-medium);overflow:hidden}.plan-section-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px;background:transparent;border:none;cursor:pointer;transition:background .2s}.plan-section-header:hover{background:var(--md-sys-color-surface-container-high)}.section-title{display:flex;align-items:center;gap:12px}.section-title h3{margin:0;font:var(--md-sys-typescale-title-medium);color:var(--md-sys-color-on-surface)}.plan-section-content{padding:0 16px 16px}.strategy-description{margin:0 0 16px;font:var(--md-sys-typescale-body-large);color:var(--md-sys-color-on-surface-variant)}.strategy-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px}.strategy-stat{display:flex;align-items:center;gap:12px;padding:12px;background:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-corner-small)}.strategy-stat .stat-label{font:var(--md-sys-typescale-label-small);color:var(--md-sys-color-on-surface-variant);text-transform:uppercase;letter-spacing:.5px}.strategy-stat .stat-value{font:var(--md-sys-typescale-title-medium);color:var(--md-sys-color-primary);font-weight:600}.focus-areas h4{margin:0 0 12px;font:var(--md-sys-typescale-title-small);color:var(--md-sys-color-on-surface)}.focus-areas ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.focus-areas li{display:flex;align-items:center;gap:8px;font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface)}.milestones-timeline{display:flex;flex-direction:column;gap:0}.milestone-item{display:flex;gap:16px;position:relative}.milestone-marker{display:flex;flex-direction:column;align-items:center;width:24px}.milestone-dot{width:12px;height:12px;border-radius:50%;background:var(--md-sys-color-primary);border:3px solid var(--md-sys-color-primary-container)}.milestone-line{width:2px;flex:1;background:var(--md-sys-color-outline);min-height:40px}.milestone-content{padding:4px 0 16px;flex:1}.milestone-week{font:var(--md-sys-typescale-label-medium);color:var(--md-sys-color-on-surface-variant);text-transform:uppercase;letter-spacing:.5px}.milestone-target{font:var(--md-sys-typescale-headline-small);color:var(--md-sys-color-primary);font-weight:700;margin:4px 0}.milestone-date{font:var(--md-sys-typescale-body-small);color:var(--md-sys-color-on-surface-variant)}.recommendation-card{padding:16px;margin-bottom:12px}.rec-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.rec-header h4{margin:0;font:var(--md-sys-typescale-title-small);color:var(--md-sys-color-on-surface)}.rec-description{margin:0 0 12px;font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface-variant)}.rec-details{display:flex;gap:16px;flex-wrap:wrap;font:var(--md-sys-typescale-label-medium);color:var(--md-sys-color-on-surface)}.rec-items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.rec-items li{font:var(--md-sys-typescale-body-small);color:var(--md-sys-color-on-surface-variant);padding-left:16px;position:relative}.rec-items li:before{content:"•";position:absolute;left:4px;color:var(--md-sys-color-primary)}.workout-tip{margin-bottom:20px}.workout-tip h4{display:flex;align-items:center;gap:8px;margin:0 0 12px;font:var(--md-sys-typescale-title-small);color:var(--md-sys-color-on-surface)}.workout-tip ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.workout-tip li{font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface-variant);padding-left:20px;position:relative}.workout-tip li:before{content:"→";position:absolute;left:4px;color:var(--md-sys-color-success);font-weight:700}.progression-rules-card{padding:16px;background:var(--md-sys-color-primary-container)}.progression-rules-card h4{display:flex;align-items:center;gap:8px;margin:0 0 12px;font:var(--md-sys-typescale-title-small);color:var(--md-sys-color-on-primary-container)}.progression-rules{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.progression-rules li{display:flex;align-items:flex-start;gap:8px;font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-primary-container);line-height:1.5}@media(max-width:768px){.strategy-details{grid-template-columns:1fr}}.add-goal-entry-modal{display:flex;flex-direction:column;gap:24px}.entry-form{display:flex;flex-direction:column;gap:16px}.current-progress-display{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px;background:var(--md-sys-color-surface-container-low);border-radius:var(--md-sys-shape-corner-medium)}.progress-item{display:flex;flex-direction:column;align-items:center;gap:4px}.progress-label{font-size:.625rem;font-weight:500;color:var(--md-sys-color-on-surface-variant);text-transform:uppercase;white-space:nowrap}.progress-value{font-size:1.1rem;font-weight:600;color:var(--md-sys-color-on-surface);white-space:nowrap}.progress-divider{font-size:1.5rem;color:var(--md-sys-color-on-surface-variant)}.entry-history{display:flex;flex-direction:column;gap:12px}.entry-history h4{margin:0;font-size:.875rem;font-weight:600;color:var(--md-sys-color-on-surface);text-transform:uppercase}.entries-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.entry-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-small)}.entry-info{display:flex;flex-direction:column;gap:4px}.entry-value{font-size:1rem;font-weight:600;color:var(--md-sys-color-on-surface)}.entry-date{font-size:.813rem;color:var(--md-sys-color-on-surface-variant)}.no-entries{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px;text-align:center}.no-entries p{margin:0;color:var(--md-sys-color-on-surface-variant);font-size:.875rem}.goal-card{padding:24px;display:flex;flex-direction:column;gap:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.goal-card.goal-status-completed{opacity:.85;border-left:4px solid var(--md-sys-color-success)}.goal-card.goal-status-archived{opacity:.7;filter:grayscale(50%)}.goal-card-header{display:flex;align-items:flex-start;gap:16px}.goal-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--md-sys-color-primary-container);border-radius:var(--md-sys-shape-corner-medium)}.goal-info{flex:1;min-width:0}.goal-title{margin:0 0 4px;font:var(--md-sys-typescale-title-large);color:var(--md-sys-color-on-surface)}.goal-description{margin:0;font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface-variant)}.goal-progress-section{display:flex;flex-direction:column;gap:12px}.progress-stats{display:flex;align-items:center;justify-content:center;gap:16px}.progress-current,.progress-target{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-value{font:var(--md-sys-typescale-headline-medium);color:var(--md-sys-color-primary);font-weight:700;line-height:1}.stat-label{font:var(--md-sys-typescale-label-small);color:var(--md-sys-color-on-surface-variant);text-transform:uppercase}.progress-divider{font-size:32px;color:var(--md-sys-color-outline);font-weight:300}.goal-exercise,.goal-deadline,.goal-completed{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--md-sys-color-surface-variant);border-radius:var(--md-sys-shape-corner-small);font:var(--md-sys-typescale-body-small);color:var(--md-sys-color-on-surface-variant)}.goal-deadline{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.goal-completed{background:var(--md-sys-color-success-container);color:var(--md-sys-color-on-success-container)}.goal-actions{display:flex;gap:8px;flex-wrap:wrap;padding-top:8px;border-top:1px solid var(--md-sys-color-outline-variant)}@media(max-width:768px){.goal-card{padding:20px}.goal-card-header{gap:12px}.goal-icon{width:40px;height:40px}.goal-title{font-size:18px}.progress-stats{gap:12px}.stat-value{font-size:20px}.progress-divider{font-size:24px}.goal-actions{flex-direction:column}.goal-actions button{width:100%}}.create-goal-form{display:flex;flex-direction:column;gap:1.5rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end}.goal-preview{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--md-sys-color-surface-variant);border-radius:var(--md-sys-shape-corner-small);margin-top:.5rem}.goal-preview-text{margin:0;font-size:.875rem;line-height:1.5;color:var(--md-sys-color-on-surface-variant)}.goals-page{display:flex;flex-direction:column;gap:24px;padding-bottom:40px}.goals-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.goals-title{display:flex;align-items:center;gap:16px}.goals-title h1{margin:0 0 4px;font:var(--md-sys-typescale-headline-large);color:var(--md-sys-color-on-background)}.goals-subtitle{margin:0;font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface-variant)}.goals-tabs{width:100%}.goals-list{display:flex;flex-direction:column;gap:16px}.goals-loading,.goals-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 24px;text-align:center}.goals-empty h3{margin:0;font:var(--md-sys-typescale-headline-small);color:var(--md-sys-color-on-surface)}.goals-empty p{margin:0;font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface-variant)}.goals-empty button{margin-top:8px}@media(max-width:768px){.goals-page{gap:20px}.goals-header{flex-direction:column;align-items:flex-start}.goals-header button{width:100%}.goals-title h1{font-size:28px}}.analytics-page{display:flex;flex-direction:column;gap:24px;padding-bottom:40px}.analytics-header{display:flex;align-items:center;gap:16px;margin-bottom:8px}.analytics-header h1{margin:0 0 4px;font:var(--md-sys-typescale-headline-large);color:var(--md-sys-color-on-background)}.analytics-subtitle{margin:0;font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface-variant)}.analytics-section{display:flex;flex-direction:column;gap:20px}.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.analytics-stat-card{display:flex;align-items:center;gap:16px;padding:24px}.stat-value{font:var(--md-sys-typescale-display-small);color:var(--md-sys-color-primary);font-weight:700;line-height:1}.stat-label{font:var(--md-sys-typescale-label-medium);color:var(--md-sys-color-on-surface-variant)}.analytics-detail-card{padding:24px}.analytics-detail-card h3{margin:0 0 20px;font:var(--md-sys-typescale-title-large);color:var(--md-sys-color-on-surface)}.detail-stats{display:flex;flex-direction:column;gap:12px}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--md-sys-color-surface-variant);border-radius:var(--md-sys-shape-corner-small)}.detail-label{font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface-variant)}.detail-value{font:var(--md-sys-typescale-title-medium);color:var(--md-sys-color-on-surface);font-weight:600}.volume-list{display:flex;flex-direction:column;gap:16px}.volume-item{display:grid;grid-template-columns:120px 1fr 80px;align-items:center;gap:16px}.volume-muscle{font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface);text-transform:capitalize;font-weight:600}.volume-bar-container{height:8px;background:var(--md-sys-color-surface-variant);border-radius:var(--md-sys-shape-corner-full);overflow:hidden}.volume-bar{height:100%;background:var(--md-sys-color-primary);border-radius:var(--md-sys-shape-corner-full);transition:width .3s cubic-bezier(.4,0,.2,1)}.volume-value{font:var(--md-sys-typescale-label-large);color:var(--md-sys-color-on-surface-variant);text-align:right}.top-exercises-list{display:flex;flex-direction:column;gap:12px}.top-exercise-item{display:flex;align-items:center;gap:16px;padding:12px;background:var(--md-sys-color-surface-variant);border-radius:var(--md-sys-shape-corner-medium)}.exercise-rank{font:var(--md-sys-typescale-headline-small);color:var(--md-sys-color-primary);font-weight:700;min-width:40px}.exercise-info{flex:1;display:flex;flex-direction:column;gap:4px}.exercise-name{font:var(--md-sys-typescale-title-medium);color:var(--md-sys-color-on-surface)}.exercise-stats{font:var(--md-sys-typescale-body-small);color:var(--md-sys-color-on-surface-variant)}.weekly-time-list{display:flex;flex-direction:column;gap:12px}.weekly-time-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--md-sys-color-surface-variant);border-radius:var(--md-sys-shape-corner-small)}.week-label{font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface)}.week-stats{font:var(--md-sys-typescale-label-large);color:var(--md-sys-color-on-surface-variant)}.analytics-loading{display:flex;justify-content:center;align-items:center;padding:60px}@media(max-width:768px){.analytics-header h1{font-size:28px}.stat-cards{grid-template-columns:repeat(2,1fr)}.analytics-stat-card{padding:20px}.volume-item{grid-template-columns:100px 1fr 60px;gap:12px}}@media(max-width:480px){.stat-cards{grid-template-columns:1fr}}.friend-card{display:flex;flex-direction:column;gap:16px;padding:16px}.friend-card-content{display:flex;align-items:center;gap:16px}.friend-info{flex:1;min-width:0}.friend-name{margin:0 0 4px;font:var(--md-sys-typescale-title-medium);color:var(--md-sys-color-on-surface)}.friend-email{margin:0 0 8px;font:var(--md-sys-typescale-body-small);color:var(--md-sys-color-on-surface-variant)}.friend-stats{display:flex;gap:16px;flex-wrap:wrap}.friend-stat{display:flex;align-items:center;gap:4px;font:var(--md-sys-typescale-label-small);color:var(--md-sys-color-on-surface-variant)}.friend-actions{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:768px){.friend-card-content{flex-direction:column;align-items:flex-start}.friend-actions{width:100%}.friend-actions button{flex:1}}.user-search-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px}.user-search-content{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.user-search-info{flex:1;min-width:0}.user-search-name{margin:0 0 4px;font:var(--md-sys-typescale-body-large);color:var(--md-sys-color-on-surface)}.user-search-email{margin:0;font:var(--md-sys-typescale-body-small);color:var(--md-sys-color-on-surface-variant);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-search-actions{flex-shrink:0}@media(max-width:768px){.user-search-card{flex-direction:column;align-items:stretch}.user-search-actions,.user-search-actions button{width:100%}}.friends-page{display:flex;flex-direction:column;gap:24px;padding-bottom:40px}.friends-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.friends-title{display:flex;align-items:center;gap:16px}.friends-title h1{margin:0 0 4px;font:var(--md-sys-typescale-headline-large);color:var(--md-sys-color-on-background)}.friends-subtitle{margin:0;font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface-variant)}.friends-tabs{width:100%}.friends-list,.requests-list,.search-results{display:flex;flex-direction:column;gap:16px}.friends-loading,.friends-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 24px;text-align:center}.friends-empty h3{margin:0;font:var(--md-sys-typescale-headline-small);color:var(--md-sys-color-on-surface)}.friends-empty p{margin:0;font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface-variant)}.search-card{padding:16px}.search-form{display:flex;gap:16px;align-items:flex-end}.search-form>*:first-child{flex:1}.requests-section{display:flex;flex-direction:column;gap:20px}.request-card{padding:16px}.request-content{display:flex;justify-content:space-between;align-items:center;gap:16px}.request-user{display:flex;align-items:center;gap:12px;flex:1}.request-info{display:flex;flex-direction:column;gap:4px}.request-info h4{margin:0;font:var(--md-sys-typescale-body-large);color:var(--md-sys-color-on-surface)}.request-info p{margin:0;font:var(--md-sys-typescale-body-small);color:var(--md-sys-color-on-surface-variant)}.request-status{font:var(--md-sys-typescale-label-small);color:var(--md-sys-color-tertiary);padding:2px 8px;background:var(--md-sys-color-tertiary-container);border-radius:12px;align-self:flex-start}.request-actions{display:flex;gap:8px}.feed-section{display:flex;flex-direction:column;gap:24px}.feed-header-actions{display:flex;justify-content:flex-end;gap:12px;align-items:center}@media(max-width:768px){.friends-page{gap:20px}.friends-header{flex-direction:column}.search-form{flex-direction:column;align-items:stretch}.search-form button{width:100%}.request-content{flex-direction:column;align-items:stretch}.request-actions{width:100%}.request-actions button{flex:1}.feed-header-actions{flex-wrap:wrap}}.feed-page{display:flex;flex-direction:column;gap:24px}.feed-loading{display:flex;justify-content:center;align-items:center;min-height:400px}.feed-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.feed-header h1{display:flex;align-items:center;gap:12px;margin:0;font:var(--md-sys-typescale-headline-medium);color:var(--md-sys-color-on-background)}.feed-actions{display:flex;gap:8px}.feed-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:48px 24px;text-align:center;background:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-corner-large)}.feed-empty h3{margin:0;font:var(--md-sys-typescale-headline-small);color:var(--md-sys-color-on-surface)}.feed-empty p{margin:0;font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface-variant)}.feed-posts{display:flex;flex-direction:column;gap:16px}.post-card{padding:0;overflow:hidden}.post-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--md-sys-color-outline-variant)}.post-author{display:flex;align-items:center;gap:12px;cursor:pointer;transition:opacity .2s}.post-author:hover{opacity:.8}.post-author-name{font-weight:600;font-size:1rem;color:var(--md-sys-color-on-surface)}.post-timestamp{font-size:.813rem;color:var(--md-sys-color-on-surface-variant)}.post-content{padding:16px}.post-title{margin:0 0 8px;font:var(--md-sys-typescale-title-large);color:var(--md-sys-color-on-surface)}.post-description{margin:0 0 16px;font:var(--md-sys-typescale-body-large);color:var(--md-sys-color-on-surface);white-space:pre-wrap;word-wrap:break-word}.post-image{width:100%;max-height:500px;object-fit:contain;border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-surface-container-low)}.post-actions{display:flex;gap:16px;padding:12px 16px;border-top:1px solid var(--md-sys-color-outline-variant)}.post-action-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:none;border-radius:var(--md-sys-shape-corner-small);color:var(--md-sys-color-on-surface-variant);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.post-action-btn:hover{background:var(--md-sys-color-surface-container)}.post-action-btn.liked{color:var(--md-sys-color-error)}.post-comments-section{padding:16px;background:var(--md-sys-color-surface-container-low);border-top:1px solid var(--md-sys-color-outline-variant)}.post-comment-input{display:flex;align-items:center;gap:12px;margin-bottom:16px}.post-comment-input input{flex:1;padding:10px 12px;border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);font-size:.875rem}.post-comment-input input:focus{outline:2px solid var(--md-sys-color-primary);outline-offset:-2px}.post-comments-list{display:flex;flex-direction:column;gap:12px}.post-comment{display:flex;gap:12px;position:relative}.post-comment-content{flex:1;display:flex;flex-direction:column;gap:4px}.post-comment-author{font-size:.813rem;font-weight:600;color:var(--md-sys-color-on-surface)}.post-comment-text{font-size:.875rem;color:var(--md-sys-color-on-surface);white-space:pre-wrap;word-wrap:break-word}.post-comment-delete{padding:4px;background:transparent;border:none;color:var(--md-sys-color-error);cursor:pointer;opacity:.6;transition:opacity .2s}.post-comment-delete:hover{opacity:1}@media(max-width:768px){.feed-header{flex-wrap:wrap}.feed-header h1{font-size:24px}.post-content{padding:12px}.post-actions{padding:8px 12px}}.friend-profile-page{display:flex;flex-direction:column;gap:24px;padding-bottom:40px}.friend-profile-loading,.friend-profile-empty,.friend-profile-private{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 24px;text-align:center}.friend-profile-empty h3,.friend-profile-private h3{margin:0;font:var(--md-sys-typescale-headline-small);color:var(--md-sys-color-on-surface)}.friend-profile-empty p,.friend-profile-private p{margin:0;font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface-variant)}.friend-profile-header{padding:24px}.friend-profile-info{display:flex;gap:20px;align-items:center}.friend-profile-details{flex:1}.friend-profile-details h1{margin:0 0 4px;font:var(--md-sys-typescale-headline-large);color:var(--md-sys-color-on-background)}.friend-profile-email{margin:0 0 8px;font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface-variant)}.friend-profile-bio{margin:0;font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface)}.friend-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.stat-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;text-align:center}.stat-content{display:flex;flex-direction:column;gap:4px}.stat-value{font:var(--md-sys-typescale-headline-medium);color:var(--md-sys-color-on-surface)}.stat-label{font:var(--md-sys-typescale-body-small);color:var(--md-sys-color-on-surface-variant)}.friend-workouts{display:flex;flex-direction:column;gap:16px}.workout-card{padding:24px}.workout-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.workout-header h4{margin:0;font:var(--md-sys-typescale-title-medium);color:var(--md-sys-color-on-surface)}.workout-date{font:var(--md-sys-typescale-body-small);color:var(--md-sys-color-on-surface-variant)}.workout-exercises{display:flex;flex-direction:column;gap:8px}.workout-exercise{display:flex;align-items:center;gap:8px;padding:8px;background:var(--md-sys-color-surface-variant);border-radius:8px;font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface)}.exercise-sets{margin-left:auto;font:var(--md-sys-typescale-body-small);color:var(--md-sys-color-on-surface-variant)}.workout-summary{display:flex;gap:8px;font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface-variant)}.friend-goals{display:flex;flex-direction:column;gap:16px}.friend-goal-card{padding:24px}.goal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.goal-header h4{margin:0;font:var(--md-sys-typescale-title-medium);color:var(--md-sys-color-on-surface)}.goal-progress{display:flex;flex-direction:column;gap:16px}.goal-stats{display:flex;align-items:center;gap:8px;font:var(--md-sys-typescale-body-large);color:var(--md-sys-color-on-surface)}.friend-habits{display:flex;flex-direction:column;gap:16px}.friend-habit-card{padding:24px}.habit-header{display:flex;align-items:center;gap:12px}.habit-info{flex:1}.habit-info h4{margin:0 0 4px;font:var(--md-sys-typescale-body-large);color:var(--md-sys-color-on-surface)}.habit-description{margin:0;font:var(--md-sys-typescale-body-small);color:var(--md-sys-color-on-surface-variant)}.friend-calendar{display:flex;flex-direction:column;gap:16px}.friend-calendar-day{padding:24px}.calendar-day-header h4{margin:0 0 20px;font:var(--md-sys-typescale-title-medium);color:var(--md-sys-color-on-surface)}.calendar-workout{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--md-sys-color-surface-variant);border-radius:var(--md-sys-shape-corner-small);font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface)}.friend-sessions{display:flex;flex-direction:column;gap:16px}.friend-session-card{padding:24px}.session-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.session-header h4{margin:0;font:var(--md-sys-typescale-title-medium);color:var(--md-sys-color-on-surface)}.session-date{font:var(--md-sys-typescale-body-small);color:var(--md-sys-color-on-surface-variant)}.session-exercises{display:flex;flex-direction:column;gap:8px}.session-exercise{display:flex;align-items:center;gap:8px;padding:8px;background:var(--md-sys-color-surface-variant);border-radius:var(--md-sys-shape-corner-small)}.session-exercise span:first-of-type{flex:1;font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface)}@media(max-width:768px){.friend-profile-page{gap:20px}.friend-profile-info{flex-direction:column;text-align:center}.friend-stats{grid-template-columns:1fr}}:root{--md-sys-color-primary: #274F7A;--md-sys-color-on-primary: #FFFFFF;--md-sys-color-primary-container: #D1E4FF;--md-sys-color-on-primary-container: #001D35;--md-sys-color-secondary: #82C18C;--md-sys-color-on-secondary: #003800;--md-sys-color-secondary-container: #C8F5D0;--md-sys-color-on-secondary-container: #002106;--md-sys-color-surface: #FDFCFF;--md-sys-color-surface-dim: #DDE3EA;--md-sys-color-surface-bright: #FDFCFF;--md-sys-color-surface-container-lowest: #FFFFFF;--md-sys-color-surface-container-low: #F7F9FF;--md-sys-color-surface-container: #EBF1F8;--md-sys-color-surface-container-high: #E6EBF2;--md-sys-color-surface-container-highest: #E0E6EC;--md-sys-color-surface-variant: #DFE2EB;--md-sys-color-on-surface: #1A1C1E;--md-sys-color-on-surface-variant: #43474E;--md-sys-color-background: #F8FAFD;--md-sys-color-on-background: #1A1C1E;--md-sys-color-error: #BA1A1A;--md-sys-color-on-error: #FFFFFF;--md-sys-color-error-container: #FFDAD6;--md-sys-color-on-error-container: #410002;--md-sys-color-success: #2E7D32;--md-sys-color-on-success: #FFFFFF;--md-sys-color-outline: #74777F;--md-sys-color-outline-variant: #C4C6D0;--md-sys-color-shadow: rgba(0, 0, 0, .3);--md-sys-color-scrim: rgba(0, 0, 0, .5);--md-sys-elevation-0: none;--md-sys-elevation-1: 0 1px 2px rgba(0,0,0,.3), 0 1px 3px rgba(0,0,0,.15);--md-sys-elevation-2: 0 1px 2px rgba(0,0,0,.3), 0 2px 6px rgba(0,0,0,.15);--md-sys-elevation-3: 0 4px 8px rgba(0,0,0,.15), 0 1px 3px rgba(0,0,0,.3);--md-sys-elevation-4: 0 6px 10px rgba(0,0,0,.15), 0 1px 18px rgba(0,0,0,.12);--md-sys-elevation-5: 0 8px 12px rgba(0,0,0,.15), 0 4px 24px rgba(0,0,0,.12);--md-sys-shape-corner-none: 0px;--md-sys-shape-corner-extra-small: 4px;--md-sys-shape-corner-small: 8px;--md-sys-shape-corner-medium: 12px;--md-sys-shape-corner-large: 16px;--md-sys-shape-corner-extra-large: 28px;--md-sys-shape-corner-full: 9999px;--md-sys-typescale-display-large: 700 3.5rem/4rem Poppins, sans-serif;--md-sys-typescale-display-medium: 700 2.813rem/3.25rem Poppins, sans-serif;--md-sys-typescale-headline-large: 700 2rem/2.5rem Poppins, sans-serif;--md-sys-typescale-headline-medium: 600 1.75rem/2.25rem Poppins, sans-serif;--md-sys-typescale-headline-small: 600 1.5rem/2rem Poppins, sans-serif;--md-sys-typescale-title-large: 600 1.375rem/1.75rem Poppins, sans-serif;--md-sys-typescale-title-medium: 600 1rem/1.5rem Poppins, sans-serif;--md-sys-typescale-title-small: 600 .875rem/1.25rem Poppins, sans-serif;--md-sys-typescale-body-large: 400 1rem/1.5rem Poppins, sans-serif;--md-sys-typescale-body-medium: 400 .875rem/1.25rem Poppins, sans-serif;--md-sys-typescale-body-small: 400 .75rem/1rem Poppins, sans-serif;--md-sys-typescale-label-large: 600 .875rem/1.25rem Poppins, sans-serif;--md-sys-typescale-label-medium: 600 .75rem/1rem Poppins, sans-serif;--md-sys-typescale-label-small: 600 .688rem/1rem Poppins, sans-serif}[data-theme=dark]{--md-sys-color-primary: #A0CAFF;--md-sys-color-on-primary: #003258;--md-sys-color-primary-container: #00497D;--md-sys-color-on-primary-container: #D1E4FF;--md-sys-color-secondary: #A7D9B0;--md-sys-color-on-secondary: #0F380F;--md-sys-color-secondary-container: #255D26;--md-sys-color-on-secondary-container: #C8F5D0;--md-sys-color-surface: #1A1C1E;--md-sys-color-surface-dim: #1A1C1E;--md-sys-color-surface-bright: #40434A;--md-sys-color-surface-container-lowest: #0F1113;--md-sys-color-surface-container-low: #22252A;--md-sys-color-surface-container: #262A2F;--md-sys-color-surface-container-high: #313439;--md-sys-color-surface-container-highest: #3C3F44;--md-sys-color-surface-variant: #43474E;--md-sys-color-on-surface: #E2E2E6;--md-sys-color-on-surface-variant: #C4C6D0;--md-sys-color-background: #1A1C1E;--md-sys-color-on-background: #E2E2E6;--md-sys-color-error: #FFB4AB;--md-sys-color-on-error: #690005;--md-sys-color-error-container: #93000A;--md-sys-color-on-error-container: #FFDAD6;--md-sys-color-success: #81C784;--md-sys-color-on-success: #003300;--md-sys-color-outline: #8E9099;--md-sys-color-outline-variant: #43474E;--md-sys-color-shadow: rgba(0, 0, 0, .7);--md-sys-color-scrim: rgba(0, 0, 0, .8);--md-sys-elevation-1: 0 1px 3px rgba(0,0,0,.6), 0 1px 2px rgba(0,0,0,.4);--md-sys-elevation-2: 0 2px 6px rgba(0,0,0,.6), 0 2px 4px rgba(0,0,0,.4);--md-sys-elevation-3: 0 4px 8px rgba(0,0,0,.5), 0 1px 3px rgba(0,0,0,.6);--md-sys-elevation-4: 0 6px 10px rgba(0,0,0,.5), 0 1px 18px rgba(0,0,0,.5);--md-sys-elevation-5: 0 8px 12px rgba(0,0,0,.5), 0 4px 24px rgba(0,0,0,.5)}.parpals-gradient{background:linear-gradient(135deg,var(--md-sys-color-primary) 0%,var(--md-sys-color-secondary) 100%);color:var(--md-sys-color-on-primary)}.surface-elevation-1{background:var(--md-sys-color-surface);box-shadow:var(--md-sys-elevation-1)}.surface-elevation-2{background:var(--md-sys-color-surface);box-shadow:var(--md-sys-elevation-2)}.surface-elevation-3{background:var(--md-sys-color-surface);box-shadow:var(--md-sys-elevation-3)}.surface-elevation-4{background:var(--md-sys-color-surface);box-shadow:var(--md-sys-elevation-4)}.surface-elevation-5{background:var(--md-sys-color-surface);box-shadow:var(--md-sys-elevation-5)}.text-on-surface{color:var(--md-sys-color-on-surface)}.text-on-surface-variant{color:var(--md-sys-color-on-surface-variant)}.bg-secondary{background-color:var(--md-sys-color-secondary);color:var(--md-sys-color-on-secondary)}.bg-background{background-color:var(--md-sys-color-background);color:var(--md-sys-color-on-background)}body{color:var(--md-sys-color-on-background);background:var(--md-sys-color-background)}h1,h2,h3,h4,h5,h6{color:var(--md-sys-color-on-surface)}p{color:var(--md-sys-color-on-surface-variant)}a{color:var(--md-sys-color-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--md-sys-color-secondary);text-decoration:underline}.dashboard-header,.page-header,.feed-header-bar{background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface)}.page-header{display:flex;flex-direction:column;align-items:flex-start;gap:15px;padding:20px;margin-bottom:30px;border-radius:var(--md-sys-shape-corner-large);box-shadow:var(--md-sys-elevation-2)}.page-header h1{margin:0;color:var(--md-sys-color-on-surface);font:var(--md-sys-typescale-headline-large)}.btn-primary,.start-workout-btn,.finish-workout-btn{background:var(--md-sys-color-surface-container);color:var(--md-sys-color-secondary);border:2px solid var(--md-sys-color-secondary);border-radius:var(--md-sys-shape-corner-medium);padding:12px 24px;font:var(--md-sys-typescale-label-large);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:none}.btn-primary:hover,.start-workout-btn:hover,.finish-workout-btn:hover{background:var(--md-sys-color-surface-container-high);box-shadow:0 0 0 1px var(--md-sys-color-secondary)}.btn-primary:active,.start-workout-btn:active,.finish-workout-btn:active{background:var(--md-sys-color-surface-container-highest);transform:scale(.98)}.action-card,.workout-card,.session-card,.feed-item,.goal-card,.habit-card{background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);border:2px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-medium);padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--md-sys-elevation-1)}.action-card:hover,.workout-card:hover,.session-card:hover{border-color:var(--md-sys-color-primary);transform:translateY(-4px);box-shadow:var(--md-sys-elevation-3)}.action-card h3,.workout-card h3,.session-card h3{color:var(--md-sys-color-on-surface);font:var(--md-sys-typescale-title-medium)}.action-card p,.workout-card p,.session-card p{color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-body-medium)}.feed-header strong{color:var(--md-sys-color-secondary)}.workout-details,.session-details{background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);border-radius:var(--md-sys-shape-corner-small);padding:16px}.detail-row span{color:var(--md-sys-color-on-surface-variant)}.detail-row strong{color:var(--md-sys-color-on-surface)}.workout-table,.exercise-table{background:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-corner-medium);overflow:hidden;box-shadow:var(--md-sys-elevation-2)}.workout-table th,.exercise-table th{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);font:var(--md-sys-typescale-label-large);padding:12px}.workout-table td,.exercise-table td{color:var(--md-sys-color-on-surface);padding:12px;border-bottom:1px solid var(--md-sys-color-outline-variant)}.modal-content{background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);border-radius:var(--md-sys-shape-corner-large);box-shadow:var(--md-sys-elevation-5)}.modal-content h2{color:var(--md-sys-color-on-surface);font:var(--md-sys-typescale-headline-medium)}.modal-content label{color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-label-medium)}input,textarea,select{background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);border:2px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-small);padding:12px;font:var(--md-sys-typescale-body-large);transition:all .2s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--md-sys-color-primary);background:var(--md-sys-color-surface)}input::placeholder,textarea::placeholder{color:var(--md-sys-color-outline)}label{color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-label-large);display:block;margin-bottom:8px}.profile-page{background:var(--md-sys-color-background);min-height:100vh}.profile-section{background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);border-radius:var(--md-sys-shape-corner-large);padding:24px;margin-bottom:20px;box-shadow:var(--md-sys-elevation-1)}.empty-state{background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface-variant);border-radius:var(--md-sys-shape-corner-medium);padding:40px;text-align:center;font:var(--md-sys-typescale-body-large);font-style:italic}.spinner{border:3px solid var(--md-sys-color-surface-container-highest);border-top-color:var(--md-sys-color-primary);border-radius:var(--md-sys-shape-corner-full)}.toast{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);border-left:4px solid var(--md-sys-color-primary);border-radius:var(--md-sys-shape-corner-medium);box-shadow:var(--md-sys-elevation-3)}.toast-success{border-left-color:var(--md-sys-color-success)}.toast-error{border-left-color:var(--md-sys-color-error)}.toast-warning{border-left-color:#fb8c00}.pr-badge{color:var(--md-sys-color-success);font-weight:600}.new-pr{background:var(--md-sys-color-success-container);color:var(--md-sys-color-on-success-container);padding:4px 8px;border-radius:var(--md-sys-shape-corner-small)}.text-primary{color:var(--md-sys-color-primary)}.text-secondary{color:var(--md-sys-color-secondary)}.text-error{color:var(--md-sys-color-error)}.text-success{color:var(--md-sys-color-success)}.bg-primary{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.bg-surface{background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface)}.gympals-gradient{background:linear-gradient(135deg,var(--md-sys-color-primary) 0%,var(--md-sys-color-secondary) 100%);color:var(--md-sys-color-on-primary)}.progress-bar{background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-full);height:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(135deg,var(--md-sys-color-primary) 0%,var(--md-sys-color-secondary) 100%);height:100%;transition:width .3s ease}.rest-timer{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);border-radius:var(--md-sys-shape-corner-large);padding:20px;box-shadow:var(--md-sys-elevation-2);text-align:center}.timer-display{font:var(--md-sys-typescale-display-large);color:var(--md-sys-color-primary)}*{box-sizing:border-box}.btn-primary{width:100%}