#app{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-body: #e5e5e5;--bg-container: #ffffff;--bg-sidebar: #343c40;--bg-tab-nav: #495255;--bg-tab-active: #f24040;--bg-weather-section: #495255;--text-white: #f2f2f2;--text-white-muted: rgba(255,255,255,.8);--text-white-light: rgba(255,255,255,.7);--text-primary: #2b3134;--text-secondary: #5b6368;--text-muted: #9ba2a7;--accent-red: #A40606;--accent-success: #95A985;--accent-blue: #2A324B;--accent-gradient: linear-gradient(135deg, #A40606, #f24040);--border-light: #e8eaed;--border-divider: #f0f0f0;--border-weather: rgba(255,255,255,.2);--task-bg-completed: #f0f8f4;--task-bg-overdue: #fef2f2;--task-border-completed: #95A985;--task-border-overdue: #fecaca;--font-family-primary: "Inter", system-ui, sans-serif;--font-family-display: "Nunito Sans", system-ui, sans-serif;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.5rem;--spacing-2xl: 2rem;--touch-target: 44px;--sidebar-width: 270px;--container-width: 100vw;--container-height: 100vh;--avatar-size: 40px;--progress-ring-size: 50px;--tablet-min-width: 1024px;--fire-tablet-width: 1280px;--center-zone-min: 400px;--right-zone-width: clamp(350px, 30vw, 400px);--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1)}html{font-size:16px}body{min-height:100vh;font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:1.5;color:var(--text-primary);background-color:var(--bg-body);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{height:100vh;display:flex}.main-layout{display:flex;width:100%;max-width:var(--container-width);height:var(--container-height);margin:0 auto;background-color:var(--bg-container);box-shadow:var(--shadow-md)}.container{display:flex;width:100vw;height:100vh;margin:0;background:var(--bg-container);box-shadow:0 0 20px #0000001a;font-family:var(--font-family-primary);overflow:hidden;min-width:var(--tablet-min-width)}.main-content{flex:1;background-color:var(--bg-container);display:flex;flex-direction:column;min-width:0;overflow:hidden}.tab-navigation{background-color:var(--bg-tab-nav);display:flex;padding:0;border-bottom:1px solid var(--border-light)}.nav-tab{background:none;border:none;color:var(--text-white-muted);font-size:var(--font-size-lg);font-weight:500;padding:var(--spacing-lg) var(--spacing-2xl);cursor:pointer;transition:all .2s ease;min-height:var(--touch-target);border-bottom:3px solid transparent}.nav-tab:hover{color:var(--text-white);background-color:#ffffff1a}.nav-tab.active{background-color:var(--bg-tab-active);color:var(--text-white);border-bottom-color:var(--accent-red)}.content-area{flex:1;padding:var(--spacing-xl);overflow-y:auto}.member-row{margin-bottom:var(--spacing-xl)}.member-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);width:100%}.member-card{background-color:var(--bg-container);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);min-width:280px;flex:1}.member-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.member-info{display:flex;align-items:center;gap:var(--spacing-md)}.member-avatar{width:var(--avatar-size);height:var(--avatar-size);background-color:var(--accent-red);color:var(--text-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--font-size-lg)}.member-name{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.progress-display{font-size:var(--font-size-lg);color:var(--text-secondary);font-weight:500}.task-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) 0;min-height:var(--touch-target);border-bottom:1px solid var(--border-divider)}.task-item:last-child{border-bottom:none}.task-checkbox{width:20px;height:20px;border:2px solid var(--border-light);border-radius:50%;cursor:pointer;transition:all .2s ease}.task-checkbox.completed{background-color:var(--accent-success);border-color:var(--accent-success)}.task-checkbox.overdue{border-color:var(--accent-red)}.task-info{flex:1}.task-name{font-size:var(--font-size-base);color:var(--text-primary);margin-bottom:2px}.task-status{font-size:var(--font-size-sm);font-weight:500}.task-status.completed{color:var(--accent-success)}.task-status.overdue{color:var(--accent-red)}.task-status.pending{color:var(--text-secondary)}.weather-widget{margin-bottom:var(--spacing-2xl)}.weather-current{text-align:center;margin-bottom:var(--spacing-lg)}.weather-date{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-sm)}.weather-time{font-size:var(--font-size-lg);color:var(--text-white-muted);margin-bottom:var(--spacing-lg)}.weather-condition{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.weather-temp{font-size:var(--font-size-lg);color:var(--text-white-muted)}.weather-forecast{border-top:1px solid var(--border-weather);padding-top:var(--spacing-lg)}.forecast-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;font-size:var(--font-size-sm)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.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}