@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.app-shell{display:flex;width:100%;min-height:100vh}.app-main{flex:1 1 auto;min-width:0;width:auto}.top-bar{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--nav-bg);border-bottom:1px solid var(--nav-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4);z-index:var(--z-nav);padding-top:env(safe-area-inset-top,0px);height:calc(var(--header-height) + env(safe-area-inset-top,0px));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background var(--transition-normal),border-color var(--transition-normal)}.top-bar-brand{font-size:var(--text-lg);font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-2);text-decoration:none}.top-bar-brand-icon{font-size:1.25rem}.top-bar-actions{display:flex;align-items:center;gap:var(--space-1)}@media(min-width:768px){.top-bar{display:none}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(var(--nav-height-mobile) + env(safe-area-inset-bottom,0px));background:var(--nav-bg);border-top:1px solid var(--nav-border);display:flex;align-items:stretch;z-index:var(--z-nav);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding-bottom:env(safe-area-inset-bottom,0px)}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;color:var(--nav-text);text-decoration:none;border:none;background:none;cursor:pointer;font-family:var(--font-sans);transition:color var(--transition-fast),background var(--transition-fast);border-radius:0;padding:var(--space-1);-webkit-tap-highlight-color:transparent;position:relative}.bottom-nav-item:hover{color:var(--text-secondary);background:var(--bg-hover)}.bottom-nav-item.active{color:var(--nav-icon-active)}.bottom-nav-item.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:2rem;height:3px;background:var(--nav-icon-active);border-radius:0 0 var(--radius-full) var(--radius-full)}.bottom-nav-icon{font-size:1.3rem;line-height:1}.bottom-nav-label{font-size:.65rem;font-weight:500;line-height:1}.bottom-nav-more{color:var(--nav-text)}@media(min-width:768px){.bottom-nav{display:none}}.sidebar{display:none}@media(min-width:768px){.sidebar{display:flex;flex-direction:column;flex:0 0 var(--sidebar-width);min-height:100vh;position:sticky;top:0;background:var(--nav-bg);border-right:1px solid var(--nav-border);z-index:var(--z-nav);overflow-y:auto;padding:var(--space-4) 0}.sidebar-header{padding:var(--space-3) var(--space-5);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-3)}.sidebar-brand{font-size:var(--text-lg);font-weight:700;color:var(--text-primary);line-height:1.2;text-decoration:none}.sidebar-brand-sub{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:400}.sidebar-section-label{font-size:var(--text-xs);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;padding:var(--space-3) var(--space-5) var(--space-1)}.sidebar-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-5);color:var(--text-secondary);text-decoration:none;font-size:var(--text-sm);font-weight:500;border-radius:0;transition:all var(--transition-fast);margin:1px var(--space-2);border-radius:var(--radius-md)}.sidebar-nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-nav-item.active{background:var(--bg-selected);color:var(--nav-icon-active);font-weight:600}.sidebar-nav-icon{font-size:1.1rem;width:1.5rem;text-align:center;flex-shrink:0}.sidebar-footer{margin-top:auto;padding:var(--space-4) var(--space-2);border-top:1px solid var(--border-subtle)}.sidebar-theme-btn{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);color:var(--text-secondary);background:none;border:none;cursor:pointer;font-size:var(--text-sm);font-family:var(--font-sans);width:100%;border-radius:var(--radius-md);transition:all var(--transition-fast)}.sidebar-theme-btn:hover{background:var(--bg-hover);color:var(--text-primary)}}.more-menu-overlay{position:fixed;inset:0;background:#00000080;z-index:calc(var(--z-nav) - 1);backdrop-filter:blur(4px);animation:fadeIn var(--transition-fast)}.more-menu{position:fixed;bottom:calc(var(--nav-height-mobile) + env(safe-area-inset-bottom,0px));left:0;right:0;background:var(--bg-card);border-top:1px solid var(--border-subtle);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);z-index:var(--z-nav);padding:var(--space-2) var(--space-2) var(--space-4);animation:slideUpSheet var(--transition-normal)}.more-menu-title{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-4) 0;text-align:center}.more-menu-list{display:flex;flex-direction:column;gap:var(--space-2)}.more-menu-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);color:var(--text-primary);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast);background:var(--bg-card);min-height:48px}.more-menu-item:hover,.more-menu-item:active{background:var(--bg-hover)}.more-menu-item-left{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);font-weight:500}.more-menu-item-left svg{color:var(--text-secondary)}.more-menu-chevron{color:var(--text-tertiary)}.more-menu-divider{height:1px;background:var(--border-subtle);margin:var(--space-4) 0}.more-menu-theme{display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;padding:var(--space-3);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font-sans);font-weight:500;cursor:pointer;min-height:48px;transition:all var(--transition-fast)}.more-menu-theme:hover,.more-menu-theme:active{background:var(--bg-hover)}.sheet-handle{width:40px;height:4px;background:var(--border-strong);border-radius:var(--radius-full);margin:0 auto var(--space-4) auto}.page-container{width:100%;margin-inline:auto;padding-inline:32px}.page-standard{max-width:1040px}.page-wide{max-width:1200px}.page-narrow{max-width:700px}@media(min-width:768px){.page-container{padding:var(--space-8)}}.page-header{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-6);margin-bottom:var(--space-6)}.page-header-text{flex:1}.page-title{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin:0}.page-description{font-size:var(--text-sm);color:var(--text-tertiary);margin-top:var(--space-1)}.page-header-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}@media(max-width:767px){.page-header-actions .btn{width:44px;height:44px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg, 12px)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-12) var(--space-4);background:var(--bg-card);border:1px dashed var(--border-subtle);border-radius:var(--radius-xl);margin:var(--space-4) 0}.empty-state-icon-wrapper{color:var(--text-tertiary);margin-bottom:var(--space-4);opacity:.7}.empty-state-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.empty-state-description{font-size:var(--text-sm);color:var(--text-tertiary);max-width:400px;margin-bottom:var(--space-6)}.empty-state-action{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}.bep-layout{width:100%;min-width:0}.bep-tabs-wrapper{background:var(--bg-card);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:10}.bep-tabs-container{padding-top:0;padding-bottom:0}.bep-tabs{display:flex;gap:var(--space-6);overflow-x:auto;scrollbar-width:none}.bep-tabs::-webkit-scrollbar{display:none}.bep-tab{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) 0;color:var(--text-secondary);font-weight:500;font-size:var(--text-sm);text-decoration:none;border-bottom:2px solid transparent;transition:all .2s ease;white-space:nowrap}.bep-tab:hover{color:var(--text-primary)}.bep-tab.active{color:var(--primary-main);border-bottom-color:var(--primary-main)}.workout-layout{display:flex;flex-direction:column;min-height:100vh}.workout-tabs-wrapper{background:var(--bg-base);border-bottom:1px solid var(--border-subtle);position:sticky;top:var(--header-height, 56px);z-index:var(--z-overlay, 100);box-shadow:0 2px 4px #0000000d}.workout-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:100%;overflow:visible;gap:0;padding:0}.workout-tab{min-width:0;width:100%;padding:var(--space-3) 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;white-space:nowrap;color:var(--text-tertiary);font-weight:500;text-decoration:none;border-bottom:2px solid transparent;transition:all .2s ease;font-size:.75rem}.workout-tab svg{width:18px;height:18px}.workout-tab:hover{color:var(--text-secondary)}.workout-tab.active{color:var(--accent-500);border-bottom-color:var(--accent-500)}@media(min-width:768px){.workout-tabs{display:flex;gap:var(--space-4);padding:0 var(--space-4);overflow-x:visible}.workout-tab{width:auto;flex-direction:row;padding:var(--space-3) var(--space-2);font-size:var(--text-base)}.workout-tab svg{width:20px;height:20px}}.confirm-dialog{padding:0;border:none;outline:none;border-radius:var(--radius-lg, 12px);background:var(--bg-card);color:var(--text-primary);box-shadow:0 10px 25px -5px #00000080;max-width:400px;width:90vw;margin:auto}.confirm-dialog::backdrop{background:#0009;backdrop-filter:blur(2px);animation:fadeIn .2s ease-out}.confirm-dialog[open]{animation:slideUp .2s ease-out}.dialog-content{display:flex;flex-direction:column}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-color)}.dialog-title-group{display:flex;align-items:center;gap:var(--space-3)}.dialog-title{margin:0;font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.icon-destructive{color:var(--color-danger, #ef4444)}.dialog-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.dialog-close:hover{background:var(--bg-hover);color:var(--text-primary)}.dialog-body{padding:var(--space-5);font-size:var(--text-base);color:var(--text-secondary);line-height:1.5}.dialog-footer{padding:var(--space-4) var(--space-5);display:flex;justify-content:flex-end;gap:var(--space-3);background:var(--bg-surface);border-top:1px solid var(--border-color);border-bottom-left-radius:var(--radius-lg, 12px);border-bottom-right-radius:var(--radius-lg, 12px)}@keyframes slideUp{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.portal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0009;backdrop-filter:blur(2px);z-index:9999;animation:fadeIn .2s ease-out}.portal-dialog{background:var(--bg-card);border-radius:var(--radius-lg, 12px);color:var(--text-primary);box-shadow:0 10px 25px -5px #00000080;max-width:400px;width:90vw;animation:modalScale .2s ease-out;display:flex;flex-direction:column}@keyframes modalScale{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.workout-library-card{display:flex;flex-direction:column;width:100%;max-width:none;box-sizing:border-box;overflow:hidden;gap:0;padding:0;background:var(--bg-surface)}.wl-card-media{width:100%;position:relative;aspect-ratio:16 / 9;cursor:pointer;background:#000;overflow:hidden}.wl-card-media img{width:100%;height:100%;object-fit:cover;display:block}.wl-card-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;opacity:.8;transition:opacity .2s ease}.wl-card-media:hover .wl-card-play-overlay{opacity:1}.wl-card-content{padding:var(--space-3);display:flex;flex-direction:column}.wl-card-title{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-1) 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wl-card-badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--space-2)}.wl-card-badges .badge{font-size:.65rem;padding:2px 6px}.wl-card-meta{font-size:var(--text-sm);color:var(--text-secondary)}.wl-card-actions{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3) var(--space-3) var(--space-3)}.wl-card-actions .btn{min-height:44px;display:inline-flex;justify-content:center;align-items:center;flex:1}@media(min-width:768px){.workout-library-card{flex-direction:row;padding:var(--space-3);gap:var(--space-4);align-items:center}.wl-card-media{width:240px;flex-shrink:0;border-radius:var(--radius-md)}.wl-card-content{flex:1;min-width:0;padding:0}.wl-card-actions{padding:0;flex-shrink:0;flex-direction:column;align-items:stretch}.wl-card-actions .btn{min-height:36px;flex:initial;justify-content:flex-start}}.video-modal-overlay{position:fixed;inset:0;z-index:9999;background:#000000bf;display:flex;align-items:center;justify-content:center;padding:var(--space-4);backdrop-filter:blur(4px)}.video-modal-content{width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-surface);box-shadow:var(--shadow-xl)}.video-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle)}.video-modal-title{font-size:var(--text-base);font-weight:600;margin:0}.video-modal-body{padding:var(--space-4);overflow-y:auto}.video-responsive-container{position:relative;width:100%;padding-bottom:56.25%;background:#000;border-radius:var(--radius-md);overflow:hidden}.video-responsive-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-modal-footer{margin-top:var(--space-4);display:flex;flex-direction:column;align-items:center;text-align:center}.auth-gate-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:9999;background-color:var(--bg-base);padding:24px}.auth-gate-card{width:100%;max-width:420px;box-shadow:var(--shadow-xl);background-color:var(--bg-card);display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-6)}.auth-logo-container{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2)}.auth-logo-icon{color:var(--accent-500);margin-bottom:var(--space-2)}.auth-title{font-size:var(--text-xl);font-weight:700;color:var(--text-primary)}.auth-subtitle{font-size:var(--text-sm);color:var(--text-secondary)}.auth-form{display:flex;flex-direction:column;gap:var(--space-5)}.auth-input-wrapper{position:relative;display:flex;align-items:center}.auth-toggle-btn{position:absolute;right:var(--space-3);background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:var(--space-1)}.auth-toggle-btn:hover{color:var(--text-primary)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Fira Code", "Cascadia Code", Consolas, 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;--leading-tight: 1.25;--leading-normal: 1.5;--leading-loose: 1.75;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .375rem;--radius-md: .625rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--shadow-sm: 0 1px 3px rgba(0,0,0,.2), 0 1px 2px rgba(0,0,0,.16);--shadow-md: 0 4px 12px rgba(0,0,0,.25), 0 2px 6px rgba(0,0,0,.15);--shadow-lg: 0 10px 30px rgba(0,0,0,.35), 0 4px 12px rgba(0,0,0,.2);--shadow-xl: 0 20px 50px rgba(0,0,0,.5), 0 8px 20px rgba(0,0,0,.3);--z-base: 0;--z-raised: 10;--z-overlay: 100;--z-modal: 200;--z-toast: 300;--z-nav: 400;--nav-height-mobile: 4rem;--sidebar-width: 16rem;--content-max-width: 48rem;--header-height: 3.5rem}:root,[data-theme=dark]{color-scheme:dark;--bg-base: #0f1117;--bg-raised: #161923;--bg-card: #1c2230;--bg-overlay: #222b3a;--bg-input: #1a2133;--bg-inset: rgba(0,0,0,.15);--bg-hover: rgba(255,255,255,.05);--bg-active: rgba(255,255,255,.08);--bg-selected: rgba(99,179,237,.12);--text-primary: #f0f4f8;--text-secondary: #8fa3ba;--text-tertiary: #5a7080;--text-disabled: #3d5060;--text-inverse: #0f1117;--text-link: #63b3ed;--text-link-hover:#90cdf4;--accent-50: #f0fdfa;--accent-100: #ccfbf1;--accent-200: #99f6e4;--accent-300: #5eead4;--accent-400: #2dd4bf;--accent-500: #14b8a6;--accent-600: #0d9488;--accent-700: #0f766e;--accent-800: #115e59;--accent-900: #134e4a;--accent-500-alpha-20: rgba(20,184,166,.2);--accent-500-alpha-10: rgba(20,184,166,.1);--color-success: #48bb78;--color-success-bg: rgba(72,187,120,.12);--color-warning: #ed8936;--color-warning-bg: rgba(237,137,54,.12);--color-error: #fc8181;--color-error-bg: rgba(252,129,129,.12);--color-info: #63b3ed;--color-info-bg: rgba(99,179,237,.12);--color-kcal: #f6ad55;--color-protein: #68d391;--color-carb: #63b3ed;--color-fat: #fc8181;--border-subtle: rgba(255,255,255,.07);--border-normal: rgba(255,255,255,.12);--border-strong: rgba(255,255,255,.2);--border-focus: var(--accent-400);--nav-bg: rgba(22,25,35,.92);--nav-border: var(--border-subtle);--nav-text: var(--text-tertiary);--nav-text-active:var(--accent-400);--nav-icon-active:var(--accent-400)}[data-theme=light]{color-scheme:light;--bg-base: #f5f7fa;--bg-raised: #ffffff;--bg-card: #ffffff;--bg-overlay: #f0f2f5;--bg-input: #ffffff;--bg-inset: rgba(0,0,0,.03);--bg-hover: rgba(0,0,0,.04);--bg-active: rgba(0,0,0,.07);--bg-selected: rgba(0,165,147,.08);--text-primary: #1a202c;--text-secondary: #4a5568;--text-tertiary: #718096;--text-disabled: #a0aec0;--text-inverse: #ffffff;--text-link: #009786;--text-link-hover:#008475;--accent-50: #e6f7f4;--accent-100: #b8eae3;--accent-200: #84d8cc;--accent-300: #50c4b4;--accent-400: #00a593;--accent-500: #009786;--accent-600: #008475;--accent-700: #007264;--accent-800: #006054;--accent-900: #004840;--color-success: #38a169;--color-success-bg: rgba(56,161,105,.1);--color-warning: #dd6b20;--color-warning-bg: rgba(221,107,32,.1);--color-error: #e53e3e;--color-error-bg: rgba(229,62,62,.1);--color-info: #3182ce;--color-info-bg: rgba(49,130,206,.1);--color-kcal: #dd6b20;--color-protein: #276749;--color-carb: #2b6cb0;--color-fat: #c53030;--border-subtle: rgba(0,0,0,.06);--border-normal: rgba(0,0,0,.12);--border-strong: rgba(0,0,0,.22);--border-focus: var(--accent-500);--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.1), 0 2px 6px rgba(0,0,0,.06);--shadow-lg: 0 10px 30px rgba(0,0,0,.12), 0 4px 12px rgba(0,0,0,.08);--shadow-xl: 0 20px 50px rgba(0,0,0,.18), 0 8px 20px rgba(0,0,0,.1);--nav-bg: rgba(255,255,255,.95);--nav-border: var(--border-subtle);--nav-text: var(--text-tertiary);--nav-text-active:var(--accent-500);--nav-icon-active:var(--accent-500)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-base);min-height:100vh;min-height:100dvh;overflow-x:hidden;transition:background-color var(--transition-normal),color var(--transition-normal);-webkit-overflow-scrolling:touch}#root{min-height:100vh;min-height:100dvh}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:var(--leading-tight);color:var(--text-primary)}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}h4{font-size:var(--text-base)}p{color:var(--text-secondary);line-height:var(--leading-normal)}a{color:var(--text-link);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--text-link-hover)}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-sm)}html{scrollbar-color:var(--accent-600) var(--bg-base);scrollbar-width:thin}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--accent-700);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent-600)}.app-layout{display:flex;min-height:100vh;min-height:100dvh}.app-main{flex:1;display:flex;flex-direction:column;padding-bottom:calc(var(--nav-height-mobile) + env(safe-area-inset-bottom,0px))}@media(min-width:768px){.app-main{padding-bottom:0;margin-left:var(--sidebar-width)}}.page-content{flex:1;padding:var(--space-4);padding-top:calc(var(--header-height) + var(--space-4));max-width:56rem;margin:0 auto;width:100%}@media(min-width:768px){.page-content{padding:var(--space-6) var(--space-8);padding-top:var(--space-6)}}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);transition:border-color var(--transition-fast)}.card:hover{border-color:var(--border-normal)}.card-sm{padding:var(--space-3);border-radius:var(--radius-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;font-family:var(--font-sans);cursor:pointer;border:1px solid transparent;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none;min-height:2.75rem}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--accent-500);color:#fff;border-color:var(--accent-500)}.btn-primary:hover{background:var(--accent-600);border-color:var(--accent-600);box-shadow:0 0 0 3px var(--accent-500-alpha-20)}.btn-primary:active{transform:scale(.97);background:var(--accent-700)}.btn-outline{background:transparent;color:var(--accent-400);border-color:var(--accent-500)}.btn-outline:hover{background:var(--accent-500-alpha-10);border-color:var(--accent-400);color:var(--accent-300)}.btn-secondary{background:var(--bg-overlay);color:var(--text-secondary);border-color:var(--border-normal)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary)}.btn-ghost{background:transparent;color:var(--text-tertiary);border-color:transparent}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-secondary)}.btn-danger{background:var(--color-error-bg);color:var(--color-error);border-color:transparent}.btn-danger:hover{background:var(--color-error);color:#fff}.btn-icon{padding:var(--space-2);width:2.5rem;height:2.5rem;border-radius:var(--radius-md)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);min-height:2rem;border-radius:var(--radius-sm)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base);min-height:3rem;border-radius:var(--radius-lg)}.btn-block{width:100%}.input,.select,.textarea{width:100%;padding:var(--space-2) var(--space-3);background:var(--bg-input);border:1px solid var(--border-normal);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-sans);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);min-height:2.75rem}.input::placeholder,.textarea::placeholder{color:var(--text-tertiary)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #00a59326}.input.error,.select.error,.textarea.error{border-color:var(--color-error)}.select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238fa3ba' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-8);color-scheme:dark}select option{background-color:var(--bg-card);color:var(--text-primary)}.textarea{resize:vertical;min-height:6rem}.label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-1)}.label-required:after{content:" *";color:var(--color-error)}.field-error{font-size:var(--text-xs);color:var(--color-error);margin-top:var(--space-1)}.field-hint{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-1)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:.15rem var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;line-height:1.4}.badge-accent{background:#00a59326;color:var(--accent-400)}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge-error{background:var(--color-error-bg);color:var(--color-error)}.badge-neutral{background:var(--bg-overlay);color:var(--text-secondary)}.progress{width:100%;height:.5rem;background:var(--bg-overlay);border-radius:var(--radius-full);overflow:hidden}.progress-bar{height:100%;border-radius:var(--radius-full);transition:width var(--transition-slow)}.progress-bar-accent{background:var(--accent-500)}.progress-bar-kcal{background:var(--color-kcal)}.progress-bar-protein{background:var(--color-protein)}.progress-bar-carb{background:var(--color-carb)}.progress-bar-fat{background:var(--color-fat)}.progress-bar-over{background:var(--color-error)}.macro-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}.macro-item{display:flex;flex-direction:column;gap:var(--space-1)}.macro-label{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:500}.macro-value{font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.macro-unit{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:400}.divider{height:1px;background:var(--border-subtle);margin:var(--space-4) 0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-12) var(--space-6);text-align:center;color:var(--text-tertiary)}.empty-state-icon{font-size:3rem;opacity:.5}.empty-state-title{font-size:var(--text-lg);font-weight:600;color:var(--text-secondary)}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.skeleton{background:linear-gradient(90deg,var(--bg-overlay) 25%,var(--bg-hover) 50%,var(--bg-overlay) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.toast-container{position:fixed;bottom:calc(var(--nav-height-mobile) + env(safe-area-inset-bottom,0px) + var(--space-3));left:50%;transform:translate(-50%);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none}@media(min-width:768px){.toast-container{bottom:var(--space-6);right:var(--space-6);left:unset;transform:none}}.toast{background:var(--bg-card);border:1px solid var(--border-normal);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-lg);font-size:var(--text-sm);pointer-events:auto;max-width:22rem;animation:slideUp var(--transition-normal) ease forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.sheet-overlay{position:fixed;inset:0;background:#0009;z-index:var(--z-overlay);animation:fadeIn var(--transition-fast);backdrop-filter:blur(4px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sheet{position:fixed;bottom:0;left:0;right:0;background:var(--bg-card);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);border-top:1px solid var(--border-subtle);z-index:calc(var(--z-overlay) + 1);max-height:90dvh;overflow-y:auto;animation:slideUpSheet var(--transition-normal) ease;padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom,0px))}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;background:var(--bg-card);z-index:1}.sheet-handle{width:2.5rem;height:4px;background:var(--border-normal);border-radius:var(--radius-full);margin:var(--space-2) auto 0}.sheet-body{padding:var(--space-4)}.modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4)}.modal-content{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:28rem;max-height:90dvh;overflow-y:auto;animation:scaleIn var(--transition-normal)}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle)}.modal-body{padding:var(--space-5)}.modal-footer{display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-subtle)}.sync-status{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-tertiary)}.sync-dot{width:8px;height:8px;border-radius:var(--radius-full);display:block;flex:0 0 auto}.sync-dot-ok{background:var(--color-success)}.sync-dot-pending{background:var(--color-warning);animation:pulse 1.5s infinite}.sync-dot-error{background:var(--color-error)}.sync-dot-offline{background:var(--text-tertiary)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.stat-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.stat-number{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);line-height:1}.stat-label{font-size:var(--text-sm);color:var(--text-tertiary)}.list-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);transition:background var(--transition-fast)}.list-item:last-child{border-bottom:none}.list-item:hover{background:var(--bg-hover);cursor:pointer}.checkbox{width:1.25rem;height:1.25rem;accent-color:var(--accent-500);cursor:pointer;flex-shrink:0}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-accent{color:var(--accent-400)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gap-1{gap:var(--space-1)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.flex-shrink-0{flex-shrink:0}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:480px){.grid-4{grid-template-columns:repeat(2,1fr)}}.rounded-full{border-radius:var(--radius-full)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.section-title{font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.fab{position:fixed;right:var(--space-4);bottom:calc(var(--nav-height-mobile) + env(safe-area-inset-bottom,0px) + var(--space-4));width:3.5rem;height:3.5rem;border-radius:var(--radius-full);background:var(--accent-500);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);z-index:var(--z-raised);transition:all var(--transition-fast)}.fab:hover{background:var(--accent-400);transform:scale(1.05)}.fab:active{transform:scale(.95)}@media(min-width:768px){.fab{bottom:var(--space-6);right:var(--space-6)}}.recharts-tooltip-wrapper .recharts-default-tooltip{background:var(--bg-card)!important;border:1px solid var(--border-normal)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-md)!important;color:var(--text-primary)!important}.recharts-tooltip-label{color:var(--text-secondary)!important}.recharts-cartesian-axis-tick-value{fill:var(--text-tertiary)!important}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:var(--border-subtle)!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(display-mode:standalone){.app-main{padding-top:env(safe-area-inset-top,0px)}}.form-group{display:flex;flex-direction:column;gap:var(--space-1)}.form-label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-2) var(--space-3);font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-primary);background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition-fast);outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent-500);box-shadow:0 0 0 2px var(--accent-500-alpha-20)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-tertiary);opacity:.7}.form-error{font-size:var(--text-sm);color:var(--color-error);margin-top:var(--space-1)}.form-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.form-actions>.btn{min-width:100px}@media(max-width:600px){.form-actions>.btn{flex:1;min-width:0}}.form-input,.form-select,.form-textarea{width:100%;padding:.625rem var(--space-3);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-primary);background-color:var(--bg-input);border:1px solid var(--border-normal);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none;min-height:2.625rem}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238fa3ba' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:2rem;cursor:pointer;color-scheme:inherit}.form-select option,.select option{background-color:var(--bg-card);color:var(--text-primary)}.form-textarea{resize:vertical;min-height:80px}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--border-strong)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent-500);box-shadow:0 0 0 3px var(--accent-500-alpha-20)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-tertiary)}.form-label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-1)}.form-error{font-size:var(--text-xs);color:var(--color-error);margin-top:var(--space-1)}.form-required{color:var(--color-error);margin-left:2px}.stepper{display:flex;align-items:center;gap:0;margin-bottom:var(--space-6)}.stepper-step{display:flex;align-items:center;flex:1}.stepper-circle{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:600;flex-shrink:0;transition:all var(--transition-fast)}.stepper-circle.active{background:var(--accent-500);color:#fff}.stepper-circle.done{background:var(--accent-700);color:var(--accent-200)}.stepper-circle.pending{background:var(--bg-overlay);color:var(--text-tertiary);border:1px solid var(--border-normal)}.stepper-label{font-size:var(--text-xs);font-weight:500;margin-top:var(--space-1)}.stepper-label.active{color:var(--accent-400)}.stepper-label.done{color:var(--text-secondary)}.stepper-label.pending{color:var(--text-tertiary)}.stepper-line{flex:1;height:2px;background:var(--border-subtle);margin:0 var(--space-2)}.stepper-line.done{background:var(--accent-700)}.recipe-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);cursor:pointer;border:1.5px solid var(--border-subtle);transition:all var(--transition-fast);background:var(--bg-card)}.recipe-card:hover,.recipe-card.selected{border-color:var(--accent-500);background:var(--accent-500-alpha-10)}.recipe-card-icon{width:2.5rem;height:2.5rem;border-radius:var(--radius-md);background:var(--accent-500-alpha-10);display:flex;align-items:center;justify-content:center;color:var(--accent-400);flex-shrink:0}.nutrition-mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);text-align:center}.nutrition-mini-stat{padding:var(--space-2) var(--space-1);background:var(--bg-overlay);border-radius:var(--radius-md)}.nutrition-mini-value{font-size:var(--text-base);font-weight:700;color:var(--text-primary);line-height:1.2}.nutrition-mini-label{font-size:.65rem;color:var(--text-tertiary);margin-top:2px}.nutrition-mini-stat.accent{background:var(--accent-500-alpha-10)}.nutrition-mini-stat.accent .nutrition-mini-value{color:var(--accent-300)}.quick-action-img{width:2.5rem;height:2.5rem;object-fit:contain}.bg-subtle{background:var(--bg-overlay)}.bg-primary-10{background:var(--accent-500-alpha-10)}.text-danger{color:var(--color-error)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.mb-4{margin-bottom:var(--space-4)}.mt-4{margin-top:var(--space-4)}.mt-2{margin-top:var(--space-2)}.mb-2{margin-bottom:var(--space-2)}.w-full{width:100%}.flex-1{flex:1}.p-3{padding:var(--space-3)}.p-5{padding:var(--space-5)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--bg-overlay) 25%,var(--bg-hover) 50%,var(--bg-overlay) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite linear;border-radius:var(--radius-md)}.skeleton-text{height:1rem;width:100%;margin-bottom:var(--space-1)}.skeleton-text-sm{height:.75rem;width:80%}.skeleton-avatar{width:2.5rem;height:2.5rem;border-radius:var(--radius-md);flex-shrink:0}.skeleton-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-2)}@media(min-width:992px){.desktop-col-8{grid-column:span8!important}.desktop-col-7{grid-column:span7!important}.desktop-col-5{grid-column:span5!important}.desktop-col-4{grid-column:span4!important}}@media(max-width:767px){.hide-on-mobile{display:none!important}}@media(min-width:768px){.show-on-mobile{display:none!important}}.recipe-detail-header,.batch-detail-header{display:none}.recipe-detail-row,.batch-detail-row{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"name name" "kcal pro" "carb fat";gap:8px 16px;padding:16px;border-bottom:1px solid var(--border-color);align-items:flex-start}.recipe-detail-row:last-child,.batch-detail-row:last-child{border-bottom:none}.recipe-detail-name,.batch-detail-name{grid-area:name;margin-bottom:4px}.recipe-detail-kcal,.batch-detail-kcal{grid-area:kcal}.recipe-detail-protein,.batch-detail-protein{grid-area:pro}.recipe-detail-carb,.batch-detail-carb{grid-area:carb}.recipe-detail-fat,.batch-detail-fat{grid-area:fat}@media(min-width:768px){.recipe-detail-header,.recipe-detail-row,.batch-detail-header,.batch-detail-row{display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(90px,.65fr) minmax(100px,.75fr) minmax(90px,.65fr) minmax(80px,.55fr);grid-template-areas:none;align-items:center;column-gap:20px;padding:16px 24px;border-bottom:1px solid var(--border-color)}.recipe-detail-header,.batch-detail-header{font-size:var(--text-sm);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;background:var(--bg-inset)}.recipe-detail-name,.batch-detail-name{grid-area:auto;margin-bottom:0}.recipe-detail-kcal,.batch-detail-kcal,.recipe-detail-protein,.batch-detail-protein,.recipe-detail-carb,.batch-detail-carb,.recipe-detail-fat,.batch-detail-fat{grid-area:auto}}.nutrition-summary-block{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);overflow:hidden;margin-bottom:var(--space-6)}.nsb-header{padding:var(--space-3) var(--space-5);font-size:var(--text-xs);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--border-color)}.nsb-main{padding:var(--space-4) var(--space-5);display:flex;align-items:center;gap:var(--space-6);flex-wrap:wrap}.nsb-kcal{display:flex;align-items:baseline;gap:var(--space-1);flex-shrink:0}.nsb-kcal .value{font-size:28px;font-weight:700;color:var(--text-primary);line-height:1}.nsb-kcal .unit{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.nsb-separator{width:1px;height:40px;background:var(--border-color);flex-shrink:0}.nsb-macros{display:flex;gap:var(--space-6);flex-wrap:wrap}.nsb-macro{display:flex;flex-direction:column;gap:2px}.nsb-macro-label{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:500}.nsb-macro-value{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);line-height:1.1}.nsb-micro{padding:var(--space-2) var(--space-5);background:var(--bg-inset);display:flex;gap:var(--space-6);flex-wrap:wrap;border-top:1px solid var(--border-color)}.nsb-micro .item{font-size:var(--text-xs);color:var(--text-secondary)}.nsb-micro .item span{color:var(--text-primary);font-weight:500}@media(max-width:600px){.nsb-main{gap:var(--space-4)}.nsb-kcal .value{font-size:24px}.nsb-macros{gap:var(--space-4)}.nsb-macro-value{font-size:var(--text-lg)}}.step-list{display:flex;flex-direction:column;gap:var(--space-4)}.step-item{display:flex;gap:var(--space-4);align-items:flex-start}.step-number{width:28px;height:28px;flex-shrink:0;border-radius:50%;background:var(--bg-overlay);border:1px solid var(--border-normal);color:var(--text-secondary);font-size:var(--text-sm);font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:2px}.step-content{flex:1;padding-top:4px}.step-text{font-size:var(--text-sm);color:var(--text-primary);line-height:1.5;white-space:pre-wrap}.mobile-only{display:none}.desktop-only{display:block}@media(max-width:719px){.mobile-only{display:inline-block}.desktop-only{display:none}}.recipe-detail-table,.batch-detail-table,.steps-table{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-4)}.step-list>li{border-bottom:1px solid var(--border-color);padding:16px 24px}.step-list>li:last-child{border-bottom:none}@media(max-width:719px){.step-list>li{padding:16px}}@media screen and (max-width:767px){input,select,textarea,.form-control,.input,.select,.textarea{font-size:16px!important}}html,body,#root{max-width:100vw;overflow-x:hidden;position:relative}.energy-hero-border-mobile{border-right:1px solid var(--border-color)}@media(max-width:600px){.nutrition-hero-layout{flex-direction:column;gap:var(--space-3)!important}.energy-hero-border-mobile{border-right:none!important;border-bottom:1px solid var(--border-color);padding-bottom:var(--space-4);padding-right:0!important}}.detail-page-header{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.detail-header-left{display:flex;flex-direction:row;flex-wrap:nowrap!important;align-items:flex-start;gap:var(--space-3);flex:1;min-width:0}.detail-header-left>.btn-ghost{flex-shrink:0;margin-top:-4px}.detail-header-content{display:flex;flex-direction:column;gap:var(--space-2);flex:1;min-width:0}.detail-header-title-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.detail-header-title{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin:0;word-break:break-word;overflow-wrap:anywhere;min-width:0;line-height:1.3}.detail-header-chips{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.detail-header-subtitle{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.detail-header-actions{display:flex;flex-direction:row;gap:var(--space-2);margin-left:auto;flex-shrink:0}@media(max-width:768px){.detail-page-header{flex-direction:column;align-items:stretch;gap:var(--space-3);margin-top:var(--space-2);margin-bottom:var(--space-4)}.detail-header-left{width:100%}.detail-header-actions{align-self:flex-end;margin-left:0;margin-top:var(--space-2);justify-content:flex-end}.detail-header-actions .btn{flex:0 0 auto}}