:root{--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-xs: var(--space-1);--space-sm: var(--space-2);--space-md: var(--space-4);--space-lg: var(--space-6);--space-xl: var(--space-8);--space-2xl: var(--space-12);--space-3xl: var(--space-16);--color-primary: #8B1A2B;--color-primary-light: #A63D4F;--color-primary-dark: #5c0017;--color-primary-hover: #6b001a;--color-primary-subtle: rgba(139, 26, 43, .08);--color-background: #FAF8F5;--color-background-alt: #F5F2ED;--color-background-muted: #EFEBE5;--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-surface-hover: #F9F7F4;--color-surface-sunken: #F5F2ED;--color-text: #1C1917;--color-text-secondary: #57534E;--color-text-muted: #78716C;--color-text-inverse: #ffffff;--color-text-on-primary: #ffffff;--color-border: #E7E5E4;--color-border-light: #f0f0f0;--color-border-dark: #cccccc;--color-border-focus: var(--color-primary);--color-success: #2e7d32;--color-success-light: #4caf50;--color-success-bg: #e8f5e9;--color-error: #c62828;--color-error-light: #ef5350;--color-error-bg: #ffebee;--color-warning: #f57c00;--color-warning-light: #ff9800;--color-warning-bg: #fff3e0;--color-info: #1565c0;--color-info-light: #42a5f5;--color-info-bg: #e3f2fd;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--radius-none: 0;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1), 0 10px 10px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .06);--shadow-focus: 0 0 0 3px rgba(128, 0, 32, .3);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-slower: .5s ease;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-toast: 800;--max-width-xs: 320px;--max-width-sm: 480px;--max-width-md: 640px;--max-width-lg: 768px;--max-width-xl: 1024px;--max-width-2xl: 1200px;--max-width-3xl: 1440px;--content-width: 1200px;--content-narrow: 680px;--sidebar-width: 240px;--sidebar-collapsed: 64px;--navbar-height: 64px;--section-gap: var(--space-8)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body{min-height:100vh;line-height:var(--leading-normal);font-family:var(--font-sans);background-color:var(--color-background);color:var(--color-text)}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}#root{isolation:isolate;min-height:100vh}input,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background-color:var(--color-primary);color:var(--color-text-inverse)}::placeholder{color:var(--color-text-muted);opacity:1}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:var(--color-border-dark);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--color-border-dark) var(--color-background)}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--color-text)}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--color-text);margin:0}.text-display{font-size:var(--text-5xl);font-weight:var(--font-bold);line-height:var(--leading-none);letter-spacing:var(--tracking-tight)}h1,.text-h1{font-size:var(--text-3xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight)}h2,.text-h2{font-size:var(--text-2xl);font-weight:var(--font-semibold)}h3,.text-h3{font-size:var(--text-xl);font-weight:var(--font-semibold)}h4,.text-h4{font-size:var(--text-lg);font-weight:var(--font-medium)}h5,.text-h5{font-size:var(--text-base);font-weight:var(--font-medium)}h6,.text-h6{font-size:var(--text-sm);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.text-lg{font-size:var(--text-lg);line-height:var(--leading-relaxed)}p,.text-base{font-size:var(--text-base);line-height:var(--leading-relaxed);margin:0}.text-sm{font-size:var(--text-sm);line-height:var(--leading-normal)}.text-xs{font-size:var(--text-xs);line-height:var(--leading-normal)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-inverse{color:var(--color-text-inverse)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}.text-info{color:var(--color-info)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.leading-none{line-height:var(--leading-none)}.leading-tight{line-height:var(--leading-tight)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.underline{text-decoration:underline}.no-underline{text-decoration:none}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark);text-decoration:underline}a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}ul,ol{margin:0;padding:0;list-style:none}.list-styled{padding-left:var(--space-6)}.list-styled li{margin-bottom:var(--space-2);position:relative}ul.list-styled{list-style-type:disc}ol.list-styled{list-style-type:decimal}code,kbd,samp,pre{font-family:var(--font-mono);font-size:.875em}code{background-color:var(--color-surface-hover);padding:.125em .375em;border-radius:var(--radius-sm)}pre{background-color:var(--color-text);color:var(--color-text-inverse);padding:var(--space-4);border-radius:var(--radius-md);overflow-x:auto}pre code{background:none;padding:0}@media (max-width: 768px){.text-display{font-size:var(--text-4xl)}h1,.text-h1{font-size:var(--text-2xl)}h2,.text-h2{font-size:var(--text-xl)}}@media (max-width: 576px){.text-display{font-size:var(--text-3xl)}h1,.text-h1{font-size:var(--text-xl)}}.hidden{display:none}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.grow{flex-grow:1}.grow-0{flex-grow:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.gap-0{gap:var(--space-0)}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.m-0{margin:var(--space-0)}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-5{margin:var(--space-5)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.m-auto{margin:auto}.mx-0{margin-left:var(--space-0);margin-right:var(--space-0)}.mx-1{margin-left:var(--space-1);margin-right:var(--space-1)}.mx-2{margin-left:var(--space-2);margin-right:var(--space-2)}.mx-3{margin-left:var(--space-3);margin-right:var(--space-3)}.mx-4{margin-left:var(--space-4);margin-right:var(--space-4)}.mx-6{margin-left:var(--space-6);margin-right:var(--space-6)}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-top:var(--space-0);margin-bottom:var(--space-0)}.my-1{margin-top:var(--space-1);margin-bottom:var(--space-1)}.my-2{margin-top:var(--space-2);margin-bottom:var(--space-2)}.my-3{margin-top:var(--space-3);margin-bottom:var(--space-3)}.my-4{margin-top:var(--space-4);margin-bottom:var(--space-4)}.my-6{margin-top:var(--space-6);margin-bottom:var(--space-6)}.mt-0{margin-top:var(--space-0)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-0{margin-bottom:var(--space-0)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.ml-0{margin-left:var(--space-0)}.ml-1{margin-left:var(--space-1)}.ml-2{margin-left:var(--space-2)}.ml-3{margin-left:var(--space-3)}.ml-4{margin-left:var(--space-4)}.ml-auto{margin-left:auto}.mr-0{margin-right:var(--space-0)}.mr-1{margin-right:var(--space-1)}.mr-2{margin-right:var(--space-2)}.mr-3{margin-right:var(--space-3)}.mr-4{margin-right:var(--space-4)}.mr-auto{margin-right:auto}.p-0{padding:var(--space-0)}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-0{padding-left:var(--space-0);padding-right:var(--space-0)}.px-1{padding-left:var(--space-1);padding-right:var(--space-1)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-5{padding-left:var(--space-5);padding-right:var(--space-5)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.py-0{padding-top:var(--space-0);padding-bottom:var(--space-0)}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-5{padding-top:var(--space-5);padding-bottom:var(--space-5)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.pt-0{padding-top:var(--space-0)}.pt-2{padding-top:var(--space-2)}.pt-4{padding-top:var(--space-4)}.pt-6{padding-top:var(--space-6)}.pb-0{padding-bottom:var(--space-0)}.pb-2{padding-bottom:var(--space-2)}.pb-4{padding-bottom:var(--space-4)}.pb-6{padding-bottom:var(--space-6)}.pl-0{padding-left:var(--space-0)}.pl-2{padding-left:var(--space-2)}.pl-4{padding-left:var(--space-4)}.pl-6{padding-left:var(--space-6)}.pr-0{padding-right:var(--space-0)}.pr-2{padding-right:var(--space-2)}.pr-4{padding-right:var(--space-4)}.pr-6{padding-right:var(--space-6)}.w-full{width:100%}.w-auto{width:auto}.w-screen{width:100vw}.max-w-full{max-width:100%}.max-w-screen{max-width:100vw}.max-w-content{max-width:var(--content-width)}.max-w-narrow{max-width:var(--content-narrow)}.h-full{height:100%}.h-auto{height:auto}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.static{position:static}.inset-0{top:0;right:0;bottom:0;left:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded,.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-none{box-shadow:none}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow,.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.invisible{visibility:hidden}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.transition{transition:all var(--transition-base)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}.transition-none{transition:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.focus-ring:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.app-layout{display:flex;min-height:100vh;background-color:var(--color-background)}.app-main{flex:1;min-width:0;display:flex;flex-direction:column}.dashboard-grid{display:flex;flex-direction:column;gap:var(--space-6);min-width:0;overflow-x:hidden}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.dashboard-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-4)}.stat-card{display:flex;align-items:center;gap:var(--space-4)}.stat-card__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-lg);background-color:#8000201a;color:var(--color-primary);flex-shrink:0}.stat-card__icon svg{width:24px;height:24px}.stat-card__content{display:flex;flex-direction:column;align-items:center}.stat-card__value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text);line-height:1}.stat-card__label{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.stat-card--success .stat-card__icon{background-color:var(--color-success-bg);color:var(--color-success)}.stat-card--success .stat-card__value{color:var(--color-success)}.week-tabs{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-light)}.week-tab{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted);background-color:transparent;border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.week-tab:hover{background-color:var(--color-surface-hover);color:var(--color-text)}.week-tab--active{background-color:var(--color-primary);color:var(--color-text-on-primary);border-color:var(--color-primary)}.week-details{display:flex;flex-direction:column;gap:var(--space-6);min-width:0;overflow:hidden}.measurements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3)}.measurement-item{display:flex;flex-direction:column;padding:var(--space-3);background-color:var(--color-surface-hover);border-radius:var(--radius-md)}.measurement-item__label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.measurement-item__value{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);margin-top:var(--space-1)}.progress-photo__title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--space-3);background-color:transparent}.progress-photo__image{max-width:300px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);cursor:pointer;transition:transform var(--transition-fast)}.progress-photo__image:hover{transform:scale(1.02)}.daily-logs__title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--space-3);background-color:transparent}.daily-logs__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-3)}.daily-log-card{background-color:var(--color-surface);min-width:0;overflow:hidden}.daily-log-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.daily-log-card__day{font-size:var(--text-base);color:var(--color-text)}.daily-log-card__content p{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-1);word-break:break-word;overflow-wrap:break-word}.daily-log-card__notes{font-style:italic;color:var(--color-text-muted);word-break:break-word;overflow-wrap:break-word}@media (max-width: 768px){.dashboard-stats,.dashboard-content{grid-template-columns:1fr}.measurements-grid{grid-template-columns:repeat(2,1fr)}.daily-logs__grid{grid-template-columns:1fr}.week-tab{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.progress-photo__image{max-width:100%}}:root{--base-clr: #fafaf5;--line-clr: #8B1A2B;--hover-clr: #8B1A2B;--text-clr: #1C1917;--accent-clr: #8B1A2B;--secondary-text-clr: #FAF8F5}*{margin:0;padding:0;box-sizing:border-box}html{color-scheme:light dark}body{min-height:100vh;background-color:var(--base-clr)}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}textarea{border:var(--color-border, #E7E5E4) 1px solid}p,span{color:var(--text-clr)}a{text-decoration:none;color:inherit}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}body,html{margin:0;padding:0;font-family:sans-serif;height:100%;max-width:100vw}.container{display:flex;height:100vh}.sidebar{width:200px;background-color:var(--base-clr);color:var(--text-clr);padding:1rem}.sidebar nav ul{list-style:none;padding:0}.sidebar nav ul li{margin:1rem 0}.sidebar nav ul li a{color:var(--hover-clr);text-decoration:none}#sidebar{box-sizing:border-box;height:100vh;width:200px;padding:5px,1em;background-color:var(--base-clr);border-right:1px solid var(--line-clr);position:sticky;top:0;align-self:start;transition:.3s ease-in-out;text-wrap:wrap}#sidebar .logo{font:"Poppins",sans-serif;font-size:1.5rem;margin-bottom:1rem}#sidebar.close{padding:5px;width:60px;overflow:hidden}#sidebar.close .logo{display:none}#sidebar ul{list-style:none;padding:0}#sidebar>ul>li:first-child{display:flex;justify-content:flex-end;margin-bottom:16px}#sidebar>ul>li:first-child .logo{font-weight:600}#sidebar ul li.active a{color:var(--accent-clr);svg {fill: var(--accent-clr);}}#sidebar a,#sidebar .dropdown-btn,#sidebar .logo{border-radius:.5em;padding:.85em;text-decoration:none;color:var(--text-clr);display:flex;align-items:center;gap:2em}.dropdown-btn{width:100%;text-align:left;background:none;border:none;font:inherit;cursor:pointer}#sidebar svg{flex-shrink:0;fill:var(--accent-clr)}#sidebar a span,#sidebar .dropdown-btn span{flex-grow:1}#sidebar a:hover{background-color:var(--hover-clr);color:var(--base-clr);svg {fill: var(--base-clr);}}#sidebar .dropdown-btn:hover{background-color:var(--hover-clr);color:var(--hover-clr);svg {fill: var(--hover-clr);}}#sidebar .sub-menu{display:grid;grid-template-rows:0fr;transition:.3s ease-in-out}#sidebar .sub-menu>div{overflow:hidden}#sidebar .sub-menu.show{grid-template-rows:1fr}.main-content{flex:1;display:flex;flex-direction:column;padding:1rem}.top-bar{display:flex;justify-content:flex-end;margin-bottom:1rem}.auth-links a{margin-left:1rem;text-decoration:none;color:var(--base-clr)}.hero{flex:1;display:flex;flex-direction:column;justify-content:center;background-image:url(./all-in-logo-8ddc241c.png);background-size:70vh,cover;background-repeat:no-repeat;background-position:right;animation:heroFadeIn 1.5s ease-out forwards;opacity:0;padding:2rem}.hero-content{display:flex;flex-direction:column;align-items:center;width:50%}.hero-content p{color:var(--accent-clr)}.hero h1{margin:0;font-size:2.5rem;color:var(--accent-clr)}.hero .btn{display:flex;justify-content:center;align-items:center;margin-top:1rem;padding:.75rem 1.5rem;background-color:var(--hover-clr);color:var(--base-clr);text-decoration:none;border-radius:4px;width:50%}.dropdown-btn svg{transition:.2s ease}.rotate svg:last-child{rotate:90deg}#sidebar .sub-menu a{padding-left:2em}#toggle-btn{margin-left:auto;padding:1em;border:none;border-radius:.5em;background:none;cursor:pointer;svg {transition: rotate .2s ease;}}#toggle-btn:hover{background-color:var(--hover-clr)}@keyframes heroFadeIn{0%{background-position:right top;opacity:0;transform:translateY(-50px)}to{background-position:right center;opacity:1;transform:translateY(0)}}.btn-primary{background-color:var(--hover-clr)!important;color:var(--base-clr)!important;border:none}.btn-primary:hover{background-color:var(--base-clr)!important;color:var(--hover-clr)!important}.btn-white:hover{background-color:var(--hover-clr)!important;color:#fff!important}.btn-outline-primary{background-color:transparent!important;color:var(--accent-clr)!important;border:1px solid var(--accent-clr)!important}.border-primary{border-color:var(--hover-clr)!important}.replies{font-size:.95rem}.reply-form .form-control{font-size:.9rem}.nav-link{color:var(--accent-clr)!important;text-decoration:none!important}.nav-link:hover{color:var(--hover-clr)!important;text-decoration:none!important;background-color:var(--hover-clr);border:var(--accent-clr) 1px solid!important}.nav-link.active{color:var(--base-clr)!important;text-decoration:none!important;background-color:var(--hover-clr)!important}.nav-link.active:hover{color:var(--base-clr)!important;text-decoration:none!important;background-color:var(--accent-clr)!important}#login{flex:1;display:flex;flex-direction:column;justify-content:center;background-image:url(./all-in-logo-8ddc241c.png);background-size:70vh,cover;background-repeat:no-repeat;background-position:right;animation:heroFadeIn 1.5s ease-out forwards;opacity:0;padding:2rem}.link-text{color:var(--hover-clr);text-decoration:none}.link-text:hover{color:var(--base-clr);text-decoration-line:underline;background-color:var(--hover-clr)}.logo{background-color:var(--base-clr);padding:.5em;display:flex;justify-content:center;align-items:center;font-family:Poppins,sans-serif}.logo a{color:var(--base-clr);text-decoration:none;font-size:1.5rem}.comment-text{display:flex;font-size:.9rem;color:var(--text-clr)}.user-avatar{width:48px!important;height:48px!important;border-radius:50%!important;object-fit:cover!important;object-position:center!important;flex-shrink:0!important;display:block!important}.btn-report{font-size:var(--text-xs)!important;padding:2px 8px!important;border-radius:10px!important;border:1px solid #dee2e6!important;background-color:transparent;color:var(--hover-clr);transition:all .2s ease;width:fit-content}.btn-report:hover{background-color:#f8f9fa;color:#495057;border-color:#adb5bd}.btn-report:focus{outline:none;box-shadow:0 0 0 2px #007bff40}.status-box textarea{resize:none}.timestamp{font-size:.85rem;color:gray}.post{border-left:4px solid #0d6efd;background-color:#f8f9fa}.post{border-left:3px solid var(--hover-clr)!important}.calendar-section{width:100%}.calendar-section h5{background-color:var(--hover-clr);text-align:center}.calendar-container{display:grid;grid-template-columns:repeat(auto-fit,1fr)!important;gap:1rem;justify-content:center!important;align-items:center!important;margin-top:1rem}.calendar-day{width:80px!important;height:80px!important;background-color:var(--base-clr);display:flex!important;justify-content:center!important;align-items:center!important;flex-direction:column;box-shadow:0 2px 5px #0000001a;transition:transform .3s;border-top:var(--hover-clr) 20px solid!important;color:var(--accent-clr)}.calendar-day:hover{background-color:var(--accent-clr)!important;border-top:var(--hover-clr) 10px solid!important;color:var(--base-clr);transform:translateY(-3px)}h4 span,h4{font-size:1.5rem;color:var(--text-clr)}.card{background-color:var(--base-clr);border:1px solid var(--accent-clr);border-radius:8px;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-5px);box-shadow:0 4px 10px #0000001a}.card-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;color:var(--hover-clr)}.card-text{font-size:.9rem;margin-bottom:.5rem}.dashboard-progress{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:2rem}h4,h2,h1{font-size:1.5rem;color:var(--text-clr);margin-bottom:1rem}h5{color:var(--text-clr)}.dashboard-progress .picture{display:flex;flex-direction:column;margin-bottom:1rem;width:fit-content;align-items:center;justify-content:center;text-align:center}.admin-name{background-color:var(--hover-clr);font:bolder;color:var(--base-clr)}.profile-picture,.progress-picture{max-width:100%;height:auto;aspect-ratio:1/1;object-fit:fill}.image-preview-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;cursor:pointer}.image-preview-modal img.full-image{max-width:90%;max-height:90%;border-radius:8px;box-shadow:0 4px 10px #00000080}.status-box{display:flex;flex-direction:column;justify-content:center;margin-top:2rem;width:100%;max-width:100%;border-left:var(--hover-clr) 4px solid}.post-box,.reply-box{display:flex;flex-direction:column;justify-content:center;margin-top:2rem;width:100%;max-width:100%}@media (max-width: 767px){.main-content{padding-bottom:100px!important}.content{padding-bottom:120px!important}}.fan-nav-container{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);z-index:1050}.fan-item{position:absolute}.fan-link-label{background-color:var(--base-clr)!important;color:#333!important;border:1px solid rgba(0,0,0,.1);font-size:var(--text-xs);font-weight:600;padding:3px 8px;border-radius:12px;text-shadow:none;box-shadow:0 2px 4px #0000001a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media (max-width: 767px){.profile-container,.container-fluid{margin-bottom:100px}.btn-group,.profile-actions{margin-bottom:120px!important}}.fan-link{background-color:var(--hover-clr)!important;color:var(--base-clr)!important;width:48px!important;height:48px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;box-shadow:0 3px 8px #0003!important;transition:all .2s ease!important;border:2px solid rgba(255,255,255,.3)!important}.fan-link:hover{background-color:var(--accent-clr)!important;transform:scale(1.1)!important;box-shadow:0 4px 12px #0000004d!important}.fan-toggle{background:linear-gradient(135deg,var(--accent-clr),#1e1e1e)!important;color:var(--base-clr)!important;width:56px!important;height:56px!important;border-radius:50%!important;border:3px solid var(--accent-clr)!important;font-size:var(--text-xl)!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 4px 12px #0000004d!important;cursor:pointer!important;transition:all .3s ease!important}.fan-toggle:hover{transform:scale(1.05)!important;box-shadow:0 6px 16px #0006!important}.headtext{color:var(--base-clr)!important}.text-info{color:var(--hover-clr)!important;font-weight:700;text-align:center}.accordion-item{background-color:var(--base-clr)!important;border:1px solid var(--accent-clr)!important;border-radius:8px!important;margin-bottom:1rem!important}.bi-question-circle-fill{color:var(--hover-clr)!important}/*! Small devices (phones, 576px and up) */@media (max-width: 576px){.main-content{width:70vw;height:100vh}.content{display:flex;flex-direction:column;width:100%}.content .card{width:100%}.status-box{display:flex;flex-direction:column;justify-content:center;margin-top:2rem;width:100%;max-width:100%;border-left:var(--hover-clr) 4px solid}.post-box{display:flex;flex-direction:column;justify-content:center;margin-top:2rem;width:100%;max-width:100%;font-size:1rem!important}.post-box .card-body{font-size:0rem!important}.post-box .card-title{font-size:1.2rem!important}.top-bar h4{width:fit-content}.top-bar .logo a{display:flex;justify-content:space-between;align-items:center;width:fit-content}.top-bar .logo img{width:120px}#sidebar a,#sidebar .dropdown-btn,#sidebar .logo{gap:.5em;text-wrap:wrap}#sidebar span{font-size:calc(.8rem - .5vw);overflow:hidden}.hero{background-image:url(./all-in-logo-8ddc241c.png);background-size:cover;background-repeat:no-repeat;background-position:center!important;padding:2rem;animation:heroFadeIn 1.5s ease-out forwards!important}.hero-content{width:100%}.hero h1{font-size:1.5rem;background-color:var(--hover-clr)}.hero p{font-size:.9rem;background-color:var(--hover-clr)}.hero .btn{width:80%}.calendar-container{grid-template-columns:repeat(1,1fr)!important;align-items:center!important;justify-items:center!important}.calendar-day{width:50px!important;height:50px!important;background-color:var(--base-clr);display:flex!important;justify-content:center!important;align-items:center!important;flex-direction:column;box-shadow:0 2px 5px #0000001a;transition:transform .3s;border-top:var(--hover-clr) 8px solid!important}}input{border:var(--color-border, #E7E5E4) 1px solid}.btn-secondary{background-color:var(--base-clr)!important;color:var(--hover-clr)!important;border:var(--hover-clr) 1px solid!important}.btn-danger{background-color:var(--hover-clr)!important;color:red!important;border:var(--hover-clr) 1px solid!important}.custom-modal-bg .modal-content{background-color:var(--base-clr)!important;border:var(--accent-clr) 1px solid!important}.calendar-header{color:var(--base-clr);font-size:75%}.weeky-nav-tabs{border-bottom:1px solid var(--line-clr)!important}.alert,.border-warning{background-color:var(--base-clr)!important;color:var(--text-clr)!important;border:var(--accent-clr) 1px solid!important}.border{border-color:var(--accent-clr)!important;box-shadow:0 0 8px 2px var(--accent-clr)}.comment-content{color:var(--accent-clr)}@media (max-width: 768px){.hero{background-size:cover!important;background-position:center!important;padding:1rem!important;min-height:100vh!important;display:flex!important;align-items:center!important;justify-content:center!important}.hero-content{width:90%!important;max-width:400px!important;text-align:center!important;padding:1rem!important}.hero h1{font-size:1.8rem!important;margin-bottom:1rem!important;line-height:1.2!important}.hero p{font-size:1rem!important;margin-bottom:1.5rem!important;line-height:1.4!important}.hero .btn{width:100%!important;max-width:300px!important;padding:.75rem 1.5rem!important;font-size:1.1rem!important;margin:0 auto!important}.container-fluid,.container{padding-left:1rem!important;padding-right:1rem!important}.navbar{padding:.5rem 1rem!important}.navbar-brand img{max-height:40px!important}}@media (max-width: 576px){.hero{padding:.5rem!important;color:var(--base-clr)!important}.hero h1{font-size:1.5rem!important;color:var(--base-clr)!important}.hero p{font-size:.9rem!important;color:var(--base-clr)!important}.btn{font-size:1rem!important;padding:.6rem 1.2rem!important}.btn-sm{font-size:.6rem!important;padding:.4rem .8rem!important}}.profile-image{box-shadow:0 4px 8px #0000001a;transition:transform .2s ease}.profile-image:hover{transform:scale(1.05)}.profile-placeholder{box-shadow:0 4px 8px #0000001a;font-weight:700}.profile-actions .btn{min-width:120px}.posts-section .post{transition:transform .2s ease,box-shadow .2s ease}.posts-section .post:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.comment{border-left:3px solid #007bff}.comment-author{font-size:.9rem}.profile-name-link{text-decoration:none;transition:color .2s ease}.profile-name-link:hover{text-decoration:underline;color:#0056b3!important}@media (max-width: 768px){.profile-image,.profile-placeholder{width:80px!important;height:80px!important}.profile-actions .btn{min-width:auto;margin-bottom:.5rem}}.navbar{position:sticky;top:0;left:0;right:0;height:var(--navbar-height, 64px);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:var(--z-sticky);transition:box-shadow var(--transition-base)}.navbar--scrolled{box-shadow:var(--shadow-md)}.navbar__inner{display:flex;align-items:center;height:100%;max-width:var(--max-width-3xl);margin:0 auto;padding:0 var(--space-6);gap:var(--space-8)}.navbar__logo{display:flex;align-items:center;flex-shrink:0;text-decoration:none}.navbar__logo img{height:40px;width:auto;object-fit:contain}.navbar__links{display:flex;align-items:center;gap:var(--space-1);flex:1}.navbar__link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-fast);position:relative;white-space:nowrap}.navbar__link:hover{color:var(--color-text);background-color:var(--color-surface-hover)}.navbar__link--active{color:var(--color-primary)}.navbar__link--active:after{content:"";position:absolute;bottom:-1px;left:var(--space-3);right:var(--space-3);height:2px;background-color:var(--color-primary);border-radius:2px 2px 0 0}.navbar__link:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.navbar__link-icon{display:flex;align-items:center;justify-content:center}.navbar__link-icon svg{width:18px;height:18px}.navbar__right{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.navbar__dropdown{position:relative}.navbar__user-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);background:none;border:1px solid transparent}.navbar__user-btn:hover{background-color:var(--color-surface-hover);border-color:var(--color-border)}.navbar__user-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.navbar__avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);overflow:hidden;flex-shrink:0}.navbar__avatar-img{width:100%;height:100%;object-fit:cover}.navbar__avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary);color:var(--color-text-on-primary);font-size:var(--text-sm);font-weight:var(--font-semibold)}.navbar__user-name{font-size:var(--text-sm);font-weight:var(--font-medium)}.navbar__dropdown-menu{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:200px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-2);z-index:var(--z-dropdown);animation:dropdown-fade-in .15s ease-out}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.navbar__dropdown-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text);text-decoration:none;font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-fast)}.navbar__dropdown-item:hover{background-color:var(--color-surface-hover)}.navbar__dropdown-item--active{background-color:var(--color-primary-subtle, rgba(139, 26, 43, .08));color:var(--color-primary)}.navbar__dropdown-item--danger{color:var(--color-error)}.navbar__dropdown-item--danger:hover{background-color:var(--color-error-bg)}.navbar__dropdown-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.navbar__dropdown-icon svg{width:18px;height:18px}.navbar__dropdown-divider{height:1px;background-color:var(--color-border-light);margin:var(--space-2) 0}.navbar__auth{display:flex;align-items:center;gap:var(--space-3)}.navbar__auth-link{color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:all var(--transition-fast)}.navbar__auth-link:hover{color:var(--color-text);background-color:var(--color-surface-hover)}.navbar__auth-btn{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);background-color:var(--color-primary);color:var(--color-text-on-primary);text-decoration:none;font-size:var(--text-sm);font-weight:var(--font-semibold);border-radius:var(--radius-md);transition:all var(--transition-fast)}.navbar__auth-btn:hover{background-color:var(--color-primary-hover);color:var(--color-text-on-primary)}.navbar__hamburger{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;background:none;border:none;transition:all var(--transition-fast)}.navbar__hamburger:hover{background-color:var(--color-surface-hover)}.navbar__hamburger:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.navbar__mobile-menu{position:absolute;top:var(--navbar-height, 64px);left:0;right:0;background-color:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-lg);padding:var(--space-2) var(--space-4);display:flex;flex-direction:column;animation:mobile-menu-slide .2s ease-out;z-index:var(--z-dropdown)}@keyframes mobile-menu-slide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.navbar__mobile-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--color-text);text-decoration:none;font-size:var(--text-base);font-weight:var(--font-medium);transition:all var(--transition-fast)}.navbar__mobile-link:hover{background-color:var(--color-surface-hover)}.navbar__mobile-link--active{background-color:var(--color-primary-subtle, rgba(139, 26, 43, .08));color:var(--color-primary)}.navbar__mobile-link--danger{color:var(--color-error)}.navbar__mobile-link--danger:hover{background-color:var(--color-error-bg)}.navbar__mobile-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.navbar__mobile-divider{height:1px;background-color:var(--color-border-light);margin:var(--space-2) 0}@media (max-width: 1023px){.navbar__links,.navbar__user-name{display:none}.navbar__hamburger{display:flex}.navbar__auth{display:none}}@media (max-width: 767px){.navbar{display:none}}.mobile-nav{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-around;background-color:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--space-2) var(--space-1);padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom,0px));z-index:var(--z-fixed)}.mobile-nav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);color:var(--color-text-muted);text-decoration:none;transition:all var(--transition-fast);min-width:64px;background:none;border:none;cursor:pointer}.mobile-nav__item:hover{color:var(--color-text)}.mobile-nav__item--active{color:var(--color-primary)}.mobile-nav__item:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.mobile-nav__icon{display:flex;align-items:center;justify-content:center}.mobile-nav__icon svg{width:24px;height:24px}.mobile-nav__label{font-size:.625rem;font-weight:var(--font-medium);line-height:1;text-align:center}.mobile-nav__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0006;z-index:calc(var(--z-fixed) + 1);animation:overlay-fade-in .2s ease-out}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.mobile-nav__menu{position:fixed;bottom:calc(60px + env(safe-area-inset-bottom,0px));right:var(--space-3);width:calc(100vw - var(--space-6));max-width:320px;background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:calc(var(--z-fixed) + 2);overflow:hidden;animation:menu-slide-up .2s ease-out}@keyframes menu-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mobile-nav__menu-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--color-border-light)}.mobile-nav__menu-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text)}.mobile-nav__menu-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);color:var(--color-text-muted);transition:all var(--transition-fast)}.mobile-nav__menu-close:hover{background-color:var(--color-surface-hover);color:var(--color-text)}.mobile-nav__menu-list{display:flex;flex-direction:column;padding:var(--space-2)}.mobile-nav__menu-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--color-text);text-decoration:none;transition:all var(--transition-fast)}.mobile-nav__menu-item:hover{background-color:var(--color-surface-hover)}.mobile-nav__menu-item--active{background-color:#8000201a;color:var(--color-primary)}.mobile-nav__menu-item--danger{color:var(--color-error)}.mobile-nav__menu-item--danger:hover{background-color:var(--color-error-bg)}.mobile-nav__menu-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.mobile-nav__menu-icon svg{width:20px;height:20px}.mobile-nav__menu-label{font-size:var(--text-base);font-weight:var(--font-medium)}@media (min-width: 768px){.mobile-nav,.mobile-nav__overlay,.mobile-nav__menu{display:none}}@media (max-width: 360px){.mobile-nav__item{min-width:48px;padding:var(--space-1)}.mobile-nav__label{font-size:.5625rem}}.breadcrumb{font-size:var(--text-sm)}.breadcrumb__list{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-1)}.breadcrumb__item{display:flex;align-items:center;gap:var(--space-1)}.breadcrumb__link{color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast)}.breadcrumb__link:hover{color:var(--color-primary);text-decoration:underline}.breadcrumb__link:focus-visible{outline:none;color:var(--color-primary);text-decoration:underline}.breadcrumb__separator{display:flex;align-items:center;color:var(--color-text-muted)}.breadcrumb__separator svg{width:14px;height:14px}.breadcrumb__current{color:var(--color-text);font-weight:var(--font-medium)}.app-layout-v2{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-background);overflow-x:hidden;max-width:100vw}.app-layout-v2__main{flex:1;display:flex;flex-direction:column;min-width:0;overflow-x:hidden}@media (max-width: 767px){.app-layout-v2__main{padding-bottom:calc(60px + env(safe-area-inset-bottom,0px))}}.auth-layout{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-background)}.auth-layout__header{display:flex;justify-content:center;padding:var(--space-10) var(--space-4) var(--space-6)}.auth-layout__logo{display:flex;align-items:center;text-decoration:none}.auth-layout__logo img{height:120px;width:auto;object-fit:contain}.auth-layout__content{flex:1;display:flex;flex-direction:column;align-items:center;padding:0 var(--space-4) var(--space-8)}@media (max-width: 767px){.auth-layout__header{padding:var(--space-8) var(--space-4) var(--space-4)}.auth-layout__logo img{height:88px}}.login{width:100%;max-width:420px}.login__heading{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text);margin:0 0 var(--space-2)}.login__subheading{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 var(--space-8)}.login__subheading a{color:var(--color-primary);text-decoration:underline;font-weight:var(--font-medium)}.login__subheading a:hover{color:var(--color-primary-dark)}.login__form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-sm)}.login__error{background:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);margin-bottom:var(--space-5)}.login__field{margin-bottom:var(--space-5)}.login__label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);margin-bottom:var(--space-2)}.login__input{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-family:var(--font-sans);color:var(--color-text);background:var(--color-background);transition:border-color var(--transition-fast);box-sizing:border-box}.login__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}.login__input::placeholder{color:var(--color-text-muted)}.login__options{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.login__remember{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text);cursor:pointer}.login__remember input{accent-color:var(--color-primary)}.login__forgot{font-size:var(--text-sm);color:var(--color-primary);text-decoration:underline}.login__forgot:hover{color:var(--color-primary-dark)}.login__submit{width:100%;padding:var(--space-3) var(--space-6);background:var(--color-primary);color:var(--color-text-on-primary);border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-semibold);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast)}.login__submit:hover{background:var(--color-primary-dark)}.login__submit:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 767px){.login__form{padding:var(--space-6)}.login__options{flex-direction:column;align-items:flex-start;gap:var(--space-3)}}.home-hero{display:flex;align-items:center;gap:var(--space-12);max-width:var(--max-width-2xl);margin:0 auto;padding:var(--space-16) var(--space-6);min-height:calc(80vh - var(--navbar-height))}.home-hero__content{flex:1;min-width:0}.home-hero__title{font-size:var(--text-5xl);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-text);margin:0 0 var(--space-6)}.home-hero__accent{color:var(--color-primary)}.home-hero__subtitle{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin:0 0 var(--space-8);max-width:480px}.home-hero__actions{display:flex;align-items:center;gap:var(--space-4)}.home-hero__cta{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-8);background-color:var(--color-primary);color:var(--color-text-on-primary);text-decoration:none;font-size:var(--text-base);font-weight:var(--font-semibold);border-radius:var(--radius-md);transition:all var(--transition-fast)}.home-hero__cta:hover{background-color:var(--color-primary-dark);color:var(--color-text-on-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.home-hero__cta-secondary{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-8);background-color:transparent;color:var(--color-primary);text-decoration:none;font-size:var(--text-base);font-weight:var(--font-semibold);border:1.5px solid var(--color-primary);border-radius:var(--radius-md);transition:all var(--transition-fast)}.home-hero__cta-secondary:hover{background-color:var(--color-primary-subtle);color:var(--color-primary)}.home-hero__image{flex:1;min-width:0;display:flex;justify-content:center;align-items:center}.home-hero__image img{width:100%;max-width:400px;height:auto;object-fit:contain}.home-features{background-color:var(--color-background-alt);padding:var(--space-20) var(--space-6)}.home-features__header{text-align:center;max-width:560px;margin:0 auto var(--space-12)}.home-features__title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text);margin:0 0 var(--space-3)}.home-features__subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);margin:0;line-height:var(--leading-relaxed)}.home-features__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6);max-width:var(--max-width-2xl);margin:0 auto}.feature-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-6);transition:all var(--transition-base)}.feature-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary-light)}.feature-card__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-lg);background-color:var(--color-primary-subtle);color:var(--color-primary);margin-bottom:var(--space-5)}.feature-card__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);margin:0 0 var(--space-3)}.feature-card__description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}.home-footer{background-color:var(--color-text);color:var(--color-background);padding:var(--space-12) var(--space-6) 0}.home-footer__inner{display:flex;justify-content:space-between;gap:var(--space-12);max-width:var(--max-width-2xl);margin:0 auto;padding-bottom:var(--space-10);border-bottom:1px solid rgba(255,255,255,.12)}.home-footer__brand{max-width:320px}.home-footer__logo{font-size:var(--text-xl);font-weight:var(--font-bold);color:#fff;letter-spacing:var(--tracking-tight)}.home-footer__tagline{font-size:var(--text-sm);color:#fff9;margin:var(--space-3) 0 0;line-height:var(--leading-relaxed)}.home-footer__links{display:flex;gap:var(--space-16)}.home-footer__col{display:flex;flex-direction:column;gap:var(--space-3)}.home-footer__col-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:#ffffff80;text-transform:uppercase;letter-spacing:var(--tracking-wide);margin:0 0 var(--space-2)}.home-footer__col a{color:#fffc;text-decoration:none;font-size:var(--text-sm);transition:color var(--transition-fast)}.home-footer__col a:hover{color:#fff}.home-footer__bottom{max-width:var(--max-width-2xl);margin:0 auto;padding:var(--space-6) 0;text-align:center}.home-footer__bottom span{font-size:var(--text-xs);color:#fff6}@media (max-width: 1023px){.home-features__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.home-hero{flex-direction:column;text-align:center;padding:var(--space-10) var(--space-4);min-height:auto;gap:var(--space-8)}.home-hero__title{font-size:var(--text-3xl)}.home-hero__subtitle{margin-left:auto;margin-right:auto}.home-hero__actions{justify-content:center}.home-hero__image img{max-width:320px}.home-features{padding:var(--space-12) var(--space-4)}.home-features__grid{grid-template-columns:1fr;gap:var(--space-4)}.feature-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-6) var(--space-5)}.home-footer__inner{flex-direction:column;gap:var(--space-8)}.home-footer__links{gap:var(--space-8)}.home-footer{padding:var(--space-10) var(--space-4) 0}}.page-container{width:100%;padding:var(--space-6);margin:0 auto;overflow-x:hidden;box-sizing:border-box}.page-container--narrow{max-width:var(--content-narrow)}.page-container--default{max-width:var(--content-width)}.page-container--wide{max-width:var(--max-width-3xl)}.page-container--full{max-width:100%}.page-container--centered{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 120px)}@media (max-width: 768px){.page-container{padding:var(--space-4);padding-bottom:calc(var(--space-4) + 80px)}}@media (max-width: 576px){.page-container{padding:var(--space-3);padding-bottom:calc(var(--space-3) + 80px)}}.page-header{margin-bottom:var(--space-6)}.page-header__breadcrumb{margin-bottom:var(--space-3)}.page-header__main{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.page-header__content{flex:1;min-width:0}.page-header__title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text);margin:0;line-height:var(--leading-tight);background-color:transparent}.page-header__description{font-size:var(--text-base);color:var(--color-text-muted);margin:var(--space-2) 0 0;line-height:var(--leading-relaxed);max-width:600px}.page-header__actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}@media (max-width: 576px){.page-header__main{flex-direction:column;align-items:stretch}.page-header__title{font-size:var(--text-xl)}.page-header__actions{width:100%}.page-header__actions .btn{flex:1}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-sans);font-weight:var(--font-medium);text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;border:2px solid transparent;border-radius:var(--radius-md);transition:all var(--transition-fast);text-decoration:none}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn--sm{padding:var(--space-1) var(--space-3);font-size:var(--text-sm);min-height:32px}.btn--md{padding:var(--space-2) var(--space-4);font-size:var(--text-base);min-height:40px}.btn--lg{padding:var(--space-3) var(--space-6);font-size:var(--text-lg);min-height:48px}.btn.btn--primary{background-color:var(--color-primary)!important;color:var(--color-text-on-primary)!important;border-color:var(--color-primary)!important}.btn.btn--primary:hover:not(:disabled){background-color:var(--color-primary-dark)!important;border-color:var(--color-primary-dark)!important;color:var(--color-text-on-primary)!important}.btn.btn--primary:active:not(:disabled){background-color:var(--color-primary-dark)!important;color:var(--color-text-on-primary)!important;transform:translateY(1px)}.btn.btn--secondary{background-color:transparent!important;color:var(--color-primary)!important;border-color:var(--color-primary)!important}.btn.btn--secondary:hover:not(:disabled){background-color:var(--color-primary)!important;color:var(--color-text-on-primary)!important}.btn.btn--secondary:active:not(:disabled){background-color:var(--color-primary-dark)!important;border-color:var(--color-primary-dark)!important;color:var(--color-text-on-primary)!important;transform:translateY(1px)}.btn.btn--ghost{background-color:transparent!important;color:var(--color-primary)!important;border-color:transparent!important}.btn.btn--ghost:hover:not(:disabled){background-color:#8000201a!important;color:var(--color-primary)!important}.btn.btn--ghost:active:not(:disabled){background-color:#80002026!important;color:var(--color-primary)!important}.btn.btn--outline{background-color:transparent!important;color:var(--color-text)!important;border-color:var(--color-border-dark)!important}.btn.btn--outline:hover:not(:disabled){background-color:var(--color-surface-hover)!important;border-color:var(--color-text-muted)!important;color:var(--color-text)!important}.btn.btn--outline:active:not(:disabled){background-color:var(--color-border-light)!important;color:var(--color-text)!important}.btn.btn--danger{background-color:var(--color-error)!important;color:var(--color-text-inverse)!important;border-color:var(--color-error)!important}.btn.btn--danger:hover:not(:disabled){background-color:var(--color-error-light)!important;border-color:var(--color-error-light)!important;color:var(--color-text-inverse)!important}.btn.btn--danger:active:not(:disabled){background-color:#b71c1c!important;border-color:#b71c1c!important;color:var(--color-text-inverse)!important;transform:translateY(1px)}.btn.btn--success{background-color:var(--color-success)!important;color:var(--color-text-inverse)!important;border-color:var(--color-success)!important}.btn.btn--success:hover:not(:disabled){background-color:var(--color-success-light)!important;border-color:var(--color-success-light)!important;color:var(--color-text-inverse)!important}.btn.btn--success:active:not(:disabled){background-color:#1b5e20!important;border-color:#1b5e20!important;color:var(--color-text-inverse)!important;transform:translateY(1px)}.btn--disabled,.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn--full-width{width:100%}.btn--loading{cursor:wait;position:relative}.btn--loading .btn__text{opacity:.7}.btn__spinner{display:flex;align-items:center;justify-content:center}.btn__spinner-icon{width:1em;height:1em;animation:btn-spin 1s linear infinite}@keyframes btn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn__text{color:inherit!important}.btn__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:inherit!important}.btn__icon svg{width:1.25em;height:1.25em}.btn__icon--left{margin-right:var(--space-1)}.btn__icon--right{margin-left:var(--space-1)}.btn-group{display:inline-flex;gap:0}.btn-group .btn{border-radius:0}.btn-group .btn:first-child{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.btn-group .btn:last-child{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.btn-group .btn:not(:last-child){border-right-width:1px}.btn-group--spaced{gap:var(--space-2)}.btn-group--spaced .btn{border-radius:var(--radius-md);border-right-width:2px}.card{background-color:var(--color-surface);border-radius:var(--radius-lg);width:100%;display:flex;flex-direction:column;min-width:0;overflow-x:hidden;box-sizing:border-box}.card--elevated{border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm)}.card--elevated:hover{box-shadow:var(--shadow-md)}.card--outlined{border:1px solid var(--color-border);box-shadow:none}.card--outlined:hover{border-color:var(--color-border-dark)}.card--filled{background-color:var(--color-surface-hover);border:none;box-shadow:none}.card--flat{border:none;box-shadow:none;background-color:transparent}.card--padding-none{padding:0}.card--padding-sm{padding:var(--space-3)}.card--padding-md{padding:var(--space-5)}.card--padding-lg{padding:var(--space-6)}.card--clickable{cursor:pointer;transition:all var(--transition-fast);text-align:left}.card--clickable:hover{transform:translateY(-2px)}.card--clickable:active{transform:translateY(0)}.card--clickable:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.card__header{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.card__header--row{flex-direction:row;align-items:center;justify-content:space-between}.card__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);line-height:var(--leading-tight);margin:0;background-color:transparent}.card__description{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-normal);margin:0}.card__content{flex:1;min-width:0;overflow-x:hidden}.card__content>*:last-child{margin-bottom:0}.card__footer{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-light)}.card__footer--no-border{border-top:none;padding-top:0}.card__footer--end{justify-content:flex-end}.card__footer--between{justify-content:space-between}.card__image{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:var(--radius-lg) var(--radius-lg) 0 0;margin:calc(-1 * var(--space-5)) calc(-1 * var(--space-5)) var(--space-4);width:calc(100% + var(--space-5) * 2)}.card--padding-sm .card__image{margin:calc(-1 * var(--space-3)) calc(-1 * var(--space-3)) var(--space-3);width:calc(100% + var(--space-3) * 2)}.card--padding-lg .card__image{margin:calc(-1 * var(--space-6)) calc(-1 * var(--space-6)) var(--space-4);width:calc(100% + var(--space-6) * 2)}@media (max-width: 576px){.card--padding-md{padding:var(--space-4)}.card--padding-lg{padding:var(--space-5)}}.input-wrapper{display:flex;flex-direction:column;gap:var(--space-1);width:100%}.input__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);line-height:var(--leading-normal)}.input__required{color:var(--color-error);margin-left:var(--space-1)}.input__container{position:relative;display:flex;align-items:center}.input{width:100%;font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.input::placeholder{color:var(--color-text-muted)}.input:hover:not(:disabled):not(:focus){border-color:var(--color-border-dark)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #80002026}.input-wrapper--sm .input{padding:var(--space-1) var(--space-2);font-size:var(--text-sm);min-height:32px}.input-wrapper--md .input,.input{padding:var(--space-2) var(--space-3);min-height:40px}.input-wrapper--lg .input{padding:var(--space-3) var(--space-4);font-size:var(--text-lg);min-height:48px}.textarea{min-height:100px;line-height:var(--leading-relaxed)}.input-wrapper--error .input{border-color:var(--color-error)}.input-wrapper--error .input:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #c6282826}.input-wrapper--error .input__label{color:var(--color-error)}.input-wrapper--disabled .input,.input:disabled{background-color:var(--color-surface-hover);color:var(--color-text-muted);cursor:not-allowed;opacity:.7}.input-wrapper--disabled .input__label{color:var(--color-text-muted)}.input:read-only{background-color:var(--color-surface-hover)}.input__icon{position:absolute;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);pointer-events:none}.input__icon svg{width:1.25rem;height:1.25rem}.input__icon--left{left:var(--space-3)}.input__icon--right{right:var(--space-3)}.input-wrapper--has-left-icon .input{padding-left:calc(var(--space-3) * 2 + 1.25rem)}.input-wrapper--has-right-icon .input{padding-right:calc(var(--space-3) * 2 + 1.25rem)}.input__helper{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-normal);margin:0}.input__helper--error{color:var(--color-error)}.input-group{display:flex;align-items:stretch}.input-group .input{border-radius:0}.input-group .input:first-child{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.input-group .input:last-child{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.input-group__addon{display:flex;align-items:center;padding:0 var(--space-3);background-color:var(--color-surface-hover);border:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-muted);white-space:nowrap}.input-group__addon:first-child{border-right:none;border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.input-group__addon:last-child{border-left:none;border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:calc(var(--space-3) * 2 + 16px);cursor:pointer}select.input:disabled{cursor:not-allowed}.checkbox-wrapper,.radio-wrapper{display:flex;align-items:flex-start;gap:var(--space-2);cursor:pointer}.checkbox-wrapper input,.radio-wrapper input{width:18px;height:18px;margin:0;cursor:pointer;accent-color:var(--color-primary);flex-shrink:0}.checkbox-wrapper .input__label,.radio-wrapper .input__label{cursor:pointer;font-weight:var(--font-normal)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:var(--z-modal-backdrop);animation:backdrop-fade-in .2s ease-out}@keyframes backdrop-fade-in{0%{opacity:0}to{opacity:1}}.modal{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:calc(100vh - var(--space-8));display:flex;flex-direction:column;z-index:var(--z-modal);animation:modal-slide-in .2s ease-out}@keyframes modal-slide-in{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal:focus{outline:none}.modal--sm{width:100%;max-width:400px}.modal--md{width:100%;max-width:500px}.modal--lg{width:100%;max-width:680px}.modal--xl{width:100%;max-width:900px}.modal--full{width:calc(100vw - var(--space-8));max-width:100%;height:calc(100vh - var(--space-8));max-height:100%}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5);border-bottom:1px solid var(--color-border-light);flex-shrink:0}.modal__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);margin:0;line-height:var(--leading-tight);background-color:transparent}.modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);color:var(--color-text-muted);transition:all var(--transition-fast);margin-left:var(--space-4);flex-shrink:0}.modal__close:hover{background-color:var(--color-surface-hover);color:var(--color-text)}.modal__close:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.modal__description{font-size:var(--text-sm);color:var(--color-text-muted);padding:0 var(--space-5);margin:0;margin-top:calc(-1 * var(--space-2));margin-bottom:var(--space-4)}.modal__content{padding:var(--space-5);overflow-y:auto;flex:1}.modal__content:first-child{padding-top:var(--space-6)}.modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border-light);background-color:var(--color-surface-hover);border-radius:0 0 var(--radius-lg) var(--radius-lg);flex-shrink:0}.confirm-dialog__message{font-size:var(--text-base);color:var(--color-text);line-height:var(--leading-relaxed);margin:0}.confirm-dialog__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);width:100%}@media (max-width: 576px){.modal-backdrop{padding:var(--space-3);align-items:flex-end}.modal{max-height:calc(100vh - var(--space-6));border-radius:var(--radius-lg) var(--radius-lg) 0 0;animation:modal-slide-up .2s ease-out}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.modal--sm,.modal--md,.modal--lg,.modal--xl{max-width:100%}.modal__header,.modal__content{padding:var(--space-4)}.modal__footer{padding:var(--space-4);flex-direction:column}.confirm-dialog__actions{flex-direction:column-reverse}.confirm-dialog__actions .btn{width:100%}}.badge{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-weight:var(--font-medium);line-height:1;white-space:nowrap;border-radius:var(--radius-sm)}.badge--sm{padding:2px var(--space-1);font-size:var(--text-xs)}.badge--md{padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}.badge--lg{padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.badge--default{background-color:var(--color-surface-hover);color:var(--color-text-secondary)}.badge--primary{background-color:var(--color-primary);color:var(--color-text-on-primary)}.badge--secondary{background-color:#8000201a;color:var(--color-primary)}.badge--success{background-color:var(--color-success-bg);color:var(--color-success)}.badge--warning{background-color:var(--color-warning-bg);color:var(--color-warning)}.badge--error{background-color:var(--color-error-bg);color:var(--color-error)}.badge--info{background-color:var(--color-info-bg);color:var(--color-info)}.badge--rounded{border-radius:var(--radius-full)}.badge--dot{padding-left:calc(var(--space-2) + 8px);position:relative}.badge--dot:before{content:"";position:absolute;left:var(--space-2);width:6px;height:6px;border-radius:50%;background-color:currentColor}.toast-container{position:fixed;z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-3);pointer-events:none;padding:var(--space-4);max-width:420px;width:100%}.toast-container--top-left{top:0;left:0}.toast-container--top-center{top:0;left:50%;transform:translate(-50%)}.toast-container--top-right{top:0;right:0}.toast-container--bottom-left{bottom:0;left:0;flex-direction:column-reverse}.toast-container--bottom-center{bottom:0;left:50%;transform:translate(-50%);flex-direction:column-reverse}.toast-container--bottom-right{bottom:0;right:0;flex-direction:column-reverse}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);pointer-events:auto;animation:toast-slide-in .2s ease-out;border-left:4px solid}.toast--exiting{animation:toast-slide-out .2s ease-in forwards}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toast-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.toast-container--top-left .toast,.toast-container--top-center .toast,.toast-container--top-right .toast{animation-name:toast-slide-in-top}.toast-container--top-left .toast--exiting,.toast-container--top-center .toast--exiting,.toast-container--top-right .toast--exiting{animation-name:toast-slide-out-top}@keyframes toast-slide-in-top{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes toast-slide-out-top{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}.toast--success{border-left-color:var(--color-success)}.toast--success .toast__icon{color:var(--color-success)}.toast--error{border-left-color:var(--color-error)}.toast--error .toast__icon{color:var(--color-error)}.toast--warning{border-left-color:var(--color-warning)}.toast--warning .toast__icon{color:var(--color-warning)}.toast--info{border-left-color:var(--color-info)}.toast--info .toast__icon{color:var(--color-info)}.toast__icon{flex-shrink:0;width:20px;height:20px}.toast__icon svg{width:100%;height:100%}.toast__content{flex:1;min-width:0}.toast__message{font-size:var(--text-sm);color:var(--color-text);line-height:var(--leading-normal);margin:0;word-wrap:break-word}.toast__action{display:inline-block;margin-top:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-primary);background:none;border:none;padding:0;cursor:pointer;text-decoration:underline;transition:color var(--transition-fast)}.toast__action:hover{color:var(--color-primary-dark)}.toast__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-sm);color:var(--color-text-muted);transition:all var(--transition-fast)}.toast__close:hover{background-color:var(--color-surface-hover);color:var(--color-text)}.toast__close svg{width:16px;height:16px}@media (max-width: 576px){.toast-container{max-width:100%;padding:var(--space-3)}.toast-container--bottom-left,.toast-container--bottom-center,.toast-container--bottom-right{bottom:80px}.toast{padding:var(--space-3)}}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:400px;padding:var(--space-8);background-color:var(--color-background)}.error-boundary__content{max-width:480px;text-align:center}.error-boundary__icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:var(--space-6);border-radius:var(--radius-full);background-color:var(--color-error-bg);color:var(--color-error)}.error-boundary__icon svg{width:32px;height:32px}.error-boundary__title{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--space-3);background-color:transparent}.error-boundary__message{font-size:var(--text-base);color:var(--color-text-muted);line-height:var(--leading-relaxed);margin-bottom:var(--space-6)}.error-boundary__details{text-align:left;margin-bottom:var(--space-6);padding:var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.error-boundary__details summary{cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.error-boundary__details pre{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-error);white-space:pre-wrap;word-break:break-word;margin:0;padding:var(--space-3);background-color:var(--color-error-bg);border-radius:var(--radius-sm)}.error-boundary__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}@media (max-width: 576px){.error-boundary{padding:var(--space-6);min-height:auto}.error-boundary__actions{flex-direction:column}.error-boundary__actions .btn{width:100%}}.skeleton{background-color:var(--color-border-light);position:relative;overflow:hidden}.skeleton--animated:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.5) 50%,transparent 100%);animation:skeleton-shimmer 1.5s infinite}@keyframes skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton--text{height:1em;border-radius:var(--radius-sm);margin-bottom:var(--space-2)}.skeleton--text:last-child{margin-bottom:0}.skeleton--circular{border-radius:var(--radius-full)}.skeleton--rectangular{border-radius:0}.skeleton--rounded{border-radius:var(--radius-md)}.skeleton-text{display:flex;flex-direction:column;gap:var(--space-2)}.skeleton-card{background-color:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border-light)}.skeleton-card__content{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.skeleton-list-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0}.skeleton-list-item__content{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.skeleton-grid{display:grid;gap:var(--space-4)}.skeleton-grid--2{grid-template-columns:repeat(2,1fr)}.skeleton-grid--3{grid-template-columns:repeat(3,1fr)}.skeleton-grid--4{grid-template-columns:repeat(4,1fr)}@media (max-width: 768px){.skeleton-grid--3,.skeleton-grid--4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.skeleton-grid--2,.skeleton-grid--3,.skeleton-grid--4{grid-template-columns:1fr}}.loading-spinner{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.loading-spinner__icon{animation:spinner-rotate 1s linear infinite}@keyframes spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner__label{font-size:var(--text-sm);color:inherit}.loading-spinner--xs .loading-spinner__icon{width:12px;height:12px}.loading-spinner--sm .loading-spinner__icon{width:16px;height:16px}.loading-spinner--md .loading-spinner__icon{width:24px;height:24px}.loading-spinner--lg .loading-spinner__icon{width:32px;height:32px}.loading-spinner--xl .loading-spinner__icon{width:48px;height:48px}.loading-spinner--primary{color:var(--color-primary)}.loading-spinner--white{color:var(--color-text-inverse)}.loading-spinner--muted{color:var(--color-text-muted)}.page-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--space-4);padding:var(--space-8)}.page-loader__message{font-size:var(--text-base);color:var(--color-text-muted);margin:0}.inline-loader{display:inline-flex;align-items:center;gap:var(--space-2)}.inline-loader__message{font-size:var(--text-sm);color:var(--color-text-muted)}.btn-loading{position:relative;color:transparent!important}.btn-loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spinner-rotate .8s linear infinite}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-8)}.empty-state--sm{padding:var(--space-6)}.empty-state--sm .empty-state__icon{width:48px;height:48px;margin-bottom:var(--space-3)}.empty-state--sm .empty-state__title{font-size:var(--text-base)}.empty-state--sm .empty-state__description{font-size:var(--text-sm)}.empty-state--md{padding:var(--space-8)}.empty-state--lg{padding:var(--space-12)}.empty-state--lg .empty-state__icon{width:96px;height:96px}.empty-state--lg .empty-state__title{font-size:var(--text-2xl)}.empty-state__icon{width:64px;height:64px;margin-bottom:var(--space-4);color:var(--color-text-muted);opacity:.6}.empty-state__icon svg{width:100%;height:100%}.empty-state__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);margin:0 0 var(--space-2);background-color:transparent}.empty-state__description{font-size:var(--text-base);color:var(--color-text-muted);line-height:var(--leading-relaxed);max-width:400px;margin:0 0 var(--space-6)}.empty-state__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}@media (max-width: 576px){.empty-state{padding:var(--space-6)}.empty-state__icon{width:56px;height:56px}.empty-state__actions{flex-direction:column;width:100%}.empty-state__actions .btn{width:100%}}.progress-bar{width:100%}.progress-bar__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.progress-bar__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text)}.progress-bar__value{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted)}.progress-bar__track{width:100%;background-color:var(--color-border-light);border-radius:var(--radius-full);overflow:hidden}.progress-bar__fill{height:100%;border-radius:var(--radius-full);transition:width .3s ease}.progress-bar--sm .progress-bar__track{height:4px}.progress-bar--md .progress-bar__track{height:8px}.progress-bar--lg .progress-bar__track{height:12px}.progress-bar--primary .progress-bar__fill{background-color:var(--color-primary)}.progress-bar--success .progress-bar__fill{background-color:var(--color-success)}.progress-bar--warning .progress-bar__fill{background-color:var(--color-warning)}.progress-bar--error .progress-bar__fill{background-color:var(--color-error)}.progress-bar--animated .progress-bar__fill{position:relative;overflow:hidden}.progress-bar--animated .progress-bar__fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:progress-shimmer 1.5s infinite}@keyframes progress-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.step-progress{width:100%}.step-progress__steps{display:flex;justify-content:space-between;position:relative}.step-progress__step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.step-progress__indicator{width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--font-semibold);background-color:var(--color-border-light);color:var(--color-text-muted);border:2px solid var(--color-border);transition:all var(--transition-base);z-index:1}.step-progress__indicator svg{width:16px;height:16px}.step-progress__step--current .step-progress__indicator{background-color:var(--color-primary);color:var(--color-text-on-primary);border-color:var(--color-primary)}.step-progress__step--complete .step-progress__indicator{background-color:var(--color-success);color:var(--color-text-inverse);border-color:var(--color-success)}.step-progress__content{display:flex;flex-direction:column;align-items:center;margin-top:var(--space-2);text-align:center}.step-progress__title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted)}.step-progress__step--current .step-progress__title,.step-progress__step--complete .step-progress__title{color:var(--color-text)}.step-progress__description{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.step-progress__connector{position:absolute;top:16px;left:calc(50% + 20px);right:calc(-50% + 20px);height:2px;background-color:var(--color-border);z-index:0}.step-progress__connector--complete{background-color:var(--color-success)}@media (max-width: 576px){.step-progress__steps{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.step-progress__step{flex-direction:row;align-items:center;width:100%}.step-progress__content{align-items:flex-start;text-align:left;margin-top:0;margin-left:var(--space-3)}.step-progress__connector{position:absolute;top:32px;left:15px;right:auto;width:2px;height:calc(100% + var(--space-4) - 32px)}.step-progress__step:last-child .step-progress__connector{display:none}}.profile__header-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.profile__header-card{margin-bottom:var(--space-6)}.profile__header{display:flex;align-items:center;gap:var(--space-6)}.profile__avatar-wrap{position:relative;width:100px;height:100px;border-radius:var(--radius-full);overflow:hidden;flex-shrink:0;cursor:pointer;background:var(--color-background-alt);border:3px solid var(--color-border-light);transition:border-color var(--transition-fast)}.profile__avatar-wrap:hover{border-color:var(--color-primary)}.profile__avatar-wrap img{width:100%;height:100%;object-fit:cover}.profile__avatar-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--color-primary-subtle);color:var(--color-primary);font-size:var(--text-3xl);font-weight:var(--font-bold)}.profile__avatar-badge{font-size:var(--text-xs);color:var(--color-info);text-align:center;margin-top:var(--space-2)}.profile__header-info{flex:1;min-width:0}.profile__name{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text);margin:0 0 var(--space-1)}.profile__meta{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.profile__row{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-light)}.profile__row:last-child{border-bottom:none}.profile__row-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);flex-shrink:0;margin-right:var(--space-4)}.profile__row-value{font-size:var(--text-sm);color:var(--color-text);text-align:right;word-break:break-word;max-width:60%}.profile__row-value--muted{color:var(--color-text-muted);font-style:italic}.profile__error{background:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);margin-bottom:var(--space-5)}.profile__fields-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 var(--space-5)}.profile__field{margin-bottom:var(--space-5)}.profile__label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);margin-bottom:var(--space-2)}.profile__input,.profile__textarea{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-family:var(--font-sans);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-background);transition:border-color var(--transition-fast);box-sizing:border-box}.profile__input:focus,.profile__textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}.profile__input::placeholder,.profile__textarea::placeholder{color:var(--color-text-muted)}.profile__textarea{resize:vertical;min-height:80px}.profile__file-input{width:100%;font-size:var(--text-sm);color:var(--color-text);max-width:100%}.profile__file-input::file-selector-button{padding:var(--space-2) var(--space-4);margin-right:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast)}.profile__file-input::file-selector-button:hover{background:var(--color-surface-hover)}.profile__hint{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.profile__form-footer{display:flex;gap:var(--space-3)}@media (max-width: 767px){.profile__header{flex-direction:column;text-align:center}.profile__avatar-wrap{width:88px;height:88px}.profile__header-actions{justify-content:center;width:100%}.profile__row{flex-direction:column;gap:var(--space-1)}.profile__row-value{text-align:left;max-width:100%}.profile__fields-grid{grid-template-columns:1fr}.profile__form-footer{flex-direction:column}}.weekly-log{max-width:var(--max-width-2xl);margin:0 auto;padding:var(--space-8) var(--space-6);overflow-x:hidden;box-sizing:border-box;width:100%}.weekly-log__title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text);margin:0 0 var(--space-6)}.weekly-log .weekly-log-tabs{border-bottom:2px solid var(--color-border);gap:var(--space-1);margin-bottom:var(--space-6)!important;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.weekly-log .weekly-log-tabs::-webkit-scrollbar{display:none}.weekly-log .weekly-log-tabs .nav-item{flex-shrink:0}.weekly-log .weekly-log-tabs .nav-link{color:var(--color-text-secondary)!important;background:none!important;border:none!important;border-bottom:2px solid transparent!important;border-radius:0!important;padding:var(--space-3) var(--space-4)!important;font-size:var(--text-sm);font-weight:var(--font-medium);white-space:nowrap;transition:all var(--transition-fast);margin-bottom:-2px}.weekly-log .weekly-log-tabs .nav-link:hover{color:var(--color-text)!important;background:var(--color-surface-hover)!important;border-bottom-color:var(--color-border-dark)!important}.weekly-log .weekly-log-tabs .nav-link.active{color:var(--color-primary)!important;background:none!important;border-bottom:2px solid var(--color-primary)!important;font-weight:var(--font-semibold)}.weekly-log .weekly-log-tabs .nav-link.active:hover{background:var(--color-primary-subtle)!important}.weekly-log .tab-content,.weekly-log .tab-pane{overflow-x:hidden}.weekly-log__top{display:grid;grid-template-columns:320px 1fr;gap:var(--space-6);margin-bottom:var(--space-6)}.weekly-log__photo-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);overflow:hidden;box-sizing:border-box}.weekly-log__photo-card h3{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text);margin:0 0 var(--space-4);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.weekly-log__photo-wrap{position:relative;width:100%;aspect-ratio:4 / 5;border-radius:var(--radius-md);overflow:hidden;background:var(--color-background-alt);margin-bottom:var(--space-4);cursor:pointer}.weekly-log__photo-wrap img{width:100%;height:100%;object-fit:cover}.weekly-log__photo-preview-badge{font-size:var(--text-xs);color:var(--color-info);text-align:center;margin-bottom:var(--space-3)}.weekly-log__photo-hint{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-3)}.weekly-log__photo-input{margin-bottom:var(--space-3);overflow:hidden}.weekly-log__photo-input .form-control{font-size:var(--text-sm);border-radius:var(--radius-md);max-width:100%}.weekly-log__photo-actions{display:flex;flex-direction:column;gap:var(--space-2)}.weekly-log__photo-actions .btn{font-size:var(--text-sm);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4)}.weekly-log__calendar-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.weekly-log__calendar-card h3{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text);margin:0 0 var(--space-4);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.weekly-log__calendar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}.weekly-log__day{display:flex;flex-direction:column;align-items:center;justify-content:center;height:80px;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:var(--color-surface);position:relative}.weekly-log__day:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background-color:var(--color-primary);border-radius:var(--radius-md) var(--radius-md) 0 0}.weekly-log__day:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.weekly-log__day-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text);text-transform:uppercase}.weekly-log__measurements{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-6);overflow:hidden;box-sizing:border-box}.weekly-log__measurements h3{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text);margin:0 0 var(--space-4);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.weekly-log__measurements-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-4)}.weekly-log__measurement{display:flex;flex-direction:column;gap:var(--space-1)}.weekly-log__measurement label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary)}.weekly-log__measurement-input{display:flex;align-items:center;gap:var(--space-2)}.weekly-log__measurement-input .form-control{border-radius:var(--radius-md);font-size:var(--text-sm)}.weekly-log__measurement-unit{font-size:var(--text-xs);color:var(--color-text-muted);flex-shrink:0}.weekly-log__journal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-6);overflow:hidden;box-sizing:border-box}.weekly-log__journal h3{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text);margin:0 0 var(--space-4);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.weekly-log__journal .form-control{border-radius:var(--radius-md);font-size:var(--text-sm);resize:vertical}.weekly-log__save{display:flex;justify-content:flex-end;margin-bottom:var(--space-8)}.weekly-log__save .btn{padding:var(--space-3) var(--space-8);font-size:var(--text-sm);font-weight:var(--font-semibold);border-radius:var(--radius-md)}.weekly-log__daily-logs{margin-bottom:var(--space-8);overflow:hidden}.weekly-log__daily-logs h3{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text);margin:0 0 var(--space-4);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.weekly-log__daily-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-4)}.weekly-log__daily-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-fast)}.weekly-log__daily-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-sm)}.weekly-log__daily-card-header{background:var(--color-primary);color:var(--color-text-on-primary);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-semibold)}.weekly-log__daily-card-body{padding:var(--space-4)}.weekly-log__daily-row{display:flex;justify-content:space-between;padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-light);font-size:var(--text-sm)}.weekly-log__daily-row:last-of-type{border-bottom:none}.weekly-log__daily-label{font-weight:var(--font-medium);color:var(--color-text-secondary)}.weekly-log__daily-value{color:var(--color-text);text-align:right;max-width:60%;word-break:break-word}.weekly-log__daily-card-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border-light)}.weekly-log__daily-card-footer .btn{font-size:var(--text-sm);border-radius:var(--radius-md);width:100%}.weekly-log-modal .modal-content{border-radius:var(--radius-lg);border:none;box-shadow:var(--shadow-xl)}.weekly-log-modal .modal-header{border-bottom:1px solid var(--color-border);padding:var(--space-5)}.weekly-log-modal .modal-title{font-size:var(--text-lg);font-weight:var(--font-semibold)}.weekly-log-modal .modal-body{padding:var(--space-5)}.weekly-log-modal .modal-body .form-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary)}.weekly-log-modal .modal-body .form-control{border-radius:var(--radius-md);font-size:var(--text-sm)}.weekly-log-modal .modal-footer{border-top:1px solid var(--color-border);padding:var(--space-4) var(--space-5)}.weekly-log-modal .modal-footer .btn{border-radius:var(--radius-md);font-size:var(--text-sm)}.weekly-log__image-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;cursor:pointer}.weekly-log__image-overlay img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:var(--radius-md)}@media (max-width: 1023px){.weekly-log__measurements-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 767px){.weekly-log{padding:var(--space-5) var(--space-4)}.weekly-log__top{grid-template-columns:1fr}.weekly-log__measurements-grid{grid-template-columns:repeat(2,1fr)}.weekly-log__calendar-grid{grid-template-columns:repeat(4,1fr)}.weekly-log__daily-grid{grid-template-columns:1fr}.weekly-log__save{justify-content:stretch}.weekly-log__save .btn{width:100%}}.quick-actions__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-3)}.quick-actions__item{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-md);background-color:var(--color-surface-hover);color:var(--color-text);text-decoration:none;transition:all var(--transition-fast)}.quick-actions__item:hover{background-color:#8000201a;color:var(--color-primary);transform:translateY(-2px)}.quick-actions__item:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.quick-actions__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background-color:var(--color-surface);color:var(--color-primary)}.quick-actions__icon svg{width:20px;height:20px}.quick-actions__label{font-size:var(--text-sm);font-weight:var(--font-medium);text-align:center}@media (max-width: 576px){.quick-actions__grid{grid-template-columns:repeat(2,1fr)}.quick-actions__item{padding:var(--space-3)}}.recent-activity__header{display:flex;align-items:center;justify-content:space-between;flex-direction:row}.recent-activity__view-all{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-primary);background:none;border:none;cursor:pointer;transition:color var(--transition-fast)}.recent-activity__view-all:hover{color:var(--color-primary-dark);text-decoration:underline}.recent-activity__list{display:flex;flex-direction:column;gap:0}.recent-activity__item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 0;position:relative}.recent-activity__item:not(:last-child):after{content:"";position:absolute;left:5px;top:calc(var(--space-3) + 12px);bottom:0;width:2px;background-color:var(--color-border-light)}.recent-activity__indicator{width:12px;height:12px;border-radius:var(--radius-full);background-color:var(--color-primary);flex-shrink:0;margin-top:4px}.recent-activity__content{flex:1;min-width:0}.recent-activity__text{font-size:var(--text-sm);color:var(--color-text);line-height:var(--leading-normal);margin:0}.recent-activity__time{font-size:var(--text-xs);color:var(--color-text-muted);display:block;margin-top:var(--space-1)}.recent-activity__item--success .recent-activity__indicator{background-color:var(--color-success)}.recent-activity__item--warning .recent-activity__indicator{background-color:var(--color-warning)}.recent-activity__item--info .recent-activity__indicator{background-color:var(--color-info)}.gamification{margin-bottom:2rem}.gamification__header{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.gamification__level{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;border-radius:12px;background:var(--card-bg, #fff);border:2px solid var(--border-color, #e5e7eb);box-shadow:0 1px 3px #00000014}.gamification__level-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff;flex-shrink:0}.gamification__level--bronze .gamification__level-icon{background:#CD7F32}.gamification__level--silver .gamification__level-icon{background:#A0A0A0}.gamification__level--gold .gamification__level-icon{background:#DAA520}.gamification__level--platinum .gamification__level-icon{background:#8E8E8E}.gamification__level--diamond .gamification__level-icon{background:linear-gradient(135deg,#7EC8E3,#B9F2FF);color:#1a1a2e}.gamification__level-info{display:flex;flex-direction:column}.gamification__level-name{font-size:1.125rem;font-weight:700;color:var(--text-primary, #1a1a2e)}.gamification__level-xp{font-size:.8rem;color:var(--text-secondary, #6b7280)}.gamification__xp-bar-container{flex:1;min-width:200px}.gamification__xp-label{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-secondary, #6b7280);margin-bottom:.375rem}.gamification__xp-bar{height:12px;background:var(--bg-secondary, #f3f4f6);border-radius:6px;overflow:hidden;position:relative}.gamification__xp-fill{height:100%;border-radius:6px;transition:width .6s ease;background:linear-gradient(90deg,#6366f1,#8b5cf6)}.gamification__xp-fill--bronze{background:linear-gradient(90deg,#CD7F32,#e6a856)}.gamification__xp-fill--silver{background:linear-gradient(90deg,#A0A0A0,#C0C0C0)}.gamification__xp-fill--gold{background:linear-gradient(90deg,#DAA520,#FFD700)}.gamification__xp-fill--platinum{background:linear-gradient(90deg,#8E8E8E,#E5E4E2)}.gamification__xp-fill--diamond{background:linear-gradient(90deg,#7EC8E3,#B9F2FF)}.gamification__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.5rem}.gamification__stat{text-align:center;padding:.75rem;background:var(--card-bg, #fff);border-radius:10px;border:1px solid var(--border-color, #e5e7eb)}.gamification__stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--text-primary, #1a1a2e)}.gamification__stat-label{display:block;font-size:.75rem;color:var(--text-secondary, #6b7280);margin-top:.125rem}.gamification__badges-title{font-size:1rem;font-weight:600;color:var(--text-primary, #1a1a2e);margin-bottom:.75rem}.gamification__badges{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.gamification__badge{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem .5rem;background:var(--card-bg, #fff);border-radius:12px;border:1px solid var(--border-color, #e5e7eb);transition:transform .15s ease,box-shadow .15s ease}.gamification__badge--earned{border-color:#6366f1;box-shadow:0 2px 8px #6366f126}.gamification__badge--locked{opacity:.5;filter:grayscale(.8)}.gamification__badge-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin-bottom:.5rem;background:var(--bg-secondary, #f3f4f6)}.gamification__badge--earned .gamification__badge-icon{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.gamification__badge--locked .gamification__badge-icon{position:relative}.gamification__badge-lock{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;background:#9ca3af;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6rem;color:#fff}.gamification__badge-name{font-size:.8rem;font-weight:600;color:var(--text-primary, #1a1a2e);margin-bottom:.125rem}.gamification__badge-desc{font-size:.7rem;color:var(--text-secondary, #6b7280);line-height:1.3}@media (max-width: 1024px){.gamification__badges{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.gamification__header{flex-direction:column;align-items:stretch}.gamification__stats,.gamification__badges{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.gamification__stats,.gamification__badges{grid-template-columns:repeat(2,1fr)}}.admin{max-width:var(--max-width-2xl);margin:0 auto;padding:var(--space-8) var(--space-6)}.admin__title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text);margin:0 0 var(--space-6)}.admin__reports-banner{background:var(--color-surface);border:1px solid var(--color-warning);border-left:4px solid var(--color-warning);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-6)}.admin__reports-heading{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text);margin:0 0 var(--space-4)}.admin__reports-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.admin__report-preview{background:var(--color-background-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3)}.admin__report-type{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-error);margin:0 0 var(--space-1);text-transform:capitalize}.admin__report-desc{font-size:var(--text-xs);color:var(--color-text-secondary);margin:0 0 var(--space-2);line-height:var(--leading-normal)}.admin__report-target{font-size:var(--text-xs);color:var(--color-text-muted)}.admin__reports-more{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-3)}.admin__selector{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-6)}.admin__selector-row{display:flex;align-items:center;gap:var(--space-3)}.admin__selector-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);white-space:nowrap;flex-shrink:0}.admin__selector-select{flex:1;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text);background:var(--color-background);transition:border-color var(--transition-fast)}.admin__selector-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}.admin__refresh-btn{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);color:var(--color-text-secondary);background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0}.admin__refresh-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.admin__empty{text-align:center;padding:var(--space-12) var(--space-4);color:var(--color-text-muted);font-size:var(--text-sm)}.admin__profile{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-6)}.admin__profile-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5);border-bottom:1px solid var(--color-border-light)}.admin__profile-name{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);margin:0}.admin__moderate-btn{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-primary);background:none;border:1px solid var(--color-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.admin__moderate-btn:hover{background:var(--color-primary-subtle)}.admin__profile-stats{display:flex;gap:var(--space-6);padding:var(--space-4) var(--space-5);background:var(--color-surface-sunken);border-bottom:1px solid var(--color-border-light);flex-wrap:wrap}.admin__stat{font-size:var(--text-sm);color:var(--color-text-secondary)}.admin__stat strong{color:var(--color-text);font-weight:var(--font-semibold)}.admin__moderation{padding:var(--space-5);background:var(--color-background-alt);border-bottom:1px solid var(--color-border-light)}.admin__moderation-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text);margin:0 0 var(--space-3)}.admin__moderation-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-3)}.admin__mod-btn{padding:var(--space-2) var(--space-4);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent}.admin__mod-btn:disabled{opacity:.5;cursor:not-allowed}.admin__mod-btn--warn{background:var(--color-warning-bg, #fff3cd);color:var(--color-warning-text, #856404);border-color:var(--color-warning)}.admin__mod-btn--warn:hover:not(:disabled){background:var(--color-warning);color:#fff}.admin__mod-btn--suspend{background:none;color:var(--color-error);border-color:var(--color-error)}.admin__mod-btn--suspend:hover:not(:disabled){background:var(--color-error);color:#fff}.admin__mod-btn--ban{background:var(--color-error);color:#fff}.admin__mod-btn--ban:hover:not(:disabled){background:var(--color-error-dark, #c0392b)}.admin__moderation-note{font-size:var(--text-xs);color:var(--color-text-muted);margin:0}.admin__user-reports{padding:var(--space-4) var(--space-5);background:var(--color-warning-bg, #fff3cd);border-bottom:1px solid var(--color-border-light)}.admin__user-reports-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text);margin:0 0 var(--space-3)}.admin__user-report-item{padding:var(--space-2) 0;border-bottom:1px solid rgba(0,0,0,.08);font-size:var(--text-xs);color:var(--color-text-secondary)}.admin__user-report-item:last-child{border-bottom:none}.admin__user-report-item strong{color:var(--color-text);text-transform:capitalize}.admin__user-report-meta{color:var(--color-text-muted);font-style:italic;margin-top:2px}.admin__weeks{padding:var(--space-5)}.admin__week{margin-bottom:var(--space-6)}.admin__week:last-child{margin-bottom:0}.admin__week-header{background:var(--color-primary);color:var(--color-text-on-primary);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md) var(--radius-md) 0 0;font-size:var(--text-sm);font-weight:var(--font-semibold)}.admin__measurements{display:flex;gap:var(--space-5);flex-wrap:wrap;padding:var(--space-4);background:var(--color-surface-sunken);border:1px solid var(--color-border-light);border-top:none;font-size:var(--text-sm)}.admin__measurement{color:var(--color-text-secondary)}.admin__measurement strong{color:var(--color-text);font-weight:var(--font-semibold)}.admin__progress-photo{padding:var(--space-4);border:1px solid var(--color-border-light);border-top:none}.admin__progress-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin:0 0 var(--space-3)}.admin__progress-img{width:200px;height:250px;object-fit:cover;border-radius:var(--radius-md);cursor:pointer;transition:opacity var(--transition-fast)}.admin__progress-img:hover{opacity:.85}.admin__daily-logs{border:1px solid var(--color-border-light);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);overflow:hidden}.admin__daily-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text);padding:var(--space-4) var(--space-4) var(--space-3);margin:0;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.admin__daily-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-3);padding:0 var(--space-4) var(--space-4)}.admin__daily-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.admin__daily-card-day{background:var(--color-primary);color:var(--color-text-on-primary);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-semibold);text-align:center}.admin__daily-card-body{padding:var(--space-3)}.admin__daily-row{display:flex;justify-content:space-between;padding:var(--space-1) 0;border-bottom:1px solid var(--color-border-light);font-size:var(--text-xs)}.admin__daily-row:last-child{border-bottom:none}.admin__daily-row-label{font-weight:var(--font-medium);color:var(--color-text-secondary)}.admin__daily-row-value{color:var(--color-text);text-align:right;max-width:55%;word-break:break-word}.admin__daily-row-value--empty{color:var(--color-text-muted);font-style:italic}.admin__image-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;cursor:pointer}.admin__image-overlay img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:var(--radius-md)}.admin__modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal-backdrop);background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.admin__modal{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:480px}.admin__modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5);border-bottom:1px solid var(--color-border)}.admin__modal-header h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);margin:0}.admin__modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);background:none;border:none;cursor:pointer;color:var(--color-text-muted);font-size:var(--text-lg);transition:all var(--transition-fast)}.admin__modal-close:hover{background:var(--color-surface-hover);color:var(--color-text)}.admin__modal-close:disabled{opacity:.5;cursor:not-allowed}.admin__modal-body{padding:var(--space-5)}.admin__modal-body p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 var(--space-4);line-height:var(--leading-relaxed)}.admin__modal-warning{background:var(--color-error-bg);color:var(--color-error);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-xs);line-height:var(--leading-relaxed)}.admin__modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border)}.admin__modal-footer button{padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast)}.admin__modal-cancel{background:none;border:1px solid var(--color-border);color:var(--color-text-secondary)}.admin__modal-cancel:hover{background:var(--color-surface-hover);color:var(--color-text)}.admin__modal-cancel:disabled{opacity:.5;cursor:not-allowed}.admin__modal-confirm{border:none;color:#fff}.admin__modal-confirm--warning{background:var(--color-warning)}.admin__modal-confirm--warning:hover{filter:brightness(.9)}.admin__modal-confirm--danger{background:var(--color-error)}.admin__modal-confirm--danger:hover{background:var(--color-error-dark, #c0392b)}.admin__modal-confirm:disabled{opacity:.5;cursor:not-allowed}.admin__spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:var(--radius-full);animation:admin-spin .6s linear infinite;margin-right:var(--space-2);vertical-align:middle}@keyframes admin-spin{to{transform:rotate(360deg)}}@media (max-width: 1023px){.admin__reports-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.admin{padding:var(--space-5) var(--space-4)}.admin__selector-row{flex-direction:column;align-items:stretch}.admin__reports-grid{grid-template-columns:1fr}.admin__profile-header{flex-direction:column;text-align:center;gap:var(--space-3)}.admin__profile-stats{justify-content:center}.admin__moderation-actions{flex-direction:column}.admin__moderation-actions .admin__mod-btn{width:100%}.admin__measurements{gap:var(--space-3)}.admin__daily-grid{grid-template-columns:1fr}}.community{max-width:680px;margin:0;padding:var(--space-8) var(--space-6)}.community__title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text);margin:0 0 var(--space-6)}.community__compose{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-6)}.community__compose textarea{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-family:var(--font-sans);line-height:var(--leading-normal);resize:vertical;color:var(--color-text);background:var(--color-background);transition:border-color var(--transition-fast)}.community__compose textarea::placeholder{color:var(--color-text-muted)}.community__compose textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}.community__compose-footer{display:flex;justify-content:flex-end;margin-top:var(--space-3)}.community__compose-btn{padding:var(--space-2) var(--space-6);background-color:var(--color-primary);color:var(--color-text-on-primary);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast)}.community__compose-btn:hover{background-color:var(--color-primary-dark)}.community__compose-btn:disabled{opacity:.5;cursor:not-allowed}.community__post{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-4);overflow:hidden}.community__post-header{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-5) var(--space-5) 0}.community__avatar{width:40px;height:40px;border-radius:var(--radius-full);object-fit:cover;flex-shrink:0;background:var(--color-background-alt)}.community__avatar--placeholder{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background:var(--color-primary-subtle);color:var(--color-primary);font-weight:var(--font-semibold);font-size:var(--text-sm);flex-shrink:0}.community__post-meta{flex:1;min-width:0}.community__post-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-primary);cursor:pointer;transition:color var(--transition-fast);text-decoration:none}.community__post-name:hover{text-decoration:underline;color:var(--color-primary-dark)}.community__post-time{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px}.community__report-btn{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted);background:none;border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0;align-self:flex-start}.community__report-btn:hover{color:var(--color-error);border-color:var(--color-error);background:var(--color-error-bg)}.community__post-content{padding:var(--space-3) var(--space-5) var(--space-4);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text);word-break:break-word}.community__comments{border-top:1px solid var(--color-border-light);padding:var(--space-3) var(--space-5);background:var(--color-surface-sunken)}.community__comment{display:flex;gap:var(--space-3);padding:var(--space-3) 0}.community__comment+.community__comment{border-top:1px solid var(--color-border-light)}.community__comment-avatar{width:32px;height:32px;border-radius:var(--radius-full);object-fit:cover;flex-shrink:0;background:var(--color-background-alt)}.community__comment-avatar--placeholder{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-primary-subtle);color:var(--color-primary);font-weight:var(--font-semibold);font-size:var(--text-xs);flex-shrink:0}.community__comment-body{flex:1;min-width:0}.community__comment-top{display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap}.community__comment-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-primary);cursor:pointer;text-decoration:none}.community__comment-name:hover{text-decoration:underline}.community__comment-time{font-size:var(--text-xs);color:var(--color-text-muted)}.community__comment-text{font-size:var(--text-sm);color:var(--color-text);line-height:var(--leading-normal);margin-top:2px;word-break:break-word}.community__comment-report{padding:0;font-size:var(--text-xs);color:var(--color-text-muted);background:none;border:none;cursor:pointer;transition:color var(--transition-fast);flex-shrink:0;align-self:flex-start;margin-top:var(--space-1)}.community__comment-report:hover{color:var(--color-error)}.community__reply{display:flex;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border-light)}.community__reply textarea{flex:1;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-family:var(--font-sans);line-height:var(--leading-normal);resize:none;color:var(--color-text);background:var(--color-background);transition:border-color var(--transition-fast)}.community__reply textarea::placeholder{color:var(--color-text-muted)}.community__reply textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}.community__reply-btn{padding:var(--space-2) var(--space-4);background-color:var(--color-primary);color:var(--color-text-on-primary);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);align-self:flex-end;flex-shrink:0}.community__reply-btn:hover{background-color:var(--color-primary-dark)}.community__modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal-backdrop);background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.community__modal{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.community__modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5);border-bottom:1px solid var(--color-border)}.community__modal-header h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);margin:0}.community__modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);background:none;border:none;cursor:pointer;color:var(--color-text-muted);transition:all var(--transition-fast);font-size:var(--text-lg)}.community__modal-close:hover{background:var(--color-surface-hover);color:var(--color-text)}.community__modal-body{padding:var(--space-5)}.community__modal-body p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 var(--space-4)}.community__modal-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);margin-bottom:var(--space-3)}.community__modal-radio{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--color-text);cursor:pointer}.community__modal-radio input[type=radio]{accent-color:var(--color-primary)}.community__modal-textarea{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);font-size:var(--text-sm);font-family:var(--font-sans);line-height:var(--leading-normal);resize:vertical;color:var(--color-text);margin-top:var(--space-2)}.community__modal-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}.community__modal-hint{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-4);line-height:var(--leading-relaxed)}.community__modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border)}.community__modal-footer button{padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast)}.community__modal-cancel{background:none;border:1px solid var(--color-border);color:var(--color-text-secondary)}.community__modal-cancel:hover{background:var(--color-surface-hover);color:var(--color-text)}.community__modal-submit{background-color:var(--color-error);color:#fff;border:none}.community__modal-submit:hover{background-color:var(--color-error-light)}.community__modal-submit:disabled{opacity:.5;cursor:not-allowed}.community__empty{text-align:center;padding:var(--space-12) var(--space-4);color:var(--color-text-muted)}.community__empty-icon{font-size:var(--text-4xl);margin-bottom:var(--space-3);opacity:.4}.community__empty p{font-size:var(--text-sm);margin:0}@media (max-width: 767px){.community{padding:var(--space-5) var(--space-4);margin:0}.community__post-header{padding:var(--space-4) var(--space-4) 0}.community__post-content{padding:var(--space-3) var(--space-4) var(--space-4)}.community__comments{padding:var(--space-3) var(--space-4)}.community__reply{padding:var(--space-3) var(--space-4);flex-direction:column}.community__reply-btn{align-self:flex-end}}.user-profile__header-card{margin-bottom:var(--space-6)}.user-profile__header{display:flex;align-items:center;gap:var(--space-6)}.user-profile__avatar-wrap{width:100px;height:100px;border-radius:var(--radius-full);overflow:hidden;flex-shrink:0;background:var(--color-background-alt);border:3px solid var(--color-border-light)}.user-profile__avatar-wrap img{width:100%;height:100%;object-fit:cover}.user-profile__avatar-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--color-primary-subtle);color:var(--color-primary);font-size:var(--text-3xl);font-weight:var(--font-bold)}.user-profile__header-info{flex:1;min-width:0}.user-profile__name{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text);margin:0 0 var(--space-1)}.user-profile__meta{font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 var(--space-4)}.user-profile__actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.user-profile__blocked-notice{background:var(--color-warning-bg, #fef3cd);color:var(--color-warning, #856404);border:1px solid var(--color-warning, #ffc107);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);margin-top:var(--space-3)}.user-profile__posts-section{margin-top:var(--space-2)}.user-profile__posts-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);margin:0 0 var(--space-4)}.user-profile__posts{display:flex;flex-direction:column;gap:var(--space-4)}.user-profile__post-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3)}.user-profile__post-author{display:flex;align-items:center;gap:var(--space-3)}.user-profile__post-avatar,.user-profile__post-avatar-placeholder{width:40px;height:40px;border-radius:var(--radius-full);flex-shrink:0}.user-profile__post-avatar{object-fit:cover}.user-profile__post-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:var(--color-primary-subtle);color:var(--color-primary);font-size:var(--text-sm);font-weight:var(--font-bold)}.user-profile__post-name{display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text)}.user-profile__post-time{display:block;font-size:var(--text-xs);color:var(--color-text-muted)}.user-profile__post-content{font-size:var(--text-sm);color:var(--color-text);line-height:var(--leading-relaxed);margin:0;word-break:break-word}.user-profile__comments{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-light)}.user-profile__comments-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary);margin:0 0 var(--space-3)}.user-profile__comment{padding:var(--space-3);background:var(--color-surface-hover);border-radius:var(--radius-md);margin-bottom:var(--space-2)}.user-profile__comment:last-child{margin-bottom:0}.user-profile__comment-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.user-profile__comment-avatar{width:28px;height:28px;border-radius:var(--radius-full);object-fit:cover;flex-shrink:0}.user-profile__comment-meta{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.user-profile__comment-author{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text)}.user-profile__comment-time{font-size:var(--text-xs);color:var(--color-text-muted)}.user-profile__comment-text{font-size:var(--text-sm);color:var(--color-text);margin:0;word-break:break-word}.user-profile__modal-footer{display:flex;gap:var(--space-3);justify-content:flex-end}.user-profile__report-intro{font-size:var(--text-sm);color:var(--color-text);margin:0 0 var(--space-4)}.user-profile__report-options{margin-bottom:var(--space-4)}.user-profile__report-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);margin-bottom:var(--space-2)}.user-profile__radio-option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;cursor:pointer;font-size:var(--text-sm)}.user-profile__radio-input{accent-color:var(--color-primary)}.user-profile__radio-label{color:var(--color-text)}.user-profile__report-field{margin-bottom:var(--space-4)}.user-profile__report-textarea{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-family:var(--font-sans);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-background);resize:vertical;box-sizing:border-box;transition:border-color var(--transition-fast)}.user-profile__report-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}.user-profile__report-textarea::placeholder{color:var(--color-text-muted)}.user-profile__report-note{font-size:var(--text-xs);color:var(--color-text-muted)}.user-profile__report-note p{margin:0 0 var(--space-1)}.user-profile__report-note p:last-child{margin-bottom:0}@media (max-width: 767px){.user-profile__header{flex-direction:column;text-align:center}.user-profile__avatar-wrap{width:88px;height:88px}.user-profile__meta{margin-bottom:var(--space-3)}.user-profile__actions{justify-content:center}.user-profile__post-header{flex-direction:column;gap:var(--space-2)}}.settings{max-width:680px;margin:0 auto;padding:var(--space-8) var(--space-6)}.settings__title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text);margin:0 0 var(--space-6)}.settings__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-6)}.settings__card--danger{border-color:var(--color-error)}.settings__card-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-light)}.settings__card-header h3{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text);margin:0;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.settings__card-header--danger{background:var(--color-error);border-bottom:none}.settings__card-header--danger h3{color:#fff}.settings__card-body{padding:var(--space-5)}.settings__row{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-light)}.settings__row:last-child{border-bottom:none}.settings__row-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);flex-shrink:0;margin-right:var(--space-4)}.settings__row-value{font-size:var(--text-sm);color:var(--color-text);text-align:right;word-break:break-word}.settings__actions{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-4)}.settings__btn{padding:var(--space-2) var(--space-5);font-size:var(--text-sm);font-weight:var(--font-semibold);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none}.settings__btn--primary{background-color:var(--color-primary);color:var(--color-text-on-primary)}.settings__btn--primary:hover{background-color:var(--color-primary-dark)}.settings__btn--secondary{background:none;color:var(--color-primary);border:1px solid var(--color-primary)}.settings__btn--secondary:hover{background-color:var(--color-primary-subtle)}.settings__btn--danger{background-color:var(--color-error);color:#fff}.settings__btn--danger:hover{background-color:var(--color-error-dark, #c0392b)}.settings__btn--danger:disabled{opacity:.5;cursor:not-allowed}.settings__btn--ghost{background:none;color:var(--color-text-secondary);border:1px solid var(--color-border)}.settings__btn--ghost:hover{background:var(--color-surface-hover);color:var(--color-text)}.settings__btn--ghost:disabled{opacity:.5;cursor:not-allowed}.settings__description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0 0 var(--space-4)}.settings__list{list-style:none;padding:0;margin:0 0 var(--space-4)}.settings__list li{position:relative;padding:var(--space-2) 0 var(--space-2) var(--space-5);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.settings__list li:before{content:"";position:absolute;left:0;top:14px;width:6px;height:6px;border-radius:var(--radius-full);background:var(--color-primary)}.settings__warning{background:var(--color-warning-bg, #fff3cd);border:1px solid var(--color-warning);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-warning-text, #856404);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.settings__warning strong{font-weight:var(--font-semibold)}.settings__danger-alert{background:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.settings__delete-heading{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text);margin:0 0 var(--space-3)}.settings__delete-note{font-size:var(--text-xs);color:var(--color-text-muted);line-height:var(--leading-relaxed);margin:0 0 var(--space-5)}.settings__confirm-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-error);margin:0 0 var(--space-4)}.settings__field{margin-bottom:var(--space-5)}.settings__label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);margin-bottom:var(--space-2)}.settings__input,.settings__select{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-family:var(--font-sans);color:var(--color-text);background:var(--color-background);transition:border-color var(--transition-fast)}.settings__input:focus,.settings__select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}.settings__input::placeholder{color:var(--color-text-muted)}.settings__hint{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.settings__confirm-footer{display:flex;gap:var(--space-3);margin-top:var(--space-5)}.settings__loading{display:flex;align-items:center;justify-content:center;padding:var(--space-16);color:var(--color-text-muted);font-size:var(--text-sm)}@media (max-width: 767px){.settings{padding:var(--space-5) var(--space-4)}.settings__row{flex-direction:column;gap:var(--space-1)}.settings__row-value{text-align:left}.settings__actions{flex-direction:column}.settings__actions .settings__btn{width:100%;text-align:center}.settings__confirm-footer{flex-direction:column}.settings__confirm-footer .settings__btn{width:100%;text-align:center}}.support{max-width:720px;margin:0 auto;padding:var(--space-8) var(--space-6)}.support__hero{text-align:center;margin-bottom:var(--space-10)}.support__title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text);margin:0 0 var(--space-2)}.support__subtitle{font-size:var(--text-base);color:var(--color-text-secondary);margin:0;line-height:var(--leading-relaxed)}.support__form-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-8)}.support__form-header{background:var(--color-primary);padding:var(--space-4) var(--space-5)}.support__form-header h3{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-on-primary);margin:0}.support__form-body{padding:var(--space-6)}.support__status{border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin-bottom:var(--space-5)}.support__status--success{background:var(--color-success-bg, #d1fae5);color:var(--color-success, #065f46);border:1px solid var(--color-success, #065f46)}.support__status--error{background:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error)}.support__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-4)}.support__row--subject{grid-template-columns:1fr auto}.support__field{display:flex;flex-direction:column;gap:var(--space-2)}.support__field--full{margin-bottom:var(--space-5)}.support__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text)}.support__input,.support__select,.support__textarea{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-family:var(--font-sans);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-background);transition:border-color var(--transition-fast)}.support__input:focus,.support__select:focus,.support__textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}.support__input::placeholder,.support__textarea::placeholder{color:var(--color-text-muted)}.support__textarea{resize:vertical;min-height:120px}.support__select{min-width:140px}.support__submit{width:100%;padding:var(--space-3) var(--space-5);background-color:var(--color-primary);color:var(--color-text-on-primary);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast)}.support__submit:hover{background-color:var(--color-primary-dark)}.support__submit:disabled{opacity:.5;cursor:not-allowed}.support__spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:var(--radius-full);animation:support-spin .6s linear infinite;margin-right:var(--space-2);vertical-align:middle}@keyframes support-spin{to{transform:rotate(360deg)}}.support__faq{margin-bottom:var(--space-8)}.support__faq-header{text-align:center;margin-bottom:var(--space-6)}.support__faq-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text);margin:0 0 var(--space-1)}.support__faq-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.support__faq-list{display:flex;flex-direction:column;gap:var(--space-3)}.support__faq-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition-fast)}.support__faq-item--open{border-color:var(--color-primary-light)}.support__faq-question{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-4) var(--space-5);background:none;border:none;cursor:pointer;text-align:left;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);transition:background var(--transition-fast);gap:var(--space-3)}.support__faq-question:hover{background:var(--color-surface-hover)}.support__faq-chevron{flex-shrink:0;width:20px;height:20px;color:var(--color-text-muted);transition:transform var(--transition-fast)}.support__faq-item--open .support__faq-chevron{transform:rotate(180deg);color:var(--color-primary)}.support__faq-answer{padding:0 var(--space-5) var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.support__resources{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center}.support__resources-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);margin:0 0 var(--space-2)}.support__resources-desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 var(--space-5)}.support__resources-links{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.support__resource-link{padding:var(--space-2) var(--space-5);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-primary);background:none;border:1px solid var(--color-primary);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast)}.support__resource-link:hover{background:var(--color-primary-subtle);color:var(--color-primary)}@media (max-width: 767px){.support{padding:var(--space-5) var(--space-4)}.support__row,.support__row--subject{grid-template-columns:1fr}.support__resources-links{flex-direction:column}.support__resource-link{text-align:center}}.meeting-progress{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:1.5rem;padding:1rem;background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border)}.meeting-progress__step{display:flex;flex-direction:column;align-items:center;gap:.25rem;opacity:.4;transition:all .3s ease}.meeting-progress__step--active{opacity:1}.meeting-progress__step--complete .meeting-progress__number{background:var(--success);border-color:var(--success)}.meeting-progress__number{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-secondary);border:2px solid var(--border);font-size:.875rem;font-weight:600;color:var(--text-secondary);transition:all .3s ease}.meeting-progress__step--active .meeting-progress__number{background:var(--primary);border-color:var(--primary);color:var(--white);animation:pulse-step 2s ease-in-out infinite}@keyframes pulse-step{0%,to{box-shadow:0 0 #8b1a2b66}50%{box-shadow:0 0 0 8px #8b1a2b00}}.meeting-progress__label{font-size:.75rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.meeting-progress__step--active .meeting-progress__label{color:var(--text-primary)}.meeting-progress__line{flex:1;height:2px;background:var(--border);margin:0 .5rem 1.25rem;max-width:60px}.meeting-section__step{color:var(--primary);font-weight:600;margin-right:.25rem}.meeting-section__hint{font-size:.9375rem;color:var(--text-secondary);margin:0 0 1rem;line-height:1.5}.meeting-section{scroll-margin-top:1rem;animation:fadeSlideIn .4s ease-out}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.meeting-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border);padding-bottom:.5rem}.meeting-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:transparent;border:none;border-radius:9999px;font-size:.875rem;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.meeting-tab:hover{color:var(--text-primary);background:var(--bg-secondary)}.meeting-tab--active{color:var(--white);background:var(--primary)}.meeting-tab--active:hover{color:var(--white);background:var(--primary-dark)}.meeting-tab__badge{margin-left:.25rem}.meeting-section{margin-bottom:1.5rem}.meeting-section .card__title{display:flex;align-items:center;gap:.5rem}.meeting-templates{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.meeting-template{padding:1rem;background:var(--bg-primary);border:2px solid var(--border);border-radius:var(--radius-lg);text-align:left;cursor:pointer;transition:all .2s ease}.meeting-template:hover{border-color:var(--primary);background:var(--primary-subtle)}.meeting-template--selected{border-color:var(--primary);background:var(--primary-subtle);box-shadow:0 0 0 3px #8b1a2b26}.meeting-template__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.meeting-template__name{font-weight:600;color:var(--text-primary)}.meeting-template__desc{font-size:.875rem;color:var(--text-secondary);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.meeting-dates{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.5rem;-webkit-overflow-scrolling:touch}.meeting-dates--compact{flex-wrap:wrap}.meeting-date{display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:70px;padding:.75rem 1rem;background:var(--bg-primary);border:2px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease}.meeting-date:hover{border-color:var(--primary);background:var(--primary-subtle)}.meeting-date--selected{border-color:var(--primary);background:var(--primary);color:var(--white)}.meeting-date--selected .meeting-date__day,.meeting-date--selected .meeting-date__num,.meeting-date--selected .meeting-date__month{color:var(--white)}.meeting-date__day{font-size:.75rem;font-weight:500;color:var(--text-muted);text-transform:uppercase}.meeting-date__num{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.meeting-date__month{font-size:.75rem;color:var(--text-secondary)}.meeting-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.meeting-slots--compact{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.meeting-slot{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.875rem 1rem;background:var(--bg-primary);border:2px solid var(--border);border-radius:var(--radius-md);font-size:.9375rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.meeting-slot:hover:not(:disabled){border-color:var(--primary);background:var(--primary-subtle)}.meeting-slot--selected{border-color:var(--primary);background:var(--primary);color:var(--white)}.meeting-slot--booked{opacity:.5;cursor:not-allowed;text-decoration:line-through}.meeting-slot__booked{font-size:.75rem;color:var(--text-muted)}.meeting-form{display:flex;flex-direction:column;gap:1rem}.meeting-form__field{display:flex;flex-direction:column;gap:.375rem}.meeting-form__field label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.meeting-form__input,.meeting-form__textarea{padding:.75rem 1rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:1rem;color:var(--text-primary);transition:all .2s ease}.meeting-form__input:focus,.meeting-form__textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #8b1a2b26}.meeting-form__textarea{resize:vertical;min-height:80px}.meeting-summary{margin-top:1.5rem;padding:1rem;background:var(--success-bg);border:1px solid var(--success);border-radius:var(--radius-md)}.meeting-summary__title{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:var(--success);text-transform:uppercase;letter-spacing:.5px}.meeting-summary__details{display:flex;flex-direction:column;gap:.5rem}.meeting-summary__item{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;color:var(--text-primary)}.meeting-summary__item svg{color:var(--success);flex-shrink:0}.meeting-bookings__list{display:flex;flex-direction:column;gap:1rem}.meeting-booking__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.meeting-booking__info{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.meeting-booking__topic{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.meeting-booking__details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.meeting-booking__detail{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.meeting-booking__detail svg{flex-shrink:0;color:var(--text-muted)}.meeting-booking__notes{font-size:.875rem;color:var(--text-secondary);background:var(--bg-secondary);padding:.75rem;border-radius:var(--radius-md);margin:.75rem 0}.meeting-booking__actions{display:flex;gap:.75rem;flex-wrap:wrap;padding-top:.75rem;border-top:1px solid var(--border)}.reschedule-modal{display:flex;flex-direction:column;gap:1.5rem}.reschedule-modal__current{font-size:.875rem;color:var(--text-secondary);background:var(--bg-secondary);padding:.75rem 1rem;border-radius:var(--radius-md);margin:0}.reschedule-modal__section h4{margin:0 0 .75rem;font-size:.9375rem;font-weight:600;color:var(--text-primary)}.reschedule-modal__no-slots{font-size:.875rem;color:var(--text-muted);text-align:center;padding:1rem}.reschedule-modal__actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;border-top:1px solid var(--border)}@media (max-width: 640px){.meeting-progress{padding:.75rem .5rem}.meeting-progress__number{width:28px;height:28px;font-size:.8125rem}.meeting-progress__label{font-size:.625rem}.meeting-progress__line{max-width:40px;margin:0 .25rem 1rem}.meeting-section__hint{font-size:.875rem}.meeting-templates{grid-template-columns:1fr}.meeting-slots{grid-template-columns:repeat(2,1fr)}.meeting-booking__actions{flex-direction:column}.meeting-booking__actions .btn{width:100%;justify-content:center}}