*{box-sizing:border-box}:root{--space-1: 6px;--space-2: 10px;--space-3: 14px;--space-4: 18px;--space-5: 24px;--ink: #212529;--ink-muted: #6c757d;--border: #e0e0e0}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;background:#fff;color:#212529}.page{max-width:1200px;margin:0 auto;padding:var(--space-5)}.center-page{min-height:100vh;display:flex;align-items:center;justify-content:center}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e0e0e0;padding-bottom:var(--space-3);margin-bottom:var(--space-4)}h1{margin:0;font-size:24px;font-weight:500}.header-right{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap;justify-content:flex-end}.primary-btn,.secondary-btn,.tabs button,button{background:#212529;color:#fff;border:0;padding:9px 12px;cursor:pointer;border-radius:2px;line-height:1.2}button:disabled,.primary-btn:disabled,.secondary-btn:disabled{opacity:.6;cursor:not-allowed}.secondary-btn{background:#4b5563}.tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap}.tabs button{background:#fff;color:#111827;border:1px solid #111827;font-weight:600}.tabs button.active{background:#111827;color:#fff;border-color:#111827}.panel{border:1px solid #e0e0e0;padding:var(--space-4);overflow-x:auto}.panel h2{margin:0 0 var(--space-3) 0}.panel-text{margin:0 0 var(--space-2) 0}.panel-services{overflow-x:visible}.services-heading{margin:0 0 var(--space-2) 0;font-size:clamp(1.125rem,2.5vw,1.375rem);font-weight:600;color:var(--ink)}.services-intro{margin:0 0 var(--space-4) 0;font-size:clamp(13px,2.8vw,14px);line-height:1.45;max-width:42rem}.service-cards{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3);grid-template-columns:1fr}@media (min-width: 560px){.service-cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr))}}.service-card{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-3);padding:var(--space-3) var(--space-4);min-width:0;border:1px solid var(--border);border-radius:2px;background:#fff;box-shadow:0 1px #0000000a}.service-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);min-width:0}.service-card-title{margin:0;padding-top:2px;font-size:clamp(1rem,2.2vw,1.125rem);font-weight:600;color:var(--ink);line-height:1.25;flex:1;min-width:0}.service-card-desc{margin:0;font-size:clamp(13px,2.6vw,14px);line-height:1.55;color:var(--ink-muted);max-width:65ch}a.service-card-open{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:7px 14px;min-height:36px;box-sizing:border-box;font-size:13px;font-weight:600;line-height:1.2;color:var(--ink);text-decoration:none;white-space:nowrap;border:1px solid var(--ink);border-radius:2px;background:#fff;-webkit-tap-highlight-color:transparent}a.service-card-open:hover{background:var(--ink);color:#fff}a.service-card-open:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.panel-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-3)}.login-box{width:min(420px,100%);border:1px solid #e0e0e0;padding:var(--space-4);margin:0 auto}.login-box h1{margin-bottom:var(--space-4)}.field{margin-bottom:var(--space-3)}label{display:block;margin:0 0 var(--space-1) 0;color:#6c757d;font-size:12px}input{width:100%;padding:8px;border:1px solid #e0e0e0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);margin-bottom:var(--space-3)}.checks{display:flex;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap}.checks label{font-size:13px;color:#212529;margin:0;display:flex;align-items:center;gap:6px}.checks input{width:auto}.error{color:#dc3545;margin:var(--space-2) 0}.muted{color:#6c757d}table{width:100%;border-collapse:collapse;margin-top:var(--space-4)}th,td{border-bottom:1px solid #e0e0e0;padding:var(--space-2);text-align:left;font-size:13px;vertical-align:top}th{font-weight:600;color:#374151}.audit-block{margin-top:var(--space-5)}.audit-block-page .audit-table-wrap{max-height:min(48vh,440px);overflow-y:auto;overflow-x:auto;border:1px solid var(--border)}.audit-block-page .audit-table-wrap thead th{position:sticky;top:0;background:#fff;box-shadow:0 1px 0 var(--border);z-index:1}.audit-events-view{margin-top:var(--space-2)}.modal-card.modal-wide>.audit-events-view--modal{flex:1;min-height:0;display:flex;flex-direction:column;margin-top:var(--space-2)}.audit-events-view--modal .audit-toolbar{flex-shrink:0}.audit-events-view--modal .audit-table-wrap{flex:1;min-height:0;overflow:auto}.audit-filter-period{min-width:min(100%,280px)}.audit-period-root{position:relative;display:block;width:100%;max-width:420px}.audit-period-label{display:block;margin:0 0 var(--space-1) 0;color:var(--ink-muted);font-size:11px;font-weight:600}button.audit-period-trigger{display:flex;width:100%;align-items:center;justify-content:space-between;gap:var(--space-2);padding:8px 10px;border:1px solid var(--border);border-radius:2px;background:#fff;color:var(--ink);font-size:13px;line-height:1.3;text-align:left;cursor:pointer}button.audit-period-trigger:hover{border-color:#cfd4da}button.audit-period-trigger:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.audit-period-trigger-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audit-period-trigger-caret{flex-shrink:0;font-size:11px;color:var(--ink-muted)}.audit-period-popover{padding:var(--space-3);border:1px solid var(--border);border-radius:2px;background:#fff;box-shadow:0 8px 24px #0000001f;box-sizing:border-box}.audit-period-popover-portal{position:fixed;z-index:2000;margin:0}.audit-period-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}button.audit-period-nav-btn{padding:6px 10px;border:1px solid var(--ink);border-radius:2px;background:#fff;color:var(--ink);font-size:13px;line-height:1;cursor:pointer;width:auto}button.audit-period-nav-btn:hover{background:#f8f9fa}.audit-period-month-title{flex:1;text-align:center;font-size:14px;font-weight:600;color:var(--ink);text-transform:capitalize}.audit-period-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:4px;text-align:center;font-size:11px;font-weight:600;color:var(--ink-muted)}.audit-period-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}button.audit-period-day{position:relative;display:flex;height:32px;align-items:center;justify-content:center;padding:0;border:1px solid transparent;border-radius:2px;background:transparent;font-size:12px;color:var(--ink);cursor:pointer;width:auto}.audit-period-day.is-muted{color:#ced4da}.audit-period-day.in-range{background:#f1f3f5}.audit-period-day.is-endpoint{border-color:var(--ink);background:var(--ink);color:#fff;font-weight:600}.audit-period-day:not(.is-endpoint):not(.is-muted):hover{background:#f8f9fa}.audit-period-hint{margin:var(--space-2) 0 0 0;font-size:11px;line-height:1.35}.audit-toolbar{margin-bottom:var(--space-2)}.audit-filters{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:var(--space-2);align-items:end}.audit-filters .field-tight{margin-bottom:0}.audit-filters label{font-size:11px}.audit-filters select{width:100%;padding:8px;border:1px solid #e0e0e0;background:#fff}.audit-meta{margin:var(--space-2) 0 0 0;font-size:12px}.audit-table-wrap{overflow-x:auto}.audit-table-wrap table,.audit-events-view .audit-table-wrap table{margin-top:0}th .th-sort{display:inline-flex;align-items:center;gap:4px;margin:0;padding:0;width:auto;font:inherit;font-weight:600;color:inherit;background:none;border:none;border-radius:0;cursor:pointer;text-align:left;line-height:1.3}th .th-sort:hover,th .th-sort.is-active{color:#111827}th .th-sort:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.sort-ind{font-size:11px;opacity:.8;font-weight:700}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:50}.modal-backdrop-nested{z-index:60;background:#0000008c}.modal-card{background:#fff;border:1px solid #e0e0e0;width:min(680px,100%);padding:var(--space-4)}.modal-card.modal-wide{width:min(960px,100%);max-height:min(90vh,900px);display:flex;flex-direction:column}.modal-table-wrap{overflow-x:auto;margin-top:var(--space-2);flex:1;min-height:0}.modal-table-wrap table{margin-top:0}.panel table button{width:auto}.icon-bare{display:inline-flex;align-items:center;justify-content:center;margin:0;padding:6px;background:none;border:none;border-radius:2px;color:#374151;cursor:pointer;line-height:0;-webkit-tap-highlight-color:transparent}.icon-bare:hover{color:#111827;background:#0000000d}.icon-bare:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.hero-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.hero-icon-lg{width:1.375rem;height:1.375rem}.modal-activity-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-2)}.modal-activity-title-block{flex:1;min-width:min(100%,220px)}.modal-activity-title-block h2{margin:0 0 var(--space-2) 0;font-size:clamp(18px,3.5vw,20px)}.modal-activity-status-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.modal-activity-header-actions{flex-shrink:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.modal-activity-header .primary-btn,.modal-activity-header .secondary-btn{width:auto}.modal-activity-self-hint{font-size:12px;max-width:280px;line-height:1.35}.status-badge{display:inline-block;padding:4px 10px;font-size:12px;font-weight:600;border-radius:2px;border:1px solid var(--border)}.status-badge-on{background:#e7f5ec;border-color:#a3cfbb;color:#146c43}.status-badge-off{background:#f8f9fa;color:var(--ink-muted)}.row-action-btn{width:auto}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-3)}.modal-backdrop-create{overflow-y:auto;-webkit-overflow-scrolling:touch;align-items:flex-end;justify-content:center;padding:0;padding-bottom:env(safe-area-inset-bottom,0px);min-height:100dvh;box-sizing:border-box}.modal-create{width:100%;max-width:520px;max-height:min(92dvh,880px);display:flex;flex-direction:column;margin:0 auto;border-width:1px 0 0 0;border-color:var(--border);border-radius:0;box-shadow:0 -8px 32px #0000001f}.modal-create-header{flex-shrink:0;padding-bottom:var(--space-2);border-bottom:1px solid var(--border);margin-bottom:var(--space-3)}.modal-create-header h2{margin:0;font-size:clamp(18px,4vw,20px);font-weight:600;color:var(--ink)}.modal-create-body{overflow-y:auto;flex:1;min-height:0;padding-right:2px}.modal-create-grid{display:grid;gap:var(--space-3);grid-template-columns:1fr;margin-bottom:var(--space-2)}.modal-create-checks{margin:0 0 var(--space-2) 0;padding:0;border:0;min-width:0}.modal-create-checks legend{padding:0;margin:0 0 var(--space-2) 0;font-size:12px;font-weight:600;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.03em}.check-custom{position:relative;display:flex;align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-1) 0;margin:0;cursor:pointer;font-size:14px;color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.check-custom input{position:absolute;left:0;top:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.check-custom .check-box{flex-shrink:0;width:20px;height:20px;border:2px solid #111827;border-radius:2px;background:#fff;display:inline-flex;align-items:center;justify-content:center;transition:background .12s ease,border-color .12s ease}.check-custom input:checked+.check-box{background:var(--ink);border-color:var(--ink)}.check-custom input:checked+.check-box:after{content:"";display:block;width:5px;height:9px;margin-bottom:2px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.check-custom input:focus-visible+.check-box{outline:2px solid var(--ink);outline-offset:2px}.check-custom:active .check-box{transform:scale(.96)}.check-custom .check-text{line-height:1.35}.modal-create-actions{flex-shrink:0;margin-top:auto;padding-top:var(--space-3);border-top:1px solid var(--border)}.position-combobox-root{position:relative;display:block;width:100%;min-width:0}.position-combobox-label{display:block;margin:0 0 var(--space-1) 0;color:var(--ink-muted);font-size:12px}button.position-combobox-trigger{display:flex;width:100%;align-items:center;justify-content:space-between;gap:var(--space-2);padding:8px 10px;border:1px solid var(--border);border-radius:2px;background:#fff;color:var(--ink);font-size:13px;line-height:1.3;text-align:left;cursor:pointer}button.position-combobox-trigger:hover{border-color:#cfd4da}button.position-combobox-trigger:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.position-combobox-trigger-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.position-combobox-trigger-text.is-placeholder{color:var(--ink-muted)}.position-combobox-trigger-caret{flex-shrink:0;font-size:11px;color:var(--ink-muted)}.position-combobox-popover-portal{position:fixed;z-index:2100;margin:0;padding:0;border:1px solid var(--border);border-radius:2px;background:#fff;box-shadow:0 8px 24px #0000001f;box-sizing:border-box;display:flex;flex-direction:column;max-height:min(280px,50vh)}.position-combobox-search-wrap{padding:var(--space-2);border-bottom:1px solid var(--border);flex-shrink:0}.position-combobox-search{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:2px;font-size:13px;box-sizing:border-box}.position-combobox-list{overflow-y:auto;padding:var(--space-1);flex:1;min-height:0}.position-combobox-item{display:block;width:100%;margin:0;padding:8px 10px;border:none;border-radius:2px;background:transparent;color:var(--ink);font-size:13px;text-align:left;cursor:pointer;line-height:1.35}.position-combobox-item:hover{background:#f8f9fa}.position-combobox-item-custom{font-weight:600;color:#146c43}.position-combobox-empty{padding:var(--space-2) var(--space-3);font-size:13px}.modal-profile-password-hint{margin:var(--space-3) 0 var(--space-2) 0;font-size:12px;font-weight:600;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.03em}@media (min-width: 641px){.modal-backdrop-create{align-items:center;padding:var(--space-4);padding-top:max(var(--space-4),env(safe-area-inset-top,0px))}.modal-create{width:min(520px,calc(100vw - 32px));max-height:min(90dvh,720px);border-width:1px;border-color:var(--border);box-shadow:0 16px 48px #00000024}.modal-create-grid{grid-template-columns:1fr 1fr;gap:var(--space-3)}.modal-create-grid .field-span-create{grid-column:1 / -1}}@media (max-width: 768px){.page,.center-page{padding:var(--space-3)}header{align-items:flex-start;flex-direction:column;gap:var(--space-2)}.header-right{width:100%;justify-content:space-between}.grid{grid-template-columns:1fr}.primary-btn,.secondary-btn,button{width:100%}.tabs button{width:auto;min-width:140px}th,td{font-size:12px;padding:7px}.panel-actions{flex-direction:column;align-items:stretch}.modal-actions{flex-direction:column}}@media (max-width: 480px){h1{font-size:21px}.login-box,.panel{padding:var(--space-3)}.tabs{gap:var(--space-2)}.tabs button{min-width:0;flex:1}}