*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--black: #0a0a0a;--white: #fafafa;--gray-50: #f5f5f5;--gray-100: #ebebeb;--gray-200: #d6d6d6;--gray-400: #999;--gray-600: #555;--gray-800: #222;--accent: #c8f65d;--accent-dark: #a8d93d;--accent-muted: rgba(200, 246, 93, .12);--danger: #ff4d4d;--warning: #ffb347;--success: #4dff91;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--shadow-sm: 0 2px 8px rgba(0,0,0,.06);--shadow-md: 0 4px 24px rgba(0,0,0,.1);--shadow-lg: 0 8px 48px rgba(0,0,0,.16);--transition: .2s cubic-bezier(.4, 0, .2, 1)}html,body,#root{height:100%}body{font-family:DM Sans,sans-serif;background:var(--black);color:var(--white);-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4,h5{font-family:Syne,sans-serif}button{cursor:pointer;border:none;background:none;font-family:inherit}input,textarea,select{font-family:inherit}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-600);border-radius:4px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.app-shell{display:flex;height:100vh;background:var(--black);overflow:hidden}.app-sidebar{width:220px;flex-shrink:0;background:#111;border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;padding:28px 16px;gap:8px;transition:transform var(--transition)}.app-main{flex:1;overflow:hidden;display:flex;flex-direction:column}.bottom-nav{display:none}.page-pad{padding:36px 40px;height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:28px}@media (max-width: 768px){.app-shell{flex-direction:column}.app-sidebar{display:none}.app-main{flex:1;padding-bottom:64px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#111;border-top:1px solid rgba(255,255,255,.08);z-index:50;padding:0;height:64px}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--gray-600);font-size:10px;font-weight:600;text-decoration:none;font-family:DM Sans,sans-serif;border:none;background:none;cursor:pointer;transition:color var(--transition);padding:8px 0}.bottom-nav-item.active{color:var(--accent)}.bottom-nav-item.active-purple{color:#7c6af5}.bottom-nav-logout{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--gray-600);font-size:10px;font-weight:600;background:none;border:none;cursor:pointer;font-family:DM Sans,sans-serif;padding:8px 0}.page-pad{padding:20px 16px;gap:20px}.login-card{padding:32px 24px!important;margin:16px!important;border-radius:var(--radius-lg)!important}.stats-row-responsive,.photo-grid-responsive{flex-direction:column!important}.photo-divider-responsive{flex-direction:row!important;padding:0!important;min-width:unset!important;height:32px!important;align-items:center!important}.photo-divider-line-responsive{width:auto!important;flex:1!important;height:1px!important}.header-actions-responsive{flex-wrap:wrap!important;gap:8px!important}.client-detail-header{flex-wrap:wrap!important;gap:12px!important}.client-detail-header-actions{width:100%!important;margin-left:0!important;justify-content:flex-start!important}.comp-row-responsive{flex-direction:column!important;align-items:stretch!important}.comp-angle-label-responsive{text-align:left!important;padding:4px 0!important;min-width:unset!important}.week-thumb-responsive{width:36px!important;height:48px!important}.modal-responsive{margin:16px!important;max-width:calc(100vw - 32px)!important;padding:24px!important}.page-title-responsive{font-size:22px!important}.tabs-responsive{overflow-x:auto!important;align-self:stretch!important}}