@font-face { font-family: 'Barlow Condensed'; src: url('../fonts/BarlowCondensed-ExtraBold.ttf') format('truetype'); font-weight: 800; font-display: swap; }
:root, html[data-theme="light"], html[data-theme="dark"] {
  color-scheme: dark;
  --primary: #ff9100; --secondary: #102f3a; --accent: #ffad42;
  --primary-fg: #071c24; --body-fg: #eef4f6; --body-bg: #071c24;
  --body-quiet-color: #b1c4cb; --body-medium-color: #d3e1e5; --body-loud-color: #fff;
  --header-color: #fff; --header-branding-color: #ff9100; --header-bg: #082832; --header-link-color: #fff;
  --breadcrumbs-fg: #c6d5db; --breadcrumbs-link-fg: #fff; --breadcrumbs-bg: #102f3a;
  --link-fg: #ffad42; --link-hover-color: #ffc77c; --link-selected-fg: #ffad42;
  --hairline-color: #294551; --border-color: #385561; --darkened-bg: #0c2732;
  --selected-bg: #183c49; --selected-row: #183c49; --close-button-bg: #345561; --close-button-hover-bg: #476a76;
  --button-fg: #071c24; --button-bg: #ff9100; --button-hover-bg: #ffb24d;
  --default-button-bg: #ff9100; --default-button-hover-bg: #ffb24d;
  --object-tools-fg: #fff; --object-tools-bg: #254b5b; --object-tools-hover-bg: #376273;
  --message-success-bg: #113e32; --message-warning-bg: #49360e; --message-error-bg: #512c2c;
  --error-fg: #ffb1a8; --delete-button-bg: #963d36; --delete-button-hover-bg: #b9554d;
}
body { font-family: Arial, sans-serif; font-size: 15px; line-height: 1.55; }
#header { padding: 18px 32px; border-bottom: 3px solid #ff9100; gap: 20px; }
.admin-brand { display: flex; align-items: center; gap: 20px; text-decoration: none; }
.admin-brand img { width: 142px; height: auto; }
.admin-brand span { color: #c6d5db; font-size: 11px; text-transform: uppercase; letter-spacing: .16em; border-left: 1px solid #385561; padding-left: 20px; }
h1, .dashboard-title { font: 800 clamp(32px,4vw,54px)/1 'Barlow Condensed', Arial, sans-serif; text-transform: uppercase; letter-spacing: .01em; color: #fff; }
h2 { font-size: 19px; } h3 { color: #eef4f6; }
.module, #changelist, .inline-group { border: 1px solid #294551; border-radius: 8px; overflow: hidden; background: #0c2732; }
.module h2, .module caption, .inline-group h2 { padding: 12px 16px; color: #fff; background: #123541; font-weight: 700; }
.module caption a { color: #fff !important; }
input, textarea, select { border-radius: 5px; padding: 10px; font: inherit; max-width: 100%; box-sizing: border-box; }
input[type="checkbox"] { accent-color: #ff9100; }
.button, input[type="submit"], input[type="button"], .submit-row input, button.default { border-radius: 5px; font-weight: 700; padding: 11px 18px; cursor: pointer; border: 0; }
.submit-row { border-radius: 8px; background: #102f3a; }
button.default { background: #ff9100; color: #071c24; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible { outline: 3px solid #ffad42; outline-offset: 3px; }
#nav-sidebar .current-app .section:link, #nav-sidebar .current-app .section:visited { color: #fff; }
#nav-sidebar { background: #082832; } #nav-sidebar th, #nav-sidebar td { background: transparent; }
.management-navigation { width: 100%; } .management-navigation th { padding: 0; border: 0; } .management-navigation a { display: block; padding: 13px 18px; color: #d3e1e5; border-left: 3px solid transparent; } .management-navigation a:hover, .management-navigation a:focus-visible { color: #fff; background: #123541; border-left-color: #ff9100; }
.theme-toggle { display: none; } /* Iconfit has a single accessible brand theme. */
.dashboard #content { width: auto; }
.dashboard #content-main { width: 100%; }
.dashboard #content-related { display: none; }
.management-intro { color: #b1c4cb; max-width: 60ch; margin-bottom: 24px; }
.management-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; margin: 0 0 30px; }
.management-card { display: flex; flex-direction: column; background: linear-gradient(135deg,#143b49,#0c2732); border: 1px solid #31505c; border-top: 3px solid #ff9100; border-radius: 8px; padding: 24px; text-decoration: none; min-width: 0; }
.management-card strong { color: #fff; font: 800 30px 'Barlow Condensed',sans-serif; text-transform: uppercase; }
.management-card span { color: #b1c4cb; margin-top: 8px; } .management-card:hover { background: #184150; }
.management-tools summary { cursor: pointer; color: #ffad42; font-weight: 700; margin: 16px 0; }
.management-tools #content-main { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.management-tools .module { margin: 0; } .management-tools table { width: 100%; }
.owner-actions { display: flex; gap: 12px; flex-wrap: wrap; margin: 0 0 24px; }
.owner-actions a { background: #ff9100; color: #071c24; border-radius: 5px; padding: 10px 18px; font-weight: 700; }
.owner-attendees { list-style: none; padding: 0; } .owner-attendees li { padding: 12px 0; border-bottom: 1px solid #294551; }
.operation-panel { border: 1px solid #294551; border-radius: 8px; }
@media (max-width: 900px) { .management-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } #header { padding: 16px; } }
@media (max-width: 600px) { .management-grid, .management-tools #content-main { grid-template-columns: 1fr; } .admin-brand span { display: none; } #content { padding: 20px 16px; } .management-card { padding: 20px; } .owner-actions a { flex-grow: 1; text-align: center; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; } }