:root{--primary: #FFF3E0;--primary-dark: #FFE0B2;--secondary: #6D4C41;--secondary-light:#8D6E63;--accent: #66BB6A;--accent-dark: #43A047;--accent-light: #C8E6C9;--danger: #EF5350;--danger-dark: #C62828;--warning: #FFA726;--bg: #FFFFFF;--bg-subtle: #F5F5F5;--bg-card: #FFFFFF;--text: #2D2D2D;--text-muted: #6B7280;--text-light: #9CA3AF;--border: #E8E8E8;--border-focus: var(--accent);--shadow-xs: 0 1px 2px rgba(0,0,0,.06);--shadow-sm: 0 2px 8px rgba(0,0,0,.08);--shadow-md: 0 4px 16px rgba(0,0,0,.1);--shadow-lg: 0 8px 32px rgba(0,0,0,.12);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--font: "Inter", system-ui, -apple-system, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--transition: .18s ease;--transition-slow: .3s ease;--header-height: 60px;--bottom-nav-height: 64px;--content-max-width: 768px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);font-size:var(--font-size-base);background-color:var(--bg-subtle);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.3;color:var(--secondary)}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}p{margin:0}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:var(--font)}input,select,textarea{font-family:var(--font);font-size:var(--font-size-base)}#root{min-height:100vh;display:flex;flex-direction:column}.app-shell{display:flex;flex-direction:column;min-height:100vh}.page-content{flex:1;padding:var(--space-4);padding-bottom:calc(var(--bottom-nav-height) + var(--space-4));max-width:var(--content-max-width);width:100%;margin:0 auto}.app-header{height:var(--header-height);background:var(--primary);border-bottom:1px solid var(--primary-dark);display:flex;align-items:center;padding:0 var(--space-4);position:sticky;top:0;z-index:100;box-shadow:var(--shadow-xs)}.app-header__inner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:var(--content-max-width);margin:0 auto}.app-header__brand{display:flex;align-items:center;gap:var(--space-2);color:var(--secondary);font-weight:700;font-size:var(--font-size-lg)}.app-header__brand svg{color:var(--accent)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--bottom-nav-height);background:var(--bg);border-top:1px solid var(--border);display:flex;align-items:stretch;box-shadow:0 -2px 12px #00000014;z-index:100}.bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:var(--text-muted);font-size:var(--font-size-xs);font-weight:500;transition:color var(--transition);padding:var(--space-2) 0;position:relative}.bottom-nav__item svg{transition:transform var(--transition)}.bottom-nav__item.active{color:var(--accent-dark)}.bottom-nav__item.active svg{transform:translateY(-1px)}.bottom-nav__item.active:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:32px;height:3px;background:var(--accent);border-radius:0 0 var(--radius-sm) var(--radius-sm)}.card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5) var(--space-6);border:1px solid var(--border);transition:box-shadow var(--transition)}.card:hover{box-shadow:var(--shadow-md)}.card--flat{box-shadow:none;border:1px solid var(--border)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.6rem 1.25rem;border-radius:var(--radius-md);border:none;font-weight:600;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:active{transform:scale(.97)}.btn-primary{background-color:var(--accent);color:#fff}.btn-primary:hover{background-color:var(--accent-dark)}.btn-secondary{background-color:var(--primary);color:var(--secondary);border:1px solid var(--primary-dark)}.btn-secondary:hover{background-color:var(--primary-dark)}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover{background-color:var(--danger-dark)}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg-subtle)}.btn-sm{padding:.4rem .875rem;font-size:var(--font-size-xs)}.btn-icon{padding:.5rem;border-radius:var(--radius-md)}.btn-full{width:100%}.form-group{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5)}.form-group label{font-size:var(--font-size-sm);font-weight:600;color:var(--secondary)}.form-control{width:100%;padding:.7rem var(--space-4);border:1.5px solid var(--border);border-radius:var(--radius-md);font-family:var(--font);font-size:var(--font-size-base);color:var(--text);background:var(--bg);transition:border-color var(--transition),box-shadow var(--transition);outline:none}.form-control:focus{border-color:var(--accent);box-shadow:0 0 0 3px #66bb6a26}.form-control::placeholder{color:var(--text-light)}.badge{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.badge-green{background:var(--accent-light);color:#2e7d32}.badge-brown{background:var(--primary);color:var(--secondary)}.badge-orange{background:#fff3e0;color:#e65100}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5);gap:var(--space-3)}.page-header h1{font-size:var(--font-size-2xl)}.tenant-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-xs);transition:all var(--transition);cursor:pointer}.tenant-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-1px)}.tenant-card__avatar{width:44px;height:44px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-lg);color:var(--secondary);flex-shrink:0}.tenant-card__info{flex:1;min-width:0}.tenant-card__name{font-weight:600;font-size:var(--font-size-base);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tenant-card__meta{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:2px}.tenant-card__actions{display:flex;gap:var(--space-2);flex-shrink:0}.shift-toggle{display:flex;gap:var(--space-2);background:var(--bg-subtle);padding:var(--space-1);border-radius:var(--radius-md);border:1px solid var(--border)}.shift-toggle__btn{flex:1;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-muted);font-weight:600;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.shift-toggle__btn.active{background:var(--bg);color:var(--secondary);box-shadow:var(--shadow-xs)}.tracker-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg);border-radius:var(--radius-md);border:1px solid var(--border);transition:border-color var(--transition)}.tracker-row:hover{border-color:var(--primary-dark)}.tracker-row__name{flex:1;font-weight:500;font-size:var(--font-size-sm);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tracker-row__qty{display:flex;align-items:center;gap:var(--space-2)}.qty-input{width:72px;padding:.4rem var(--space-2);border:1.5px solid var(--border);border-radius:var(--radius-sm);text-align:center;font-weight:600;font-size:var(--font-size-sm);color:var(--text);transition:border-color var(--transition);outline:none}.qty-input:focus{border-color:var(--accent)}.qty-unit{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:500}.skip-toggle{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.date-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--primary);border-radius:var(--radius-lg);border:1px solid var(--primary-dark);margin-bottom:var(--space-5)}.date-nav__label{font-weight:700;font-size:var(--font-size-base);color:var(--secondary);text-align:center;flex:1}.date-nav__btn{background:none;border:none;color:var(--secondary);padding:var(--space-2);border-radius:var(--radius-sm);transition:background var(--transition)}.date-nav__btn:hover{background:var(--primary-dark)}.empty-state{text-align:center;padding:var(--space-8) var(--space-4);display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.empty-state__icon{width:72px;height:72px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;color:var(--secondary)}.empty-state__title{font-size:var(--font-size-lg);font-weight:600;color:var(--secondary)}.empty-state__text{font-size:var(--font-size-sm);color:var(--text-muted);max-width:280px}.search-box{position:relative;margin-bottom:var(--space-4)}.search-box__icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-box input{width:100%;padding:.65rem var(--space-4) .65rem 2.75rem;border:1.5px solid var(--border);border-radius:var(--radius-full);font-family:var(--font);font-size:var(--font-size-sm);background:var(--bg);color:var(--text);outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.search-box input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #66bb6a26}.stack{display:flex;flex-direction:column}.stack--gap-2{gap:var(--space-2)}.stack--gap-3{gap:var(--space-3)}.stack--gap-4{gap:var(--space-4)}.divider{height:1px;background:var(--border);margin:var(--space-4) 0}.stat-card{background:var(--bg);border-radius:var(--radius-lg);border:1px solid var(--border);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.stat-card__label{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.04em}.stat-card__value{font-size:var(--font-size-2xl);font-weight:700;color:var(--secondary)}.stat-card__sub{font-size:var(--font-size-xs);color:var(--text-light)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-bottom:var(--space-5)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.animate-in{animation:fadeInUp .25s ease forwards}@media(max-width:480px){.page-header h1{font-size:var(--font-size-xl)}.card{padding:var(--space-4)}.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-grid.three-col{grid-template-columns:repeat(3,1fr)}.stats-grid.three-col .stat-card__value{font-size:var(--font-size-lg)}}.report-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.report-table th{padding:.6rem 1rem;text-align:left;font-weight:600;color:var(--secondary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:var(--bg-subtle);border-bottom:1px solid var(--border)}.report-table td{padding:.55rem 1rem;color:var(--text);white-space:nowrap;border-bottom:1px solid var(--border)}.report-table tr:nth-child(2n) td{background:#fffaf5}.report-table tfoot td{background:var(--primary);font-weight:700;color:var(--secondary);border-top:2px solid var(--primary-dark)}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.slide-down{animation:slideDown .2s ease forwards}@keyframes modalIn{0%{opacity:0;transform:scale(.93) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4);animation:fadeInUp .15s ease forwards}.modal-box{background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-8);width:100%;max-width:360px;position:relative;text-align:center;animation:modalIn .22s cubic-bezier(.34,1.56,.64,1) forwards}.modal-close{position:absolute;top:var(--space-4);right:var(--space-4);background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md);padding:.3rem;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition)}.modal-close:hover{background:var(--border);color:var(--text)}.modal-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-5)}.modal-icon--danger{background:#ef53501f;color:var(--danger)}.modal-icon--warning{background:#ffa72626;color:var(--warning)}.modal-title{font-size:var(--font-size-xl);font-weight:700;color:var(--secondary);margin-bottom:var(--space-3)}.modal-message{font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.6;margin-bottom:var(--space-6)}.modal-actions{display:flex;gap:var(--space-3);justify-content:center}.modal-actions .btn{flex:1}