:root{--cc-green: #2ecc71;--cc-red: #e74c3c;--cc-muted: #95a5a6}body{padding:0}#app{min-height:100vh}.login-wrapper{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.login-card{width:100%;max-width:380px}.login-card h1{font-size:1.4rem;margin-bottom:.5rem}.app-header{background:var(--pico-primary);color:#fff;padding:12px 24px;display:flex;align-items:center;justify-content:space-between}.app-header h1{font-size:1rem;margin:0;color:#fff}.app-header button{background:#ffffff26;border:none;color:#fff;padding:6px 14px;border-radius:6px;cursor:pointer;font-size:.8rem}.tabs{display:flex;gap:0;border-bottom:2px solid var(--pico-muted-border-color);padding:0 24px;background:var(--pico-card-background-color)}.tab{padding:12px 20px;cursor:pointer;border:none;background:none;font-size:.9rem;font-weight:500;color:var(--pico-muted-color);border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .15s}.tab:hover{color:var(--pico-color)}.tab.active{color:var(--pico-primary);border-bottom-color:var(--pico-primary)}.view-container{padding:24px;max-width:1400px;margin:0 auto}.filters{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-bottom:24px;padding:16px;background:var(--pico-card-background-color);border-radius:8px;border:1px solid var(--pico-muted-border-color)}.filter-group{display:flex;flex-direction:column;gap:4px}.filter-group label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--pico-muted-color);margin:0}.filter-group input,.filter-group select{margin:0;padding:8px 10px;font-size:.85rem;height:38px}.filter-group select{min-width:160px}.filter-group input[type=date]{min-width:140px}.filters button{height:38px;padding:0 20px;margin:0;font-size:.85rem}.table-wrap{overflow-x:auto}table{font-size:.85rem}table td,table th{padding:10px 12px;white-space:nowrap}.truncate{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:middle}.badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:600;margin-right:4px}.badge--yes{background:var(--cc-green);color:#fff}.badge--no{background:var(--cc-red);color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;margin-top:16px}.stat-card{padding:20px;background:var(--pico-card-background-color);border:1px solid var(--pico-muted-border-color);border-radius:8px}.stat-card h3{margin:0 0 12px;font-size:1rem}.stat-row{display:flex;justify-content:space-between;padding:4px 0;font-size:.85rem}.stat-row span:last-child{font-weight:600}.stat-bar{height:8px;background:var(--pico-muted-border-color);border-radius:4px;overflow:hidden;margin-top:4px}.stat-bar-fill{height:100%;background:var(--cc-green);border-radius:4px;transition:width .3s}.load-more{text-align:center;margin-top:16px}.empty-state{text-align:center;padding:40px 20px;color:var(--pico-muted-color)}@media (max-width: 768px){.filters{flex-direction:column}.filter-group,.filter-group input,.filter-group select{width:100%}}