*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f5f7fb;color:#1f2937}button,input,select{font:inherit}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px}.card{width:100%;max-width:860px;background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:32px;box-shadow:0 20px 60px #0f172a14}.wideCard{max-width:1240px}.loginCard{max-width:460px}.eyebrow{margin:0 0 12px;font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#2563eb}h1{margin:0 0 20px;font-size:36px}h2{margin:0;font-size:24px}.text{margin:0 0 24px;font-size:18px;line-height:1.6;color:#4b5563}.mainNav,.subNav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px;border-bottom:1px solid #e5e7eb;padding-bottom:14px}.subNav{border-bottom:0;padding-bottom:0;margin-bottom:22px}.mainNavButton,.subNavButton{border:1px solid #cbd5e1;background:#fff;color:#334155;border-radius:12px;padding:11px 15px;cursor:pointer;font-weight:700}.activeMainNavButton,.activeSubNavButton{border-color:#2563eb;background:#2563eb;color:#fff}.form,.createUserForm,.editUserForm,.roleForm{display:flex;flex-direction:column;gap:18px}.createUserForm,.editUserForm,.roleForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid #e5e7eb;border-radius:14px;padding:20px;background:#f8fafc}.editUserForm,.editRoleForm{border-color:#bfdbfe;background:#eff6ff}.roleForm{margin-bottom:16px}.formButtonRow{display:flex;align-items:end;gap:10px}.field{display:flex;flex-direction:column;gap:8px;font-weight:700}.field input,.field select{width:100%;border:1px solid #cbd5e1;border-radius:12px;padding:13px 14px;outline:none;background:#fff}.field input:focus,.field select:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.checkboxField{display:flex;align-items:center;gap:10px;min-height:48px;font-weight:700}.checkboxField input{width:18px;height:18px}.primaryButton,.secondaryButton,.secondarySmallButton,.dangerButton{border:0;border-radius:12px;padding:13px 16px;cursor:pointer;font-weight:700}.primaryButton{background:#2563eb;color:#fff}.createUserForm .primaryButton,.createUserForm .messageBox,.editUserForm .primaryButton,.editUserForm .messageBox{grid-column:1 / -1}.primaryButton:disabled,.secondaryButton:disabled,.secondarySmallButton:disabled,.dangerButton:disabled{opacity:.7;cursor:not-allowed}.secondaryButton,.secondarySmallButton{background:#e5e7eb;color:#111827}.secondarySmallButton,.dangerButton{padding:10px 13px;font-size:14px}.dangerButton{background:#dc2626;color:#fff}.errorBox,.messageBox,.hintBox{border-radius:12px;padding:12px 14px;font-weight:700}.errorBox{border:1px solid #fecaca;background:#fef2f2;color:#991b1b}.messageBox,.hintBox{border:1px solid #bfdbfe;background:#eff6ff;color:#1e3a8a}.hintBox{margin-top:18px}.tableMessage,.standaloneMessage{margin-bottom:14px}.topRow,.sectionHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.sectionHeader{margin-top:32px;margin-bottom:16px}.sectionHeader p{margin:8px 0 0;color:#64748b}.infoGrid,.statsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.statsGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.infoBox,.statBox{border:1px solid #dbeafe;background:#eff6ff;border-radius:14px;padding:16px}.statBox strong{display:block;font-size:34px}.label{display:block;margin-bottom:8px;color:#64748b;font-size:14px}.tableWrap{width:100%;overflow-x:auto;border:1px solid #e5e7eb;border-radius:14px}.compactTable{margin-bottom:28px}table{width:100%;border-collapse:collapse;min-width:980px}th,td{padding:14px 16px;border-bottom:1px solid #e5e7eb;text-align:left;vertical-align:middle}th{background:#f8fafc;font-size:14px;color:#475569}tr:last-child td{border-bottom:0}.actionButtons{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mutedText{color:#64748b;font-size:14px;font-weight:700}@media(max-width:900px){.statsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.page{padding:18px}.card{padding:24px}.topRow,.sectionHeader{flex-direction:column}.infoGrid,.statsGrid,.createUserForm,.editUserForm,.roleForm{grid-template-columns:1fr}.formButtonRow{align-items:stretch;flex-direction:column}h1{font-size:30px}}.settingsAreaGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:22px}.settingsAreaCard{text-align:left;border:1px solid #dbeafe;background:#fff;border-radius:16px;padding:18px;cursor:pointer;display:flex;flex-direction:column;gap:10px;color:#1f2937;box-shadow:0 10px 30px #0f172a0d}.settingsAreaCard:hover{border-color:#2563eb}.activeSettingsAreaCard{border-color:#2563eb;background:#eff6ff}.settingsAreaTitle{font-size:20px;font-weight:800}.settingsAreaText{color:#475569;line-height:1.5}.settingsAreaMeta{color:#2563eb;font-weight:800;font-size:14px}.settingsContentCard{border:1px solid #e5e7eb;border-radius:18px;padding:22px;background:#fff}@media(max-width:760px){.settingsAreaGrid{grid-template-columns:1fr}.settingsContentCard{padding:16px}}.appPage{min-height:100vh;width:100%;padding:18px;background:#f5f7fb}.appShell{width:100%;min-height:calc(100vh - 36px);background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 20px 60px #0f172a14;overflow:hidden}.titleBar{display:grid;grid-template-columns:260px minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px 22px;border-bottom:1px solid #e5e7eb;background:#fff}.titleBrand h1{margin:0;font-size:30px}.titleBrand .eyebrow{margin-bottom:6px}.moduleTabs{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.moduleTab,.settingsButton,.logoutButton{border:1px solid #cbd5e1;background:#fff;color:#334155;border-radius:12px;padding:11px 14px;cursor:pointer;font-weight:800}.moduleTab:hover,.settingsButton:hover{border-color:#2563eb}.activeModuleTab,.activeSettingsButton{border-color:#2563eb;background:#2563eb;color:#fff}.titleActions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.logoutButton{border-color:#fecaca;background:#fef2f2;color:#991b1b}.loggedInBar{display:flex;gap:22px;flex-wrap:wrap;padding:12px 22px;border-bottom:1px solid #e5e7eb;background:#f8fafc;color:#475569}.contentPanel{padding:24px}.modulePlaceholderGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.modulePlaceholderCard{border:1px solid #dbeafe;background:#eff6ff;border-radius:16px;padding:18px}.modulePlaceholderCard strong{display:block;font-size:24px;margin-bottom:8px}.modulePlaceholderCard p{margin:0;color:#475569}@media(max-width:1100px){.titleBar{grid-template-columns:1fr}.moduleTabs,.titleActions{justify-content:flex-start}}@media(max-width:760px){.appPage{padding:10px}.contentPanel{padding:16px}.modulePlaceholderGrid{grid-template-columns:1fr}.titleBrand h1{font-size:26px}}.welcomeBox{border:1px solid #dbeafe;background:#eff6ff;border-radius:18px;padding:28px;max-width:760px}.welcomeBox h2{font-size:34px;margin-bottom:12px}.welcomeBox p{margin:0;color:#475569;line-height:1.6}.emptyModule{padding:8px 0}.emptyModule h2{margin-bottom:8px}.emptyModule p{margin:0;color:#64748b}.loggedInBar,.infoGrid+.sectionHeader:first-of-type{display:none}.logoButton{border:0;background:transparent;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:flex-start}.logoPlaceholder{width:170px;height:58px;border:2px dashed #cbd5e1;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#64748b;font-weight:900;letter-spacing:.08em;text-transform:uppercase;background:#f8fafc}.logoButton:hover .logoPlaceholder{border-color:#2563eb;color:#2563eb;background:#eff6ff}.settingsDropdownWrap{position:relative;display:inline-flex}.settingsDropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:230px;background:#fff;border:1px solid #cbd5e1;border-radius:14px;box-shadow:0 18px 45px #0f172a29;padding:8px;z-index:50}.settingsDropdownItem{width:100%;border:0;background:transparent;color:#1f2937;text-align:left;border-radius:10px;padding:11px 12px;font-weight:800;cursor:pointer}.settingsDropdownItem:hover{background:#eff6ff;color:#2563eb}.administrationLayout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px;align-items:start}.administrationSidebar{border:1px solid #e5e7eb;border-radius:16px;background:#f8fafc;padding:12px;display:flex;flex-direction:column;gap:8px;position:sticky;top:18px}.administrationSidebarButton{width:100%;border:1px solid transparent;background:transparent;color:#334155;text-align:left;border-radius:12px;padding:12px 13px;font-weight:800;cursor:pointer}.administrationSidebarButton:hover{background:#eff6ff;color:#2563eb}.activeAdministrationSidebarButton{border-color:#2563eb;background:#2563eb;color:#fff}.activeAdministrationSidebarButton:hover{background:#2563eb;color:#fff}.disabledSidebarButton{opacity:.45;cursor:not-allowed}.administrationContent{min-width:0;border:1px solid #e5e7eb;border-radius:18px;padding:22px;background:#fff}@media(max-width:900px){.administrationLayout{grid-template-columns:1fr}.administrationSidebar{position:static}}.permissionsPanel{display:flex;flex-direction:column;gap:18px}.permissionRoleSelect{max-width:420px}.permissionHint{border:1px solid #dbeafe;background:#eff6ff;color:#1e3a8a;border-radius:14px;padding:12px 14px}.permissionLevelSelect{min-width:160px;border:1px solid #cbd5e1;border-radius:10px;padding:9px 10px;background:#fff;font-weight:700}