:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1f2937;background:#f6f7f9;line-height:1.4}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}.app{min-height:100vh}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(420px,100%);background:#fff;padding:32px;border-radius:18px;box-shadow:0 10px 35px #0001}.login-logo{display:block;width:118px;height:118px;object-fit:contain;margin:0 auto 18px;border-radius:50%}.login-card h1{margin:0 0 8px}.muted{color:#6b7280}.field{display:grid;gap:6px;margin:16px 0}.field input,.field select{width:100%;padding:11px 12px;border:1px solid #d1d5db;border-radius:10px;background:#fff}.field input.invalid{border-color:#dc2626;background:#fef2f2;box-shadow:0 0 0 2px #dc262622}.field input.invalid:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 3px #dc262633}.primary,.danger,.secondary{border-radius:10px;padding:10px 14px}.primary,.danger{border:0}.secondary{background:#fff;color:#1f2937;border:1px solid #d1d5db}.secondary:hover{background:#f8fafc;border-color:#b8bec8}.primary{background:#2563eb;color:#fff}.primary:hover{background:#1d4ed8}.danger{background:#dc2626;color:#fff}.danger:hover{background:#b91c1c}.error{color:#b91c1c;background:#fef2f2;padding:10px;border-radius:10px;margin:10px 0}.layout{display:flex;min-height:100vh}.sidebar{width:240px;background:#fff;border-right:1px solid #e5e7eb;padding:20px;position:fixed;inset:0 auto 0 0}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;margin-bottom:25px}.brand img{width:42px;height:42px;object-fit:contain;border-radius:50%}.nav{display:grid;gap:6px}.nav button{border:0;background:transparent;text-align:left;padding:11px;border-radius:9px}.nav button.active,.nav button:hover{background:#eef2ff}.main{margin-left:240px;width:calc(100% - 240px);padding:24px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.userbox{display:flex;align-items:center;gap:10px}.profile-btn{font-weight:600}.page-title{margin:0}.toolbar{background:#fff;padding:16px;border:1px solid #e3e7ec;border-radius:14px;margin-bottom:16px;display:flex;gap:12px;flex-wrap:wrap;align-items:end;box-shadow:0 1px 2px #00000008}.toolbar .field{margin:0;min-width:150px}.table-wrap{background:#fff;border-radius:14px;overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px 14px;border-bottom:1px solid #eef0f2;text-align:left;white-space:nowrap}.table tbody tr{border-bottom:1px solid #eef0f2}.table tbody tr.congratulated{border-bottom:1px solid #cfe6cf}.table th{background:#fafafa;user-select:none}.sortable{cursor:pointer}.congratulated{background:#e9f7e9}.mobile-list{display:none}.modal-backdrop{position:fixed;inset:0;background:#0007;display:grid;place-items:center;padding:16px;z-index:20}.modal{background:#fff;border-radius:16px;padding:22px;width:min(600px,100%);max-height:90vh;overflow:auto}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.modal-divider{border:0;border-top:1px solid #eef0f2;margin:20px 0}.profile-modal h3{margin:0 0 6px}.hidden{display:none!important}.badge{display:inline-block;padding:3px 8px;border-radius:999px;background:#eef2ff}.empty{padding:35px;text-align:center;color:#6b7280}.spinner{opacity:.7}.menu-btn{display:none}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.2s;z-index:15}.sidebar.open{transform:translateX(0)}.main{margin-left:0;width:100%;padding:14px}.menu-btn{display:inline-block;border:0;background:#fff;border-radius:9px;padding:9px 11px}.topbar{gap:10px}.toolbar{display:grid;grid-template-columns:1fr 1fr}.toolbar .field{min-width:0}.toolbar .wide{grid-column:1/-1}.table-wrap{display:none}.mobile-list{display:grid;gap:10px}.child-card{background:#fff;border:1px solid #e3e7ec;border-radius:14px;padding:14px}.child-card.congratulated{background:#e9f7e9;border-color:#cfe6cf}.child-head{display:flex;justify-content:space-between;gap:10px}.child-name{font-weight:700}.actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.userbox .role{display:none}.label{margin-right:8px}.profile-btn{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal{padding:18px}}

.search-field{min-width:280px!important;flex:1 1 280px}.search-field input{min-width:0}@media (max-width:700px){.search-field{flex-basis:100%;min-width:100%!important}.toolbar .field.compact{width:100%}.toolbar .field.compact input,.toolbar .field.compact select{width:100%}}
.saved-filters{background:#fff;border:1px solid #e3e7ec;border-radius:14px;padding:10px 12px;margin-bottom:16px;box-shadow:0 1px 2px #00000008}.saved-filters-title{font-size:13px;font-weight:700;color:#6b7280;margin:0 0 8px 2px}.saved-filter-tabs{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-bottom:2px}.filter-tab-wrap{display:flex;align-items:center;flex:0 0 auto}.filter-tab{border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:9px;padding:8px 12px;white-space:nowrap}.filter-tab:hover{background:#f8fafc;border-color:#9ca3af}.filter-tab.active{background:#eef2ff;border-color:#b9c4ff;color:#1d4ed8;font-weight:600}.filter-tab-delete{margin-left:-8px;width:24px;height:24px;border:1px solid #d1d5db;border-radius:50%;background:#fff;color:#6b7280;line-height:18px;padding:0;z-index:1}.filter-tab-delete:hover{color:#b91c1c;border-color:#fca5a5}.mobile-logs{display:none}.log-card{background:#fff;border:1px solid #e3e7ec;border-radius:14px;padding:14px;display:grid;gap:10px}.log-card>div{display:flex;gap:8px;align-items:flex-start}.log-card .label{color:#6b7280;min-width:135px;margin-right:0}.log-card strong{font-weight:600;word-break:break-word}@media(max-width:760px){.mobile-logs{display:grid;gap:10px}.logs-table{display:none}.saved-filters{padding:10px}.saved-filter-tabs{margin-right:-2px}.filter-tab{padding:8px 11px}.log-card .label{min-width:115px}}
.filter-group{display:flex;align-items:flex-start;gap:10px;margin-bottom:8px}.filter-group:last-child{margin-bottom:0}.filter-group-title{font-size:12px;font-weight:700;color:#6b7280;min-width:75px;padding:9px 2px}.filter-group-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filter-empty{font-size:13px;color:#9ca3af;padding:8px 2px}.filter-tab-edit{width:24px;height:24px;border:1px solid #d1d5db;border-radius:50%;background:#fff;color:#6b7280;line-height:18px;padding:0;margin-left:-8px;z-index:1}.filter-tab-edit:hover{color:#1d4ed8;border-color:#93c5fd}.shared-filter-tab{border-style:solid}
@media(max-width:760px){.filter-group{display:block}.filter-group-title{display:block;padding:3px 2px 6px}.filter-group-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}}

.users-mobile-list{display:none}.user-card{background:#fff;border:1px solid #e3e7ec;border-radius:14px;padding:14px;display:grid;gap:10px}.user-card>div:not(.actions){display:flex;gap:8px;align-items:flex-start}.user-card .label{color:#6b7280;min-width:90px;margin-right:0}.user-card strong{font-weight:600;word-break:break-word}
@media(max-width:760px){.users-mobile-list{display:grid;gap:10px}.users-mobile-list .empty{background:#fff;border:1px solid #e3e7ec;border-radius:14px}}
.check-cell.readonly,.toggle-label.readonly{cursor:default;opacity:.75}.check-cell.readonly input,.toggle-label.readonly input{cursor:default}.check-cell.readonly input:disabled,.toggle-label.readonly input:disabled{opacity:1}