*{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,.field textarea{width:100%;border:1px solid #cbd5e1;border-radius:12px;padding:13px 14px;outline:none;background:#fff}.field input:focus,.field select:focus,.field textarea: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}.passwordOverlay{position:fixed;inset:0;z-index:200;background:#f1f5f9;display:flex;align-items:center;justify-content:center;padding:24px}.passwordModal{width:min(100%,520px);background:#fff;border-radius:22px;padding:28px;box-shadow:0 24px 80px #0f172a59;display:flex;flex-direction:column;gap:16px}.passwordModal h2{margin:0;font-size:28px}.passwordModalText{margin:0;color:#475569;line-height:1.6}.passwordModalActions{align-items:center}.passwordOnlyPage{min-height:100vh;background:#f1f5f9}.personalSettingsCard{display:grid;gap:22px}.profileSummary{border:1px solid #e5e7eb;border-radius:16px;padding:18px;background:#f8fafc}.profileSummary h2,.profileSummary p,.personalPasswordForm h3{margin:0}.profileSummary p{margin-top:8px;color:#475569}.personalPasswordForm{max-width:560px;display:grid;gap:16px}.companySettingsForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.formSectionTitle,.fullWidthField,.fullWidthButton{grid-column:1 / -1}.formSectionTitle{margin-top:8px;border-bottom:1px solid #e5e7eb;padding-bottom:8px}.formSectionTitle h3{margin:0;font-size:18px}.field textarea{resize:vertical;min-height:120px;font-family:inherit}@media(max-width:820px){.companySettingsForm{grid-template-columns:1fr}}.permissionTree{display:grid;gap:14px}.permissionTreeGroup{border:1px solid #e5e7eb;border-radius:16px;background:#fff;overflow:hidden}.permissionTreeHeader{width:100%;border:0;background:#f8fafc;color:#0f172a;padding:16px 18px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;cursor:pointer;font-weight:900;text-align:left}.permissionTreeHeader:hover{background:#eff6ff}.permissionTreeArrow{font-size:18px;color:#2563eb}.permissionTreeTitle{font-size:17px}.permissionTreeCount{color:#64748b;font-size:13px;font-weight:800}.permissionTreeItems{display:grid}.permissionTreeItem{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:16px 18px;border-top:1px solid #e5e7eb}.permissionTreeInfo{display:grid;gap:5px}.permissionTreeInfo strong{color:#0f172a}.permissionTreeInfo span{color:#64748b;line-height:1.45}.permissionLevelToggle{display:inline-grid;grid-template-columns:repeat(3,1fr);border:1px solid #cbd5e1;border-radius:999px;overflow:hidden;background:#f8fafc;min-width:360px}.permissionToggleOption{border:0;background:transparent;color:#334155;padding:10px 14px;font-weight:800;cursor:pointer;white-space:nowrap}.permissionToggleOption:hover:not(:disabled){background:#eff6ff;color:#2563eb}.activePermissionToggleOption{background:#2563eb;color:#fff}.activePermissionToggleOption:hover:not(:disabled){background:#2563eb;color:#fff}.permissionToggleOption:disabled{cursor:not-allowed;opacity:.75}.permissionMobileLevel{display:none;color:#64748b;font-size:13px}@media(max-width:980px){.permissionTreeItem{grid-template-columns:1fr}.permissionLevelToggle{min-width:0;width:100%}.permissionMobileLevel{display:block}}@media(max-width:620px){.permissionLevelToggle{grid-template-columns:1fr;border-radius:14px}.permissionToggleOption{text-align:left}}.permissionTree{gap:10px}.permissionTreeGroup{border-radius:12px}.permissionTreeHeader{width:100%;border:0;background:#f8fafc;color:#0f172a;padding:10px 12px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;font-weight:900;text-align:left}.permissionTreeExpandButton{border:0;background:transparent;color:inherit;display:grid;grid-template-columns:auto auto 1fr;gap:8px;align-items:center;text-align:left;cursor:pointer;padding:0;font-weight:900}.permissionTreeExpandButton:hover .permissionTreeTitle{color:#2563eb}.permissionTreeTitle{font-size:15px}.permissionTreeCount{font-size:12px}.permissionTreeItem{padding:10px 12px;gap:12px}.permissionTreeInfo{gap:2px}.permissionLevelToggle,.permissionModuleToggle{min-width:285px}.permissionToggleOption{padding:7px 10px;font-size:12px}.permissionLevel-none.activePermissionToggleOption{background:#dc2626;color:#fff}.permissionLevel-read.activePermissionToggleOption{background:#64748b;color:#fff}.permissionLevel-write.activePermissionToggleOption{background:#16a34a;color:#fff}.permissionLevel-none:hover:not(:disabled){background:#fee2e2;color:#991b1b}.permissionLevel-read:hover:not(:disabled){background:#e2e8f0;color:#334155}.permissionLevel-write:hover:not(:disabled){background:#dcfce7;color:#166534}@media(max-width:1100px){.permissionTreeHeader{grid-template-columns:1fr}.permissionModuleToggle{width:100%;min-width:0}}.permissionTreeHeader{padding:8px 12px;grid-template-columns:minmax(0,1fr) auto}.permissionTitleWithToggle{display:inline-flex;align-items:center;gap:10px;min-width:0}.permissionTreeExpandButton{grid-template-columns:auto auto}.permissionIconToggle{display:inline-grid;grid-template-columns:repeat(3,28px);border:1px solid #cbd5e1;border-radius:999px;overflow:hidden;background:#f8fafc;width:max-content;flex:0 0 auto}.permissionIconOption{width:28px;height:24px;border:0;background:transparent;color:#334155;font-weight:900;font-size:13px;line-height:1;cursor:pointer}.permissionIconOption:disabled{cursor:not-allowed;opacity:.7}.permissionIconOption.permissionLevel-none:hover:not(:disabled){background:#fee2e2;color:#991b1b}.permissionIconOption.permissionLevel-read:hover:not(:disabled){background:#e2e8f0;color:#334155}.permissionIconOption.permissionLevel-write:hover:not(:disabled){background:#dcfce7;color:#166534}.permissionTreeItem{grid-template-columns:1fr;padding:9px 12px}.permissionTreeInfo strong{font-size:14px}.permissionTreeInfo span{font-size:12px}.permissionTreeCount{white-space:nowrap}@media(max-width:720px){.permissionTreeHeader{grid-template-columns:1fr}.permissionTreeCount{padding-left:24px}}.permissionIconToggle,.permissionIconToggle.permissionModuleToggle{min-width:0!important;width:max-content!important;max-width:max-content!important;grid-template-columns:repeat(3,28px)!important}.permissionModuleToggle{min-width:0!important;width:max-content!important}.permissionTitleWithToggle{width:max-content;max-width:100%}.permissionTreeHeader{grid-template-columns:minmax(0,1fr) auto}.permissionIconOption.permissionLevel-write.activePermissionIconOption{background:#16a34a;color:#fff}.permissionIconOption.permissionLevel-read.activePermissionIconOption{background:#64748b;color:#fff}.permissionIconOption.permissionLevel-none.activePermissionIconOption{background:#dc2626;color:#fff}.roleCheckboxGrid{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.roleCheckboxPill{display:inline-flex;align-items:center;gap:8px;border:1px solid #cbd5e1;background:#fff;border-radius:999px;padding:8px 12px;font-weight:800;color:#334155;cursor:pointer;-webkit-user-select:none;user-select:none}.roleCheckboxPill:hover{border-color:#2563eb;background:#eff6ff;color:#1d4ed8}.roleCheckboxPill input{width:16px;height:16px;accent-color:#2563eb}.fullWidthField{grid-column:1 / -1}.multiRoleDropdown{position:relative;margin-top:6px;max-width:520px}.multiRoleDropdown summary{list-style:none;border:1px solid #cbd5e1;border-radius:12px;background:#fff;color:#0f172a;padding:11px 13px;cursor:pointer;font-weight:800;min-height:44px}.multiRoleDropdown summary::-webkit-details-marker{display:none}.multiRoleDropdown summary:after{content:"▾";float:right;color:#2563eb;font-weight:900}.multiRoleDropdown[open] summary{border-color:#2563eb;background:#eff6ff}.multiRoleDropdownMenu{position:absolute;z-index:80;top:calc(100% + 6px);left:0;right:0;border:1px solid #cbd5e1;border-radius:14px;background:#fff;box-shadow:0 18px 45px #0f172a2e;padding:8px;display:grid;gap:4px}.multiRoleDropdownItem{display:flex;align-items:center;gap:9px;border-radius:10px;padding:10px 11px;cursor:pointer;font-weight:800;color:#334155}.multiRoleDropdownItem:hover{background:#eff6ff;color:#1d4ed8}.multiRoleDropdownItem input{width:16px;height:16px;accent-color:#2563eb}.addressForm{border:1px solid #dbeafe;border-radius:22px;background:#fff;padding:22px;box-shadow:0 18px 45px #0f172a14;display:grid;gap:18px}.formSectionTitle{display:grid;gap:4px}.formSectionTitle h3{margin:0;color:#0f172a}.formSectionTitle p{margin:0;color:#64748b;font-weight:700}.addressFormGrid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:14px}.addressForm textarea{width:100%;border:1px solid #cbd5e1;border-radius:12px;padding:11px 13px;font:inherit;resize:vertical}.addressesList{margin-top:22px;display:grid;gap:14px}.companyCard{border:1px solid #e2e8f0;border-radius:20px;background:#fff;padding:18px;box-shadow:0 14px 35px #0f172a14;display:grid;gap:14px}.companyCardHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.companyCardHeader h3{margin:3px 0 5px;color:#0f172a}.companyCardHeader p{margin:0;color:#475569;font-weight:700}.companyCardActions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.companyCardBody{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:14px}.companyCardBody strong{display:block;color:#0f172a;margin-bottom:5px}.companyCardBody p{margin:0;color:#475569;font-weight:700}.addressCountBadge,.infoPill{display:inline-flex;align-items:center;border-radius:999px;padding:7px 11px;background:#eff6ff;color:#1d4ed8;font-size:.82rem;font-weight:900}.pillRow{display:flex;flex-wrap:wrap;gap:8px}.dangerButton{border:1px solid #fecaca;background:#fff1f2;color:#be123c;border-radius:999px;padding:9px 13px;font-weight:900;cursor:pointer}.dangerButton:disabled{opacity:.55;cursor:not-allowed}@media(max-width:850px){.addressFormGrid,.companyCardBody{grid-template-columns:1fr}.companyCardHeader{flex-direction:column}.companyCardActions{justify-content:flex-start}}.addressHeaderActions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.addAddressButton{display:inline-flex;align-items:center;gap:8px}.addAddressIcon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;background:#ffffff3d;font-size:1.1rem;font-weight:1000;line-height:1}.addressTableWrap{width:100%;overflow-x:auto;border:1px solid #e2e8f0;border-radius:20px;background:#fff;box-shadow:0 14px 35px #0f172a14}.addressTable{width:100%;border-collapse:collapse;min-width:920px}.addressTable th{text-align:left;background:#f8fafc;color:#475569;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em;padding:14px 16px;border-bottom:1px solid #e2e8f0}.addressTable td{padding:15px 16px;border-bottom:1px solid #f1f5f9;color:#334155;font-weight:700;vertical-align:top}.addressTable tr:last-child td{border-bottom:0}.addressTable td strong{display:block;color:#0f172a;margin-bottom:4px}.addressTable td span{display:inline-flex}.tableMuted{display:block!important;color:#64748b;font-size:.86rem;margin-top:6px}.tablePill{border-radius:999px;background:#eff6ff;color:#1d4ed8;padding:6px 10px;font-size:.82rem;font-weight:900}@media(max-width:850px){.addressHeaderActions{justify-content:flex-start}}.addressFilterBar{border:1px solid #e2e8f0;border-radius:18px;background:#fff;padding:16px;display:grid;grid-template-columns:minmax(260px,1.5fr) minmax(170px,.7fr) minmax(170px,.7fr) auto;gap:12px;align-items:end;box-shadow:0 12px 30px #0f172a0f}.addressSearchField input{min-width:260px}.resetAddressFilterButton{min-height:44px;white-space:nowrap}.tableSortButton{appearance:none;border:0;background:transparent;color:inherit;font:inherit;font-weight:1000;text-transform:inherit;letter-spacing:inherit;cursor:pointer;padding:0;display:inline-flex;align-items:center;gap:6px}.tableSortButton:hover{color:#1d4ed8}.tableSortButton span{color:#2563eb;font-weight:1000}@media(max-width:1050px){.addressFilterBar{grid-template-columns:1fr 1fr}.resetAddressFilterButton{width:fit-content}}@media(max-width:700px){.addressFilterBar{grid-template-columns:1fr}.addressSearchField input{min-width:0}}.emptyTableCell{text-align:center;color:#64748b!important;font-weight:800!important;padding:34px 18px!important;background:#fff}:root{--tf-bg: #f3f2f1;--tf-surface: #ffffff;--tf-surface-soft: #faf9f8;--tf-border: #d0d7de;--tf-border-soft: #e5e7eb;--tf-text: #242424;--tf-muted: #616161;--tf-accent: #0f6cbd;--tf-accent-hover: #115ea3;--tf-accent-soft: #eff6fc;--tf-danger: #c50f1f;--tf-danger-hover: #a80000;--tf-radius: 6px;--tf-shadow: 0 1px 2px rgba(0, 0, 0, .08);--tf-font: "Segoe UI", Arial, Helvetica, sans-serif}body{font-family:var(--tf-font);background:var(--tf-bg);color:var(--tf-text);font-size:14px}h1{font-size:28px;font-weight:650;letter-spacing:-.02em}h2{font-size:22px;font-weight:650;letter-spacing:-.01em}h3{font-weight:650}.eyebrow{color:var(--tf-accent);font-size:12px;letter-spacing:.08em;font-weight:700}.appPage{background:var(--tf-bg);padding:12px}.appShell{border-radius:var(--tf-radius);border:1px solid var(--tf-border);box-shadow:var(--tf-shadow);background:var(--tf-surface)}.titleBar{background:var(--tf-surface);border-bottom:1px solid var(--tf-border);padding:12px 16px;gap:14px}.contentPanel{background:var(--tf-surface-soft);padding:18px}.logoPlaceholder{border-radius:var(--tf-radius);border-color:var(--tf-border);background:#fff;color:var(--tf-accent);min-height:40px}.logoButton:hover .logoPlaceholder{border-color:var(--tf-accent);color:var(--tf-accent);background:var(--tf-accent-soft)}.moduleTabs{justify-content:flex-start;gap:4px}.moduleTab,.settingsButton,.logoutButton,.mainNavButton,.subNavButton{border-radius:var(--tf-radius);border:1px solid transparent;background:transparent;color:var(--tf-text);padding:8px 12px;font-weight:600;transition:background .12s ease,border-color .12s ease,color .12s ease}.moduleTab:hover,.settingsButton:hover,.mainNavButton:hover,.subNavButton:hover{background:var(--tf-accent-soft);border-color:#c7e0f4;color:var(--tf-accent)}.activeModuleTab,.activeSettingsButton,.activeMainNavButton,.activeSubNavButton{border-color:var(--tf-accent);background:var(--tf-accent);color:#fff}.logoutButton{background:#fff;border-color:var(--tf-border);color:var(--tf-danger)}.logoutButton:hover{background:#fdf3f4;border-color:#f3b6bd}.card,.settingsContentCard,.welcomeBox,.addressForm,.createUserForm,.editUserForm,.roleForm,.permissionTree,.companyCard,.addressFilterBar{border-radius:var(--tf-radius);border:1px solid var(--tf-border);box-shadow:none;background:var(--tf-surface)}.welcomeBox{padding:20px}.sectionHeader{margin-top:20px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--tf-border-soft)}.sectionHeader p{color:var(--tf-muted)}.field{gap:6px;font-weight:600;color:var(--tf-text)}.field input,.field select,.field textarea{border-radius:var(--tf-radius);border:1px solid #8a8886;padding:9px 10px;background:#fff;color:var(--tf-text)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--tf-accent);box-shadow:0 0 0 1px var(--tf-accent)}.primaryButton,.secondaryButton,.secondarySmallButton,.dangerButton{border-radius:var(--tf-radius);padding:9px 13px;font-weight:600;box-shadow:none}.primaryButton{background:var(--tf-accent);color:#fff}.primaryButton:hover:not(:disabled){background:var(--tf-accent-hover)}.secondaryButton,.secondarySmallButton{border:1px solid var(--tf-border);background:#fff;color:var(--tf-text)}.secondaryButton:hover:not(:disabled),.secondarySmallButton:hover:not(:disabled){background:#f5f5f5;border-color:#a19f9d}.dangerButton{background:var(--tf-danger);color:#fff}.dangerButton:hover:not(:disabled){background:var(--tf-danger-hover)}.errorBox,.messageBox,.hintBox{border-radius:var(--tf-radius);font-weight:600;box-shadow:none}.messageBox,.hintBox{border-color:#c7e0f4;background:var(--tf-accent-soft);color:#08415c}.errorBox{border-color:#f3b6bd;background:#fdf3f4;color:var(--tf-danger)}.addressTableWrap{border-radius:var(--tf-radius);border:1px solid var(--tf-border);box-shadow:none}.addressTable{background:#fff;font-size:13px}.addressTable th{background:#f3f2f1;color:var(--tf-text);font-size:12px;font-weight:700;text-transform:none;letter-spacing:0;padding:10px 12px;border-bottom:1px solid var(--tf-border)}.addressTable td{padding:10px 12px;border-bottom:1px solid #edebe9;color:var(--tf-text);font-weight:500}.addressTable tr:hover td{background:#fafafa}.addressTable td strong{font-weight:650;color:var(--tf-text)}.addressTable td span,.tableMuted{color:var(--tf-muted)}.tablePill,.addressCountBadge,.articleStatusBadge{border-radius:999px;font-weight:600}.tablePill{background:var(--tf-accent-soft);color:var(--tf-accent)}.emptyTableCell{background:#fff;color:var(--tf-muted)!important;font-weight:600!important}.settingsDropdownMenu{border-radius:var(--tf-radius);border:1px solid var(--tf-border);box-shadow:0 8px 24px #0000001f}.settingsDropdownItem:hover{background:var(--tf-accent-soft);color:var(--tf-accent)}@media(max-width:760px){.appPage{padding:6px}.contentPanel{padding:12px}}.settingsLayout,.settingsShell,.settingsArea,.administrationLayout,.adminLayout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:16px;align-items:start}.settingsSidebar,.adminSidebar,.settingsNavigation{border:1px solid var(--tf-border);border-radius:var(--tf-radius);background:var(--tf-surface);padding:8px;box-shadow:none}.settingsSidebarTitle,.adminSidebarTitle{color:var(--tf-muted);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:8px 10px 10px;border-bottom:1px solid var(--tf-border-soft);margin-bottom:6px}.settingsSidebarButton,.adminSidebarButton,.settingsNavButton,.administrationTabButton{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:8px;border:1px solid transparent;border-radius:var(--tf-radius);background:transparent;color:var(--tf-text);padding:9px 10px;font-weight:600;cursor:pointer;text-align:left}.settingsSidebarButton:hover,.adminSidebarButton:hover,.settingsNavButton:hover,.administrationTabButton:hover{background:var(--tf-accent-soft);border-color:#c7e0f4;color:var(--tf-accent)}.activeSettingsSidebarButton,.activeAdminSidebarButton,.activeSettingsNavButton,.activeAdministrationTabButton{background:var(--tf-accent);border-color:var(--tf-accent);color:#fff}.settingsContentCard{border:1px solid var(--tf-border);border-radius:var(--tf-radius);background:var(--tf-surface);box-shadow:none;padding:18px}.settingsContentCard>h2,.settingsContentCard>h3{padding-bottom:10px;border-bottom:1px solid var(--tf-border-soft);margin-bottom:16px}.adminSectionHeader,.settingsSectionHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;border-bottom:1px solid var(--tf-border-soft);padding-bottom:12px;margin-bottom:16px}.createUserForm,.editUserForm,.roleForm,.editRoleForm{background:var(--tf-surface);border-color:var(--tf-border);border-radius:var(--tf-radius);padding:16px;box-shadow:none}.editUserForm,.editRoleForm{background:#f8fbff;border-color:#c7e0f4}.createUserForm h3,.editUserForm h3,.roleForm h3,.editRoleForm h3{grid-column:1 / -1;margin:0 0 4px;font-size:18px;font-weight:650}.userTable,.roleTable,.permissionTable{border-radius:var(--tf-radius);border:1px solid var(--tf-border);overflow:hidden;background:#fff}.userRow,.roleRow,.permissionRow{border-bottom:1px solid #edebe9}.userRow:hover,.roleRow:hover,.permissionRow:hover{background:#fafafa}.permissionTree{border:1px solid var(--tf-border);border-radius:var(--tf-radius);background:var(--tf-surface);box-shadow:none;overflow:hidden}.permissionModule{border-bottom:1px solid var(--tf-border-soft);background:#fff}.permissionModule:last-child{border-bottom:0}.permissionModuleHeader{background:#f3f2f1;border-bottom:1px solid var(--tf-border);padding:10px 12px}.permissionModuleHeader:hover{background:#edebe9}.permissionModuleTitle{font-weight:700;color:var(--tf-text)}.permissionModuleToggle,.permissionIconToggle{border-radius:var(--tf-radius);border:1px solid var(--tf-border);background:#fff;box-shadow:none}.permissionIconToggle:hover,.permissionModuleToggle:hover{border-color:var(--tf-accent);background:var(--tf-accent-soft)}.permissionIconToggle.activeWrite,.permissionModuleToggle.activeWrite{background:#107c10;border-color:#107c10;color:#fff}.permissionIconToggle.activeRead,.permissionModuleToggle.activeRead{background:var(--tf-accent);border-color:var(--tf-accent);color:#fff}.permissionIconToggle.activeNone,.permissionModuleToggle.activeNone{background:var(--tf-danger);border-color:var(--tf-danger);color:#fff}.rolePermissionList,.permissionList{background:#fff}.permissionItem,.rolePermissionItem{border-bottom:1px solid #edebe9;padding:10px 12px}.permissionItem:last-child,.rolePermissionItem:last-child{border-bottom:0}.multiRoleDropdown,.settingsDropdownMenu{border-radius:var(--tf-radius);border:1px solid var(--tf-border);box-shadow:0 8px 24px #0000001f;background:#fff}.multiRoleDropdownItem:hover,.settingsDropdownItem:hover{background:var(--tf-accent-soft);color:var(--tf-accent)}@media(max-width:950px){.settingsLayout,.settingsShell,.settingsArea,.administrationLayout,.adminLayout{grid-template-columns:1fr}.settingsSidebar,.adminSidebar,.settingsNavigation{display:flex;flex-wrap:wrap;gap:6px}.settingsSidebarButton,.adminSidebarButton,.settingsNavButton,.administrationTabButton{width:auto}}.administrationLayout{grid-template-columns:220px minmax(0,1fr);gap:14px;align-items:start}.administrationSidebar{border-radius:8px;border:1px solid #d0d7de;background:#fff;padding:8px;box-shadow:none;position:sticky;top:14px}.administrationSidebarButton{border-radius:6px;padding:10px 12px;min-height:38px;font-size:13px;font-weight:600;color:#242424;background:transparent;border:1px solid transparent;margin-bottom:3px}.administrationSidebarButton:hover{background:#eff6fc;border-color:#c7e0f4;color:#0f6cbd}.activeAdministrationSidebarButton,.activeAdministrationSidebarButton:hover{background:#0f6cbd;border-color:#0f6cbd;color:#fff}.administrationContent{border-radius:8px;border:1px solid #d0d7de;background:#fff;box-shadow:none;padding:22px;min-height:560px}.administrationContent>h2,.administrationContent>h3{font-size:20px;font-weight:650;margin-bottom:8px}.administrationContent>p{color:#616161;margin-top:0;margin-bottom:14px}.administrationContent .createUserForm,.administrationContent .editUserForm,.administrationContent .roleForm,.administrationContent .editRoleForm{border-radius:6px;border:1px solid #d0d7de;background:#fff;padding:16px;gap:14px 18px}.administrationContent .field{font-size:13px;font-weight:600}.administrationContent .field input,.administrationContent .field select,.administrationContent .field textarea{min-height:36px;border-radius:4px;padding:7px 9px;font-size:13px}.administrationContent .checkboxField,.administrationContent .checkboxRow{min-height:36px;font-size:13px}.administrationContent .primaryButton,.administrationContent .secondaryButton,.administrationContent .dangerButton,.administrationContent .secondarySmallButton{min-height:36px;border-radius:4px;padding:8px 12px;font-size:13px}.administrationContent .primaryButton{background:#0f6cbd}.administrationContent .primaryButton:hover:not(:disabled){background:#115ea3}.multiRoleDropdown{border-radius:4px;min-height:36px}.multiRoleDropdownMenu{border-radius:6px;border:1px solid #d0d7de}.permissionTree{border-radius:8px;border:1px solid #d0d7de;background:#fff}.permissionTreeHeader{background:#f3f2f1;border-bottom:1px solid #d0d7de}.permissionTreeItem{border-bottom:1px solid #edebe9}.permissionTreeItem:last-child{border-bottom:0}.settingsAreaGrid{gap:12px}.settingsAreaCard{border-radius:8px;border:1px solid #d0d7de;box-shadow:none;padding:16px}.settingsAreaCard:hover,.activeSettingsAreaCard{border-color:#0f6cbd;background:#eff6fc}.settingsAreaTitle{font-size:17px;font-weight:650}.settingsAreaText{color:#616161;font-size:13px}.settingsAreaMeta{color:#0f6cbd;font-size:12px;font-weight:700}@media(min-width:1350px){.administrationContent .createUserForm,.administrationContent .editUserForm,.administrationContent .roleForm,.administrationContent .editRoleForm{max-width:1180px}}@media(max-width:900px){.administrationLayout{grid-template-columns:1fr}.administrationSidebar{position:static;display:flex;flex-wrap:wrap;gap:6px}.administrationSidebarButton{width:auto;margin-bottom:0}}.field select{appearance:none;background-color:#fff;background-image:linear-gradient(45deg,transparent 50%,#616161 50%),linear-gradient(135deg,#616161 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:34px}.multiRoleDropdown{position:relative;width:100%;min-height:36px;border-radius:4px;border:1px solid #8a8886;background:#fff;color:#242424;box-shadow:none;font-size:13px;font-weight:600}.multiRoleDropdown:hover{border-color:#605e5c}.multiRoleDropdown:focus-within{border-color:#0f6cbd;box-shadow:0 0 0 1px #0f6cbd}.multiRoleDropdown button,.multiRoleDropdownTrigger{min-height:36px;width:100%;border:0;background:transparent;color:#242424;padding:7px 10px;font-size:13px;font-weight:600;text-align:left}.multiRoleDropdownMenu{position:absolute;top:calc(100% + 4px);left:0;z-index:9999;width:100%;min-width:100%;max-height:260px;overflow-y:auto;border-radius:6px;border:1px solid #d0d7de;background:#fff;box-shadow:0 8px 18px #00000024,0 2px 4px #00000014;padding:4px}.multiRoleDropdownItem{min-height:38px;border-radius:4px;padding:8px 10px;display:flex;align-items:center;gap:9px;color:#242424;font-size:13px;font-weight:600;cursor:pointer}.multiRoleDropdownItem:hover{background:#eff6fc;color:#0f6cbd}.multiRoleDropdownItem input[type=checkbox],.checkboxRow input[type=checkbox],.checkboxField input[type=checkbox]{width:16px;height:16px;accent-color:#0f6cbd;cursor:pointer}.multiRoleDropdownItem span{line-height:1.3}.settingsDropdown{border-radius:6px;border:1px solid #d0d7de;background:#fff;box-shadow:0 8px 18px #00000024,0 2px 4px #00000014;padding:4px}.settingsDropdownItem{min-height:36px;border-radius:4px;padding:8px 10px;font-size:13px;font-weight:600}.settingsDropdownItem:hover{background:#eff6fc;color:#0f6cbd}.administrationContent .multiRoleDropdown{max-width:100%}.administrationContent .multiRoleDropdownMenu{font-size:13px}.administrationContent .checkboxRow,.administrationContent .checkboxField{gap:8px;font-weight:600;color:#242424}@media(max-width:760px){.multiRoleDropdownMenu{max-height:220px}}.multiRoleDropdown{border:1px solid #8a8886!important;box-shadow:none!important;outline:none!important;overflow:visible}.multiRoleDropdown:hover{border-color:#605e5c!important}.multiRoleDropdown:focus,.multiRoleDropdown:focus-within{border-color:#0f6cbd!important;box-shadow:none!important;outline:none!important}.multiRoleDropdown button,.multiRoleDropdownTrigger,.multiRoleDropdown>button,.multiRoleDropdown>div:first-child{border:0!important;box-shadow:none!important;outline:none!important;background:transparent!important}.multiRoleDropdown button:focus,.multiRoleDropdown button:focus-visible,.multiRoleDropdownTrigger:focus,.multiRoleDropdownTrigger:focus-visible{border:0!important;box-shadow:none!important;outline:none!important}.multiRoleDropdownMenu{border:1px solid #d0d7de!important;box-shadow:0 8px 18px #00000024,0 2px 4px #00000014!important;outline:none!important}.multiRoleDropdownItem{outline:none!important;box-shadow:none!important;border:1px solid transparent!important}.multiRoleDropdownItem:hover{background:#eff6fc!important;border-color:transparent!important;color:#0f6cbd!important}.multiRoleDropdownItem:focus,.multiRoleDropdownItem:focus-visible,.multiRoleDropdownItem:active{outline:none!important;box-shadow:none!important;border-color:transparent!important}.multiRoleDropdownItem input[type=checkbox],.checkboxRow input[type=checkbox],.checkboxField input[type=checkbox]{appearance:none;width:15px!important;height:15px!important;border:1px solid #605e5c;border-radius:2px;background:#fff;margin:0;display:inline-grid;place-content:center;outline:none!important;box-shadow:none!important;cursor:pointer}.multiRoleDropdownItem input[type=checkbox]:before,.checkboxRow input[type=checkbox]:before,.checkboxField input[type=checkbox]:before{content:"";width:9px;height:9px;transform:scale(0);background:#fff;clip-path:polygon(14% 44%,0 62%,40% 100%,100% 18%,82% 0,37% 62%)}.multiRoleDropdownItem input[type=checkbox]:checked,.checkboxRow input[type=checkbox]:checked,.checkboxField input[type=checkbox]:checked{background:#0f6cbd;border-color:#0f6cbd}.multiRoleDropdownItem input[type=checkbox]:checked:before,.checkboxRow input[type=checkbox]:checked:before,.checkboxField input[type=checkbox]:checked:before{transform:scale(1)}.multiRoleDropdownItem input[type=checkbox]:focus,.multiRoleDropdownItem input[type=checkbox]:focus-visible,.checkboxRow input[type=checkbox]:focus,.checkboxRow input[type=checkbox]:focus-visible,.checkboxField input[type=checkbox]:focus,.checkboxField input[type=checkbox]:focus-visible{outline:none!important;box-shadow:none!important}.multiRoleDropdown{border:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;min-height:0!important;padding:0!important;margin-top:6px!important;width:100%!important;max-width:100%!important}.multiRoleDropdown summary{list-style:none!important;display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;min-height:36px!important;border:1px solid #8a8886!important;border-radius:4px!important;background:#fff!important;color:#242424!important;padding:7px 10px!important;font-size:13px!important;font-weight:600!important;cursor:pointer!important;box-shadow:none!important;outline:none!important}.multiRoleDropdown summary::-webkit-details-marker{display:none!important}.multiRoleDropdown summary:after{content:"▾"!important;float:none!important;margin-left:auto!important;color:#0f6cbd!important;font-size:11px!important;font-weight:700!important}.multiRoleDropdown summary:hover{border-color:#605e5c!important;background:#fff!important}.multiRoleDropdown summary:focus,.multiRoleDropdown summary:focus-visible{border-color:#0f6cbd!important;box-shadow:0 0 0 1px #0f6cbd!important;outline:none!important}.multiRoleDropdown[open] summary{border-color:#0f6cbd!important;background:#fff!important;box-shadow:0 0 0 1px #0f6cbd!important}.multiRoleDropdownMenu{top:calc(100% + 4px)!important;left:0!important;right:auto!important;width:100%!important;min-width:100%!important;border-radius:4px!important}.multiRoleDropdownItem{border-radius:3px!important}.multiRoleDropdownItem input[type=checkbox]:focus,.multiRoleDropdownItem input[type=checkbox]:focus-visible{outline:none!important;box-shadow:none!important}.articleForm .fullWidthField{grid-column:1 / -1}.articleCheckboxRow{align-self:end;min-height:36px}.modalOverlay.articleModalOverlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px;background:#0000006b}.articleModalCard{width:min(980px,100%);max-height:calc(100vh - 48px);overflow-y:auto;border-radius:10px;border:1px solid #d0d7de;background:#fff;box-shadow:0 24px 64px #00000047,0 8px 18px #00000029;padding:22px}.articleModalCard .formSectionTitle{margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.articleModalCard .formSectionTitle h3{margin:0;font-size:20px;font-weight:650;color:#242424}.articleModalCard .formSectionTitle p{margin:6px 0 0;color:#616161;font-size:13px}.articleModalCard .addressFormGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}.articleModalCard .fullWidthField{grid-column:1 / -1}.articleModalCard .formButtonRow{position:sticky;bottom:-22px;margin:18px -22px -22px;padding:14px 22px;border-top:1px solid #e5e7eb;background:#fff;display:flex;justify-content:flex-end;gap:10px}.articleModalCard textarea{resize:vertical}@media(max-width:760px){.modalOverlay.articleModalOverlay{align-items:stretch;padding:12px}.articleModalCard{max-height:calc(100vh - 24px);padding:16px}.articleModalCard .addressFormGrid{grid-template-columns:1fr}.articleModalCard .formButtonRow{margin:16px -16px -16px;padding:12px 16px}}.articleModalHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.articleModalHeader .formSectionTitle{margin:0;padding:0;border-bottom:0}.modalCloseButton{width:34px;height:34px;border-radius:4px;border:1px solid #d0d7de;background:#fff;color:#242424;font-size:22px;line-height:1;cursor:pointer}.modalCloseButton:hover:not(:disabled){background:#f3f2f1;border-color:#8a8886}.articleModalTabs{display:flex;gap:4px;margin-bottom:18px;border-bottom:1px solid #d0d7de}.articleModalTab{min-height:36px;border:0;border-bottom:2px solid transparent;background:transparent;color:#616161;padding:8px 14px;font-size:13px;font-weight:650;cursor:pointer}.articleModalTab:hover{background:#eff6fc;color:#0f6cbd}.activeArticleModalTab{color:#0f6cbd;border-bottom-color:#0f6cbd;background:#fff}.articleDataGrid{align-items:end}.articleBlockedCheckbox{min-height:36px;align-self:end;border:1px solid #d0d7de;border-radius:4px;padding:8px 10px;background:#fff}.articleTabPanel{min-height:360px}.articleTabPanel textarea{min-height:260px}.articleModalCard .field input:disabled{background:#f3f2f1;color:#8a8886;cursor:not-allowed}@media(max-width:760px){.articleModalHeader{align-items:stretch}.articleModalTabs{overflow-x:auto}.articleModalTab{white-space:nowrap}}.articlePropertiesCell{max-width:260px;white-space:normal;line-height:1.35;color:#424242;font-size:13px}.fieldHint{display:block;margin-top:5px;color:#616161;font-size:12px;font-weight:400;line-height:1.35}