:root{--hue-primary:158;--sat-primary:73%;--lit-primary:39%;--primary:hsl(var(--hue-primary), var(--sat-primary), var(--lit-primary));--primary-hover:hsl(var(--hue-primary), var(--sat-primary), 32%);--primary-light:hsl(var(--hue-primary), var(--sat-primary), 90%);--bg-deep:#05140b;--bg-surface:#0b2214;--bg-glass:#0b2214d9;--text-primary:#d1fae5;--text-secondary:#a7f3d0;--border-color:#10b98140;--input-bg:#0003;--gradient-accent:linear-gradient(135deg, #10b981 0%, #059669 100%);--font-family:"Inter", system-ui, sans-serif;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--bg-filter:none;--bg-image:url(./bg_green_3-C4QG0KiW.png);--bg-opacity:.45}[data-theme=green]{--bg-deep:#05140b;--bg-surface:#0b2214;--bg-glass:#0b2214d9;--text-primary:#d1fae5;--text-secondary:#a7f3d0;--border-color:#10b98140;--input-bg:#0003;--primary:#10b981;--gradient-accent:linear-gradient(135deg, #10b981 0%, #059669 100%);--bg-filter:none;--bg-image:url(./bg_green_3-C4QG0KiW.png);--bg-opacity:.45}[data-theme=blue]{--bg-deep:#030f26;--bg-surface:#071d44;--bg-glass:#071d44d9;--text-primary:#dbeafe;--text-secondary:#93c5fd;--border-color:#3b82f640;--input-bg:#0003;--primary:#3b82f6;--gradient-accent:linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);--bg-filter:none;--bg-image:url(./bg_blue_1-jQAxxqGJ.png);--bg-opacity:.45}[data-theme=purple]{--bg-deep:#0f051d;--bg-surface:#1f0b38;--bg-glass:#1f0b38d9;--text-primary:#f3e8ff;--text-secondary:#d8b4fe;--border-color:#a855f740;--input-bg:#0003;--primary:#a855f7;--gradient-accent:linear-gradient(135deg, #a855f7 0%, #7e22ce 100%);--bg-filter:none;--bg-image:url(./bg_purple_1-CRQexORq.png);--bg-opacity:.45}[data-theme=yellow]{--bg-deep:#1c1602;--bg-surface:#332a05;--bg-glass:#332a05d9;--text-primary:#fef9c3;--text-secondary:#fde047;--border-color:#eab30840;--input-bg:#0003;--primary:#eab308;--gradient-accent:linear-gradient(135deg, #eab308 0%, #ca8a04 100%);--bg-filter:none;--bg-image:url(./bg_yellow_1-64Kmuh3e.png);--bg-opacity:.45}[data-theme=orange]{--bg-deep:#1c0d02;--bg-surface:#331b07;--bg-glass:#331b07d9;--text-primary:#ffedd5;--text-secondary:#fed7aa;--border-color:#f9731640;--input-bg:#0003;--primary:#f97316;--gradient-accent:linear-gradient(135deg, #f97316 0%, #ea580c 100%);--bg-filter:none;--bg-image:url(./bg_orange_1-BJEbT7H2.png);--bg-opacity:.45}[data-theme=red]{--bg-deep:#1c0303;--bg-surface:#330707;--bg-glass:#330707d9;--text-primary:#fee2e2;--text-secondary:#fca5a5;--border-color:#ef444440;--input-bg:#0003;--primary:#ef4444;--gradient-accent:linear-gradient(135deg, #ef4444 0%, #b91c1c 100%);--bg-filter:none;--bg-image:url(./bg_red_1-BXVtx-O5.png);--bg-opacity:.45}[data-theme=rainbow]{--bg-deep:#0f021c;--bg-surface:#260538;--bg-glass:#260538d9;--text-primary:#fae8ff;--text-secondary:#f472b6;--border-color:#ec489940;--input-bg:#0003;--primary:#ec4899;--gradient-accent:linear-gradient(90deg, #ff007f, #7f00ff, #00f0ff, #00ff7f, #ffbf00, #ff007f);--bg-filter:none;--bg-image:url(./bg_rainbow_1-CoReGn1W.png);--bg-opacity:.45}[data-theme=white]{--bg-deep:#f0fdf4;--bg-surface:#fff;--bg-glass:#ffffffd9;--text-primary:#064e3b;--text-secondary:#059669;--border-color:#10b98126;--input-bg:#00000005;--primary:#059669;--gradient-accent:linear-gradient(135deg, #10b981 0%, #059669 100%);--bg-filter:none;--bg-image:url(./bg_white_1-DkjZVWY1.png);--bg-opacity:.85}[data-theme=pink]{--bg-deep:#220314;--bg-surface:#3b0724;--bg-glass:#3b0724d9;--text-primary:#fce7f3;--text-secondary:#fbcfe8;--border-color:#ec489940;--input-bg:#0003;--primary:#ec4899;--gradient-accent:linear-gradient(135deg, #ec4899 0%, #db2777 100%);--bg-filter:none;--bg-image:url(./bg_pink_1-CpaIe-zN.png);--bg-opacity:.45}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-deep);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;scroll-behavior:smooth;min-height:100vh;line-height:1.5}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.btn-primary{background:var(--gradient-accent);color:#fff;border-radius:var(--radius-full);cursor:pointer;border:none;padding:.75rem 1.5rem;font-weight:600;transition:transform .2s,opacity .2s,box-shadow .2s;box-shadow:0 4px 14px #10b9814d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #10b98166}.btn-primary:active{transform:translateY(1px)}.input-base{background:var(--input-bg);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-md);outline:none;width:100%;padding:.75rem 1rem;transition:border-color .2s}.input-base:focus{border-color:var(--primary)}.input-base::placeholder{color:var(--text-secondary);opacity:.7}.app-container{flex-direction:column;min-height:100vh;display:flex;position:relative}.app-container:before{content:"";background-image:var(--bg-image);filter:var(--bg-filter);z-index:0;pointer-events:none;background-position:50%;background-size:cover;background-attachment:fixed;position:absolute;inset:0}.app-container:after{content:"";background-color:var(--bg-deep);opacity:var(--bg-opacity);z-index:1;pointer-events:none;position:absolute;inset:0}.app-container>*{z-index:2;position:relative}.bg-login-screen{background-image:var(--bg-image);background-position:50%;background-size:cover;justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex;position:relative}.bg-login-screen:before,.bg-register-screen:before{content:"";background-color:var(--bg-deep);opacity:var(--bg-opacity);z-index:0;pointer-events:none;position:absolute;inset:0}.bg-login-screen>*,.bg-register-screen>*{z-index:1;position:relative}.bg-register-screen{background-image:var(--bg-image);background-position:50%;background-size:cover;justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex;position:relative}.grid-responsive{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;display:grid}.dashboard-header{border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:none;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem;display:flex}.dashboard-header-left{align-items:center;gap:.75rem;min-width:0;display:flex}.dashboard-header-right{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.bottom-nav{border-radius:var(--radius-lg) var(--radius-lg) 0 0;z-index:10;width:100%;max-width:600px;padding:.75rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0px));border-bottom:none;border-left:none;border-right:none;justify-content:space-around;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-btn{cursor:pointer;border-radius:var(--radius-md);-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem 1rem;transition:background-color .2s;display:flex}.bottom-nav-btn:active{background:#ffffff14}.tab-selector{background:var(--input-bg);border-radius:var(--radius-full);border:1px solid var(--border-color);-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:.5rem;padding:.25rem;display:flex;overflow-x:auto}.tab-selector::-webkit-scrollbar{display:none}.tab-btn{color:#fff;border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:.4rem;min-height:44px;padding:.6rem 1rem;font-size:.8rem;font-weight:600;transition:background-color .2s;display:flex}.tab-btn.active{background:var(--gradient-accent)}.client-card{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.btn-logout{color:#fca5a5;border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:#ef44441a;border:1px solid #ef44444d;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;display:flex}.btn-icon{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;padding:.5rem;transition:background-color .2s;display:flex}.theme-select{border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-full);cursor:pointer;text-align:center;background:#ffffff0d;outline:none;padding:.4rem .6rem;font-size:.8rem}.main-content{padding:0 1rem 5rem}@media (width<=768px){.dashboard-header{flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;padding:.75rem}.dashboard-header-right{gap:.5rem}.btn-logout span.logout-text{display:none}.btn-logout{border-radius:50%;justify-content:center;width:38px;height:38px;padding:.5rem}.theme-select{padding:.35rem .5rem;font-size:.75rem}.main-content{padding:0 .5rem 5.5rem}.glass-panel{padding:1rem}.grid-responsive{grid-template-columns:1fr;gap:.75rem}.tab-selector{gap:.25rem;padding:.2rem}.tab-btn{flex:none;min-width:0;min-height:40px;padding:.5rem;font-size:.7rem}.tab-btn .tab-label{display:none}.bottom-nav{max-width:100%;padding:.5rem 0;padding-bottom:calc(.5rem + env(safe-area-inset-bottom,0px));border-radius:0}.bottom-nav-btn{padding:.4rem .75rem}.trainer-sub-tabs{gap:.25rem}.trainer-sub-tabs .tab-btn{padding:.4rem .35rem;font-size:.65rem}.client-card{padding:1rem}.modal-overlay{padding:.5rem}.modal-content{border-radius:var(--radius-md);width:100%!important;max-width:100%!important}h1{font-size:1.1rem!important}h2{font-size:1.2rem!important}h3{font-size:1rem!important}.bg-login-screen,.bg-register-screen{padding:.5rem}.input-base{padding:.85rem 1rem;font-size:16px}.btn-primary{min-height:44px;padding:.85rem 1.5rem}svg{max-width:100%;height:auto}.chat-messages{max-height:calc(100vh - 320px)}.photo-grid,.food-targets-grid{grid-template-columns:repeat(2,1fr)!important}.food-nutrition-grid{grid-template-columns:repeat(3,1fr)!important}.chat-container{height:calc(100vh - 260px)!important;min-height:250px!important;max-height:none!important}}@media (width<=400px){.main-content{padding:0 .35rem 5.5rem}.dashboard-header{padding:.5rem}.photo-grid{grid-template-columns:1fr!important}.tab-btn{padding:.4rem .3rem;font-size:.65rem}}@media (hover:none) and (pointer:coarse){.btn-primary:hover{transform:none;box-shadow:0 4px 14px #10b9814d}.btn-primary:active{opacity:.9;transform:scale(.97)}button,a,select,input[type=checkbox],input[type=radio]{min-width:44px;min-height:44px}}