:root{--bg: #f5f6f8;--card: #ffffff;--border: #e2e5ea;--text: #1a1d23;--muted: #6b7280;--accent: #4f46e5;--accent-hover: #4338ca;--success: #16a34a;--success-bg: #ecfdf3;--danger: #dc2626;--danger-bg: #fef2f2;--pending: #9ca3af;--pending-bg: #f3f4f6;--radius: 10px;--shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 4px 12px rgba(16, 24, 40, .04);--sidebar-width: 240px}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text)}button{font-family:inherit}.btn-primary{background:var(--accent);color:#fff;border:none;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:#fff;color:var(--text);border:1px solid var(--border);padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}.field{margin-bottom:16px}label{display:block;font-size:13px;font-weight:500;margin-bottom:6px;color:var(--text)}input[type=text],input[type=password],input[type=number],input[type=datetime-local],select,textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px;color:var(--text);background:#fff;font-family:inherit}.field-error{color:var(--danger);font-size:12px;margin-top:5px}.badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:4px 9px;border-radius:20px}.badge.success{color:var(--success);background:var(--success-bg)}.badge.error{color:var(--danger);background:var(--danger-bg)}.badge.pending{color:var(--pending);background:var(--pending-bg)}.switch{position:relative;display:inline-block;width:36px;height:20px;cursor:pointer}.switch input{position:absolute;opacity:0;width:0;height:0}.switch-track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border);border-radius:20px;transition:background .15s}.switch-track:before{content:"";position:absolute;width:16px;height:16px;left:2px;top:2px;background:#fff;border-radius:50%;box-shadow:0 1px 2px #10182833;transition:transform .15s}.switch input:checked+.switch-track{background:var(--accent)}.switch input:checked+.switch-track:before{transform:translate(16px)}.switch input:focus-visible+.switch-track{outline:2px solid var(--accent);outline-offset:2px}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh;align-content:start}.app-main{min-width:0}.app-topbar{display:none}.app-sidebar{position:sticky;top:0;height:100vh;height:100dvh;display:flex;flex-direction:column;background:#fff;border-right:1px solid var(--border);z-index:900}.app-sidebar-backdrop{display:none}.app-sidebar-brand{display:flex;align-items:center;gap:10px;padding:18px 20px;border-bottom:1px solid var(--border);flex-shrink:0}.app-sidebar-brand-name{font-weight:600;font-size:15px}.app-sidebar-nav{flex:1;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:2px}.nav-group{display:flex;flex-direction:column;gap:2px}.nav-group.is-active>.nav-group-label{color:var(--accent);font-weight:600}.nav-group-label{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:8px 10px 4px}.nav-children{display:flex;flex-direction:column;gap:2px;padding-left:8px}.nav-link{font-size:13.5px;padding:8px 12px;border-radius:7px;border:none;cursor:pointer;font-weight:500;background:transparent;color:var(--muted);text-align:left}.nav-link.is-active{font-weight:600;background:#eef2ff;color:var(--accent)}.app-sidebar-user{display:flex;flex-direction:column;gap:10px;padding:14px;margin-top:auto;border-top:1px solid var(--border);font-size:13.5px;color:var(--muted);flex-shrink:0}.app-sidebar-user>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-logout{color:var(--muted);background:none;border:1px solid var(--border);padding:8px 10px;border-radius:6px;font-size:13px;cursor:pointer}.btn-logout:disabled{opacity:.45;cursor:not-allowed}.app-nav-toggle{display:none;width:38px;height:34px;border:1px solid var(--border);border-radius:7px;background:#fff;color:var(--text);align-items:center;justify-content:center;cursor:pointer;font-size:16px;line-height:1}.page{max-width:1040px;margin:0 auto;padding:32px 28px 60px}.page--wide{max-width:1100px}.page--message{padding:80px 28px;text-align:center;color:var(--muted)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.page-header--tight{margin-bottom:8px}.page-header--gap{gap:16px}.page-title{font-size:22px;font-weight:650;margin:0}.page-subtitle{margin:4px 0 0;color:var(--muted);font-size:13.5px}.readonly-notice{font-size:12px;color:var(--muted);background:var(--pending-bg);border-radius:6px;padding:4px 9px;display:inline-flex;align-items:center;gap:6px;margin-bottom:20px}.empty-state{background:var(--card);border:1px dashed var(--border);border-radius:var(--radius);padding:70px 40px;text-align:center;margin-top:10px}.data-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.data-card--flat{box-shadow:none}.modal-table{border:1px solid var(--border);border-radius:8px;overflow:hidden}.data-head{display:grid;padding:14px 20px;gap:12px;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border-bottom:1px solid var(--border);background:#fafbfc}.data-head--log{padding:10px 16px;font-size:11px}.data-row{display:grid;padding:14px 20px;gap:12px;align-items:center;border-bottom:1px solid var(--border)}.data-row--log{padding:11px 16px;font-size:13px}.data-row--history{padding:12px 16px;font-size:13.5px}.data-row--audit{padding:12px 20px;font-size:13px;align-items:baseline}.no-results{padding:24px 20px;color:var(--muted);font-size:14px;border-bottom:1px solid var(--border)}.task-cols{grid-template-columns:54px minmax(180px,2.2fr) minmax(140px,1.6fr) minmax(130px,1.4fr) minmax(180px,1.3fr) minmax(168px,172px)}.task-cols--readonly{grid-template-columns:minmax(180px,2.4fr) minmax(140px,1.6fr) minmax(130px,1.4fr) minmax(180px,1.3fr) 60px}.user-cols{grid-template-columns:1.7fr .85fr 1.05fr 1.05fr 1.05fr 128px}.audit-cols{grid-template-columns:150px 1fr 150px}.log-cols{grid-template-columns:180px 100px 140px 1fr}.history-cols{grid-template-columns:1.6fr 1fr 1fr 2fr}.task-actions{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap;align-items:center}.user-actions{display:flex;gap:6px;justify-content:flex-end}.perm-pair{display:flex;gap:14px}.icon-btn{width:34px;height:34px;border-radius:7px;border:1px solid var(--border);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted)}.icon-btn:disabled{opacity:.45;cursor:not-allowed}.icon-btn--danger{color:var(--danger)}.search-row{display:flex;gap:12px;align-items:center;margin-bottom:20px}.search-input{width:100%;min-width:0;border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:14px;background:#fff}.search-input--users{min-width:240px;max-width:420px}.users-header-actions{display:flex;align-items:center;gap:12px;flex:1;justify-content:flex-end}.toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin-bottom:14px}.toolbar-field{display:grid;gap:6px}.toolbar-field--search{min-width:260px;flex:1 1 320px}.toolbar-field--sort{min-width:220px}.toolbar-input{height:38px;border-radius:8px;border:1px solid var(--border);padding:0 12px;font-size:14px;background:#fff;color:var(--text)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;z-index:950}.overlay--right{background:#00000040;justify-content:flex-end}.overlay--center{background:#00000059;align-items:center;justify-content:center;padding:20px}.slide-over{width:100%;max-width:480px;background:var(--card);height:100%;overflow-y:auto;padding:26px 26px 40px}.modal-card{width:100%;overflow-y:auto;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow)}.modal-card--lg{max-width:900px;max-height:88vh;padding:24px 28px 30px}.modal-card--md{max-width:640px;max-height:80vh;padding:20px 24px 26px}.modal-header{display:flex;justify-content:space-between;margin-bottom:4px}.modal-header--top{align-items:flex-start}.modal-header--center{align-items:center}.modal-close{border:none;background:none;font-size:18px;cursor:pointer;color:var(--muted)}.panel-actions{display:flex;justify-content:flex-end;gap:10px}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid-1-2{display:grid;grid-template-columns:1fr 2fr;gap:12px}.form-grid-2--tight{gap:12px}.monitor-row{padding:14px 20px;border-bottom:1px solid var(--border)}.monitor-row-top{display:flex;align-items:center;gap:12px}.monitor-row-identity{display:flex;align-items:baseline;gap:8px;min-width:220px;flex-shrink:0}.monitor-row-target{color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto;min-width:0}.monitor-row-meta{display:flex;align-items:center;gap:20px;margin-top:10px}.monitor-row-meta--indent{padding-left:48px}.monitor-row-actions{display:flex;gap:6px;margin-left:auto}.status-strip{display:flex;gap:2px;flex-shrink:0}.quick-facts{display:flex;margin:20px 0 22px;border:1px solid var(--border);border-radius:10px;overflow:hidden}.quick-fact{flex:1;padding:14px 16px;border-right:1px solid var(--border)}.quick-fact:last-child{border-right:none}.quick-fact-label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:6px}.chart-window-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.chart-window-tabs{display:flex;gap:6px}.toast-container{position:fixed;bottom:20px;right:20px;z-index:1000;display:flex;flex-direction:column;max-width:360px;pointer-events:none}.toast-region{display:flex;flex-direction:column;gap:10px}.toast-region:not(:empty)+.toast-region:not(:empty){margin-top:10px}.toast{pointer-events:auto;max-width:360px;background:var(--card);border:1px solid var(--border);border-left:4px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px 16px;font-size:13.5px;font-weight:500;color:var(--text);overflow-wrap:break-word;animation:toast-in .2s ease-out}.toast-success{border-left-color:var(--success);background:var(--success-bg)}.toast-error{border-left-color:var(--danger);background:var(--danger-bg)}@keyframes toast-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@media(max-width:1024px){.data-card,.modal-table{overflow-x:auto}}@media(max-width:767.98px){.app-shell{grid-template-columns:1fr}.app-topbar{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;background:#fff;border-bottom:1px solid var(--border);z-index:900}.app-topbar-brand{display:flex;align-items:center;gap:10px}.app-topbar-brand-name{font-weight:600;font-size:15px}.app-nav-toggle{display:inline-flex;width:44px;height:44px}.app-sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);display:flex;visibility:hidden;transform:translate(-100%);pointer-events:none;z-index:900;transition:transform .2s ease-out,visibility 0s .2s}.app-sidebar.is-open{visibility:visible;transform:translate(0);pointer-events:auto;transition:transform .2s ease-out,visibility 0s}.app-sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;z-index:890}.app-sidebar-nav{padding:12px 16px}.nav-link{text-align:left;padding:12px;font-size:15px}.app-sidebar-user{padding:12px 16px;min-width:0}.app-sidebar-user .btn-logout{width:100%;min-height:44px;padding:11px;font-size:15px}.page{padding:20px 16px 48px}.page--message{padding:56px 16px}.page-header{flex-wrap:wrap;gap:12px}.empty-state{padding:48px 20px}.data-head{display:none}.data-row{grid-template-columns:1fr;gap:10px;padding:14px 16px;align-items:start}.data-row>[data-label]:before{content:attr(data-label);display:block;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:2px}.data-row>*{min-width:0}.cell-primary-text{overflow-wrap:anywhere}.data-row>.perm-pair{flex-wrap:wrap}.data-row>.perm-pair:before{flex:1 1 100%}.data-row.task-cols{grid-template-columns:auto 1fr}.data-row.task-cols>:nth-child(n+3){grid-column:1 / -1}.task-actions,.user-actions{justify-content:flex-start}.data-card,.modal-table{overflow:visible}.data-card>:last-child,.modal-table>:last-child{border-bottom:none}.icon-btn{width:40px;height:40px}input[type=text],input[type=password],input[type=number],input[type=datetime-local],input[type=search],select,textarea,.search-input,.toolbar-input{font-size:16px}.search-input--users{min-width:0;max-width:none}.users-header-actions{flex:1 1 100%;flex-wrap:wrap}.toolbar-field--search,.toolbar-field--sort{min-width:0;flex:1 1 100%}.slide-over{padding:20px 16px 32px}.overlay--center{padding:10px}.modal-card--lg,.modal-card--md{max-height:92vh;padding:18px 16px 24px}.form-grid-2,.form-grid-1-2{grid-template-columns:1fr}.monitor-row{padding:14px 16px}.monitor-row-top{flex-wrap:wrap;align-items:baseline}.monitor-row-identity{min-width:0;flex:1 1 auto}.monitor-row-target,.status-strip{flex:1 1 100%}.monitor-row-meta{flex-wrap:wrap;gap:10px 16px}.monitor-row-meta--indent{padding-left:0}.monitor-row-actions{margin-left:0;flex:1 1 100%}.chart-window-row,.chart-window-tabs{flex-wrap:wrap;gap:6px}.quick-facts{flex-wrap:wrap}.quick-fact{flex:1 1 45%;border-right:none;border-bottom:1px solid var(--border)}.toast-container{left:16px;right:16px;bottom:16px;max-width:none}.toast{max-width:none}}@media(pointer:coarse){.switch:after{content:"";position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%)}}