:root {
    --bg: #0d111b;
    --surface: #151b27;
    --surface-soft: #1b2230;
    --border: #2a3445;
    --text: #f4f7fb;
    --muted: #8f9bad;
    --accent: #f5b90b;
    --accent-hover: #ffd047;
    --green: #30c477;
    --red: #ef6472;
    --shadow: 0 20px 50px rgba(0, 0, 0, .22);
}

* { box-sizing: border-box; }
html { min-height: 100%; background: var(--bg); }
body {
    min-height: 100vh;
    margin: 0;
    color: var(--text);
    background:
        radial-gradient(circle at 80% -20%, rgba(245, 185, 11, .11), transparent 35%),
        linear-gradient(180deg, #111724 0%, var(--bg) 55%);
    font: 14px/1.5 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
a { color: inherit; text-decoration: none; }
button, input, select { font: inherit; }

.topbar {
    height: 72px;
    padding: 0 max(24px, calc((100vw - 1440px) / 2));
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255,255,255,.07);
    background: rgba(12, 16, 25, .76);
    backdrop-filter: blur(16px);
    position: sticky;
    top: 0;
    z-index: 10;
}
.brand { display: flex; align-items: center; gap: 12px; }
.brand-mark {
    width: 38px; height: 38px; display: grid; place-items: center;
    border-radius: 10px; color: #111; background: var(--accent); font-weight: 900;
}
.brand strong, .brand small { display: block; }
.brand small { color: var(--muted); font-size: 11px; }
.topbar-status { color: var(--muted); font-size: 12px; }
.topbar-status span { display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 10px var(--green); }

.page-shell { width: min(1440px, calc(100% - 48px)); margin: 0 auto; padding: 52px 0 80px; }
.hero { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-bottom: 30px; }
.hero h1 { margin: 5px 0 5px; font-size: clamp(32px, 4vw, 52px); line-height: 1.05; letter-spacing: -.04em; }
.hero p { margin: 0; color: var(--muted); font-size: 16px; }
.hero-count { text-align: right; color: var(--muted); }
.hero-count strong { display: block; color: var(--text); font-size: 30px; line-height: 1; }
.hero-count span { font-size: 12px; }
.eyebrow { color: var(--accent); font-size: 11px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }

.panel { border: 1px solid var(--border); border-radius: 16px; background: rgba(21, 27, 39, .92); box-shadow: var(--shadow); }
.filter-panel { padding: 26px; margin-bottom: 22px; }
.section-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 22px; }
.section-heading h2 { margin: 2px 0 0; font-size: 19px; }
.text-button { padding: 0; border: 0; color: var(--muted); background: none; cursor: pointer; }
.text-button:hover { color: var(--text); }

.filter-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr auto; gap: 14px; align-items: end; }
.field { min-width: 0; }
.field span { display: block; margin: 0 0 7px; color: #b7c0cf; font-size: 12px; }
.field input, .field select {
    width: 100%; height: 44px; padding: 0 13px;
    border: 1px solid var(--border); border-radius: 8px;
    outline: 0; color: var(--text); background: #101621;
    transition: border-color .2s, box-shadow .2s;
}
.field input:focus, .field select:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(245,185,11,.12); }
.field input::placeholder { color: #667287; }
.button { min-height: 42px; padding: 0 18px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid transparent; border-radius: 8px; font-weight: 750; cursor: pointer; }
.button-primary { color: #171300; background: var(--accent); }
.button-primary:hover { background: var(--accent-hover); }
.button-secondary { border-color: var(--border); color: var(--text); background: var(--surface-soft); }
.button-danger { border-color: rgba(241,91,108,.38); color: #ff9aa6; background: rgba(241,91,108,.09); }
.button-danger:hover { border-color: rgba(241,91,108,.62); background: rgba(241,91,108,.15); }
.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-panel{width:min(440px,100%);padding:34px}.login-panel>img{display:block;max-width:210px;max-height:78px;margin:0 auto 28px}.login-panel h1{margin:6px 0 8px}.login-panel>p{margin:0 0 24px;color:var(--muted)}.login-panel form{display:grid;gap:16px}.login-panel .button{margin-top:4px}.login-panel .flash{margin:0 0 20px}.logout-form{display:inline-flex;margin-left:10px}.logout-form button{border:1px solid var(--border);border-radius:6px;padding:5px 9px;color:var(--text);background:var(--surface-soft);cursor:pointer}.logout-form button:hover{border-color:var(--accent);color:var(--accent)}
.filter-submit { height: 44px; }

.table-panel { overflow: hidden; }
.table-panel .section-heading { padding: 24px 26px 0; }
.table-hint { color: var(--muted); font-size: 12px; }
.table-scroll { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; }
th { padding: 13px 16px; color: #7e899b; background: #111722; font-size: 10px; letter-spacing: .09em; text-align: left; text-transform: uppercase; white-space: nowrap; }
td { padding: 17px 16px; border-top: 1px solid rgba(42,52,69,.72); color: #b9c3d2; vertical-align: middle; }
td:nth-child(1), td:nth-child(3), td:nth-child(5), td:nth-child(6), td:last-child { white-space: nowrap; }
td strong, td small { display: block; }
td strong { color: var(--text); font-weight: 650; }
td small { margin-top: 3px; color: var(--muted); }
.selectable-row { cursor: pointer; outline: 0; transition: background .18s; }
.selectable-row:hover, .selectable-row:focus { background: rgba(255,255,255,.035); }
.code { color: var(--accent); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-weight: 700; }
.status { display: inline-flex; align-items: center; gap: 6px; padding: 4px 9px; border-radius: 999px; font-size: 11px; font-weight: 700; }
.status::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.status-active { color: var(--green); background: rgba(48,196,119,.1); }
.status-inactive { color: var(--red); background: rgba(239,100,114,.1); }
.row-action { width: 32px; height: 32px; display: grid; place-items: center; border: 1px solid var(--border); border-radius: 8px; color: var(--accent); font-size: 18px; }
.empty-table { padding: 65px 20px; display: grid; gap: 4px; place-items: center; border-top: 1px solid var(--border); color: var(--muted); }
.empty-table strong { color: var(--text); }

.breadcrumb { display: flex; gap: 9px; margin-bottom: 28px; color: var(--muted); font-size: 12px; }
.breadcrumb a:hover { color: var(--accent); }
.breadcrumb strong { max-width: 420px; overflow: hidden; color: #c6cfdb; text-overflow: ellipsis; white-space: nowrap; }
.hero-detail { align-items: center; }
.hero-detail-actions { display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;justify-content:flex-end; }
.timezone-picker { min-width:min(390px,100%);padding:10px 12px;border:1px solid var(--border);border-radius:11px;background:var(--surface); }
.timezone-picker>label { display:block;margin-bottom:6px;color:var(--muted);font-size:9px;font-weight:750;letter-spacing:.08em;text-transform:uppercase; }
.timezone-picker>div { display:flex;gap:7px; }
.timezone-picker input[type="text"] { width:280px;min-width:0;height:36px;padding:0 10px;border:1px solid var(--border);border-radius:7px;outline:0;color:var(--text);background:#0d141f;font-size:11px; }
.timezone-picker input[type="text"]:focus { border-color:var(--accent);box-shadow:0 0 0 3px rgba(245,185,11,.1); }
.timezone-picker button { height:36px;padding:0 12px;border:1px solid var(--accent);border-radius:7px;color:#151005;background:var(--accent);cursor:pointer;font-size:10px;font-weight:850; }
.timezone-picker small { display:block;margin-top:5px;color:#718096;font-size:8px; }
.stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; margin-bottom: 22px; }
.championship-settings-panel{margin-bottom:22px}.championship-settings-panel>summary{width:max-content;margin-left:auto;padding:10px 14px;display:flex;align-items:center;gap:7px;border:1px solid var(--border);border-radius:8px;color:#cbd5e3;background:var(--surface);cursor:pointer;font-size:10px;font-weight:800;list-style:none}.championship-settings-panel>summary::-webkit-details-marker{display:none}.championship-settings-panel>summary:hover,.championship-settings-panel[open]>summary{border-color:var(--accent);color:var(--accent)}.championship-settings-panel[open]>summary{margin-bottom:10px}.championship-settings{margin:0;padding:14px 16px;display:grid;grid-template-columns:minmax(180px,1.2fr) repeat(6,minmax(105px,1fr)) auto;gap:10px;align-items:end}.championship-settings>div>strong{display:block;margin-top:4px;font-size:12px}.championship-settings label>span{display:block;margin-bottom:5px;color:var(--muted);font-size:8px;font-weight:750;text-transform:uppercase;letter-spacing:.06em}.championship-settings input,.championship-settings select{width:100%;height:36px;padding:0 9px;border:1px solid var(--border);border-radius:7px;color:var(--text);background:#0d141f;font-size:10px}.championship-settings button{height:36px;padding:0 13px;border:1px solid var(--accent);border-radius:7px;color:#171105;background:var(--accent);font-size:10px;font-weight:850;cursor:pointer;white-space:nowrap}
.stat-card { padding: 22px; border: 1px solid var(--border); border-radius: 13px; background: var(--surface); }
.stat-card span, .stat-card strong { display: block; }
.stat-card span { margin-bottom: 8px; color: var(--muted); font-size: 11px; text-transform: uppercase; }
.stat-card strong { font-size: 22px; }
.next-step { padding: 30px; }
.next-step h2 { margin: 5px 0; }
.next-step p { margin: 0; color: var(--muted); }
.next-step code { color: var(--accent); }
.championship-menu {
    margin: 28px 0 22px; padding: 0 8px; display: flex; align-items: center; gap: 5px;
    border-bottom: 1px solid var(--border); overflow-x: auto;
}
.championship-menu a, .championship-menu span, .menu-more {
    min-width: max-content; padding: 14px 18px; border: 0; border-bottom: 2px solid transparent;
    color: var(--muted); background: none; font-size: 12px;
}
.championship-menu a:hover, .championship-menu a.active { color: var(--text); border-bottom-color: var(--accent); }
.championship-menu span { opacity: .55; }
.menu-more { margin-left: auto; cursor: pointer; }
.fight-time-panel,.area-start-panel { padding: 28px; }
.fight-time-panel .section-heading,.area-start-panel .section-heading { margin-bottom: 24px; }
.fight-time-panel .section-heading p,.area-start-panel .section-heading p { max-width: 700px; margin: 6px 0 0; color: var(--muted); font-size: 12px; }
.config-count { padding: 7px 11px; display: inline-flex; align-items: center; gap: 7px; border: 1px solid var(--border); border-radius: 999px; color: #bac4d2; background: #101621; font-size: 11px; }
.config-count i { width: 7px; height: 7px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 8px rgba(245,185,11,.45); }
.time-overview-grid { margin-bottom: 22px; display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }
.time-overview-grid article { padding: 17px 18px; border: 1px solid var(--border); border-radius: 11px; background: linear-gradient(145deg,#111824,#151c29); }
.time-overview-grid span,.time-overview-grid strong,.time-overview-grid small { display: block; }
.time-overview-grid span { color: var(--muted); font-size: 10px; letter-spacing: .07em; text-transform: uppercase; }
.time-overview-grid strong { margin: 4px 0 1px; color: var(--text); font-size: 24px; line-height: 1.1; }
.time-overview-grid small { color: #718096; font-size: 10px; }
.time-overview-grid .overview-success { border-color: rgba(48,196,119,.25); }.time-overview-grid .overview-success strong { color: #72dda4; }
.time-overview-grid .overview-warning { border-color: rgba(245,185,11,.32); background: linear-gradient(145deg,rgba(245,185,11,.09),#151c29); }.time-overview-grid .overview-warning strong { color: var(--accent); }
.time-table-toolbar { margin-bottom: 12px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.time-table-toolbar label { width: min(420px,100%); height: 42px; padding: 0 13px; display: flex; align-items: center; gap: 9px; border: 1px solid var(--border); border-radius: 9px; color: var(--muted); background: #101621; }
.time-table-toolbar label:focus-within { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(245,185,11,.1); }
.time-table-toolbar input { width: 100%; border: 0; outline: 0; color: var(--text); background: transparent; }
.time-table-toolbar > div { color: var(--muted); font-size: 11px; }.time-table-toolbar > div span { color: var(--text); font-weight: 750; }
.time-rules-head,.time-rule-row { display: grid; grid-template-columns: minmax(145px,1fr) minmax(190px,1.35fr) 145px 145px 105px; gap: 15px; align-items: center; }
.time-rules-head { min-height: 43px; padding: 0 17px; position: sticky; top: 0; z-index: 2; border-bottom: 1px solid var(--border); color: #7f8a9d; background: #111722; font-size: 9px; font-weight: 750; letter-spacing: .09em; text-transform: uppercase; }
.time-rules-list { max-height: 620px; overflow: auto; border: 1px solid var(--border); border-radius: 12px; background: rgba(9,14,23,.45); scrollbar-color: #3b4658 transparent; }
.time-rule-row { min-height: 66px; padding: 10px 17px; position: relative; border-bottom: 1px solid rgba(42,52,69,.58); transition: background .18s,border-color .18s; }
.time-rule-row::before { content: ''; width: 2px; position: absolute; inset: 10px auto 10px 0; border-radius: 3px; background: transparent; }
.time-rule-row.is-pending::before { background: var(--accent); }.time-rule-row.is-configured::before { background: rgba(48,196,119,.65); }
.time-rule-row:hover { background: rgba(255,255,255,.026); }.time-rule-row:last-child { border-bottom: 0; }
.time-rule-row.is-hidden { display: none; }
.time-belt { display: flex; align-items: center; gap: 9px; font-size: 11px; text-transform: uppercase; }
.time-belt i { width: 9px; height: 9px; flex: 0 0 auto; border: 2px solid var(--accent); border-radius: 50%; background: rgba(245,185,11,.12); }
.time-category { color: #b9c3d2; font-size: 11px; text-transform: uppercase; }
.time-rule-row label { position: relative; }
.time-rule-row input { width: 100%; height: 42px; padding: 0 43px 0 13px; border: 1px solid #313d50; border-radius: 8px; outline: 0; color: var(--text); background: #0d131e; font-weight: 700; transition: border-color .18s,box-shadow .18s; }
.time-rule-row input:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(245,185,11,.1); }
.time-rule-row small { position: absolute; right: 12px; top: 12px; color: #6f7b8e; font-size: 10px; }
.time-rule-status { width: max-content; padding: 5px 8px; border-radius: 999px; font-size: 9px; font-weight: 750; white-space: nowrap; }
.is-configured .time-rule-status { color: #72dda4; background: rgba(48,196,119,.1); }.is-pending .time-rule-status { color: #ffd068; background: rgba(245,185,11,.1); }
.config-save-bar { margin-top: 16px; padding: 15px 16px; display: flex; align-items: center; justify-content: space-between; gap: 20px; border: 1px solid var(--border); border-radius: 10px; color: var(--muted); background: #101621; font-size: 11px; }
.config-save-bar strong,.config-save-bar span { display: block; }.config-save-bar strong { color: #cbd3df; }.config-save-bar span { margin-top: 2px; }
.warning-icon { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid rgba(245,185,11,.4); border-radius: 50%; color: var(--accent); background: rgba(245,185,11,.1); font-weight: 900; }
.area-start-grid { margin-bottom: 20px; display: grid; grid-template-columns: repeat(auto-fit,minmax(150px,1fr)); gap: 12px; }
.area-time-field { padding: 14px; border: 1px solid var(--border); border-radius: 10px; background: #101621; }
.area-time-field > span { margin-bottom: 9px; color: var(--accent); font-weight: 750; }
.area-time-field input { background: #0c121c; font-weight: 750; }
.area-toolbar { margin-bottom: 16px; padding: 20px 24px; display: flex; align-items: end; justify-content: space-between; gap: 20px; }
.area-toolbar h2 { margin: 3px 0 0; }
.area-toolbar p { margin: 4px 0 0; color: var(--muted); font-size: 11px; }
.area-day-form { width: min(260px,100%); }
.area-toolbar-actions { display: flex; align-items: end; gap: 10px; }
.area-toolbar-actions .button { white-space: nowrap; }
.area-details-toggle { gap: 7px; }.area-details-toggle span { color: var(--accent); font-size: 14px; }.area-details-toggle b { font: inherit; }
.area-balance-chart { height: 100px; margin-bottom: 14px; padding: 9px 14px 7px; overflow: hidden; position: sticky; top: 84px; z-index: 8; background: rgba(21,27,39,.97); backdrop-filter: blur(14px); box-shadow: 0 12px 30px rgba(0,0,0,.32); }
.area-bars { height: 100%; display: flex; align-items: stretch; justify-content: center; gap: clamp(6px,1.2vw,18px); }
.area-bar-item { min-width: 25px; height: 100%; display: grid; grid-template-rows: 1fr 16px; gap: 3px; align-items: end; text-align: center; cursor: help; }
.area-bar-item > div { width: 18px; height: 100%; margin: 0 auto; display: flex; align-items: flex-end; overflow: hidden; border-radius: 5px 5px 2px 2px; background: #0c111b; }
.area-bar-item i { width: 100%; display: block; border-radius: inherit; background: linear-gradient(180deg,#ffdc6b,var(--accent)); transition: height .25s; }
.area-bar-item > span { color: #9ca8b9; font-size: 9px; font-weight: 750; line-height: 16px; }
.area-available-filter { margin-bottom: 14px; padding: 16px 18px 18px; }
.area-filter-heading { margin-bottom: 12px; display: flex; align-items: end; justify-content: space-between; gap: 16px; }
.area-filter-heading h3 { margin: 2px 0 0; font-size: 15px; }
.area-filter-heading-actions { display: flex; align-items: center; gap: 14px; }
.area-filter-auto { display: inline-flex; align-items: center; gap: 6px; color: var(--muted); font-size: 9px; font-weight: 650; }
.area-filter-auto i { width: 6px; height: 6px; border-radius: 50%; background: #38cf81; box-shadow: 0 0 8px rgba(56,207,129,.65); }
.area-filter-grid { display: grid; grid-template-columns: repeat(4,minmax(130px,1fr)); gap: 12px; }
.area-filter-grid .field > span { margin-bottom: 6px; }
.area-filter-grid select { height: 38px; }
.area-filter-grid select[multiple] { height: 112px; padding: 6px; }
.area-distribution-actions { margin-top: 14px; padding-top: 14px; display: flex; align-items: center; justify-content: flex-end; gap: 10px; border-top: 1px solid var(--border); }
.area-distribution-actions > div { margin-right: auto; }
.area-distribution-actions form { display: contents; }
.area-distribution-actions strong,.area-distribution-actions span { display: block; }
.area-distribution-actions strong { color: #dce2eb; font-size: 11px; }
.area-distribution-actions span { margin-top: 2px; color: var(--muted); font-size: 9px; }
.area-filter-empty { padding: 24px 12px; color: var(--muted); text-align: center; font-size: 10px; line-height: 1.5; }
.area-planner { display: grid; grid-template-columns: 320px minmax(0,1fr); gap: 16px; align-items: start; }
.area-planner.area-details-hidden .area-items,.area-planner.area-details-hidden .area-warning { display: none; }
.available-brackets,.planned-area { overflow: hidden; }
.available-brackets > header,.planned-area > header { min-height: 74px; padding: 15px 17px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid var(--border); }
.available-brackets h3,.planned-area h3 { margin: 2px 0 0; font-size: 15px; }
.available-brackets > header > strong { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 8px; color: var(--accent); background: rgba(245,185,11,.1); }
.planned-area-meta { display: flex; align-items: center; gap: 9px; }
.planned-area-meta > span { color: var(--muted); font-size: 10px; white-space: nowrap; }
.planned-area-meta label { cursor: pointer; }
.planned-area-meta input { position: absolute; opacity: 0; pointer-events: none; }
.planned-area-meta i { width: 18px; height: 18px; display: grid; place-items: center; border: 1px solid #3b4658; border-radius: 5px; background: #0b111b; }
.planned-area-meta input:checked + i { border-color: var(--accent); color: #111722; background: var(--accent); }
.planned-area-meta input:checked + i::after { content: '✓'; font-size: 11px; font-style: normal; font-weight: 900; }
.areas-scroll { padding-bottom: 8px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; align-items: start; }
.planned-area { min-height: 390px; }
.area-items { min-height: 310px; padding: 10px; display: grid; align-content: start; gap: 8px; }
.area-category-card { min-height: 62px; padding: 10px; display: grid; grid-template-columns: 18px 1fr auto; gap: 9px; align-items: center; border: 1px solid var(--border); border-radius: 9px; background: #101621; cursor: grab; }
.area-category-card[hidden] { display: none; }
.area-category-card:active { cursor: grabbing; }.area-category-card.dragging { opacity: .35; }
.area-category-card.drop-before { border-top: 2px solid var(--accent); }
.area-category-card strong,.area-category-card small { display: block; }.area-category-card strong { font-size: 10px; line-height: 1.35; }.area-category-card small { margin-top: 3px; color: var(--muted); font-size: 9px; }
.drag-handle { color: #647188; letter-spacing: -3px; }.area-dropzone.drag-over { outline: 2px solid rgba(245,185,11,.55); outline-offset: -3px; }
.area-card-actions { display: flex; align-items: center; gap: 6px; }
.area-quick-edit { width: 29px; height: 29px; padding: 0; display: grid; place-items: center; border: 1px solid #39465a; border-radius: 7px; color: #b9c4d4; background: #182131; cursor: pointer; font-size: 15px; line-height: 1; }
.area-quick-edit:hover { border-color: var(--accent); color: var(--accent); background: rgba(245,185,11,.08); }
.area-warning { padding: 7px 12px; color: #ffd56a; background: rgba(245,185,11,.08); font-size: 10px; }
.time-alert,.time-missing-alert { display: inline-flex; align-items: center; justify-content: center; color: #ffbc58; font-weight: 850; }
.time-alert { width: 20px; height: 20px; border: 1px solid rgba(255,188,88,.4); border-radius: 50%; background: rgba(255,188,88,.08); }
.time-missing-alert { gap: 5px; padding: 5px 8px; border: 1px solid rgba(255,188,88,.35); border-radius: 7px; background: rgba(255,188,88,.08); font-size: 10px; white-space: nowrap; }
.fights-filter-panel { margin-bottom: 18px; padding: 24px; }
.fights-filter-panel .section-heading { margin-bottom: 18px; }
.fights-filter-panel .section-heading p { max-width: 760px; margin: 5px 0 0; color: var(--muted); font-size: 11px; }
.fights-filter-grid { display: grid; grid-template-columns: repeat(4,minmax(135px,1fr)); gap: 12px; align-items: end; }
.fight-participant-search { grid-column: span 3; }
.fight-area-switches { grid-column: 1/-1; padding-top: 12px; border-top: 1px solid var(--border); }
.fight-area-switches > span { display: block; margin-bottom: 8px; color: var(--muted); font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }
.fight-area-switches > div { display: flex; flex-wrap: wrap; gap: 8px; }
.fight-area-switches label { display: inline-flex; align-items: center; gap: 7px; padding: 7px 10px; border: 1px solid var(--border); border-radius: 8px; color: var(--muted); background: #0e1520; cursor: pointer; font-size: 10px; font-weight: 700; }
.fight-area-switches input { position: absolute; opacity: 0; }
.fight-area-switches i { width: 14px; height: 14px; display: grid; place-items: center; border: 1px solid #3b4658; border-radius: 4px; }
.fight-area-switches input:checked + i { border-color: var(--accent); color: #111722; background: var(--accent); }
.fight-area-switches input:checked + i::after { content: '✓'; font-size: 9px; font-style: normal; font-weight: 900; }
.fight-adjust-form { margin-top: 16px; padding-top: 16px; display: flex; align-items: center; justify-content: space-between; gap: 16px; border-top: 1px solid var(--border); }
.fight-adjust-form > div { display: grid; gap: 3px; }.fight-adjust-form strong { color: var(--text); font-size: 11px; }.fight-adjust-form span { color: var(--muted); font-size: 9px; }
.fight-adjust-form .button { flex: 0 0 auto; }
.fight-robots { margin-top:16px;padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--border); }.fight-robots > div:first-child { display:grid;gap:3px; }.fight-robots strong { font-size:11px; }.fight-robots span { color:var(--muted);font-size:9px; }.fight-robots > div:last-child { display:flex;gap:8px;flex-wrap:wrap; }.fight-robots form { margin:0; }.robot-button { min-height:34px;padding:0 13px;color:#dfe8f5;background:#182231;border-color:#344157;font-size:10px; }.robot-button:hover { color:#111;background:var(--accent);border-color:var(--accent); }
.fights-page-shell { width: calc(100% - 24px); max-width: none; }
.fights-board { display: grid; gap: 8px; align-items: start; }
#fightMoveForm { display: none; }
.fight-area-column { min-width: 0; overflow: hidden; border: 1px solid var(--border); border-radius: 12px; background: rgba(15,21,32,.72); }
.fight-area-column > header { min-height: 66px; padding: 13px 15px; display: flex; align-items: center; justify-content: space-between; gap: 10px; border-bottom: 1px solid var(--border); background: #121925; }
.fight-area-column > header h3 { margin: 2px 0 0; font-size: 14px; }.fight-area-column > header > span { color: var(--muted); font-size: 9px; white-space: nowrap; }
.fight-cards { padding: 8px; display: grid; gap: 7px; }
.fight-card { position: relative; padding: 10px 11px; border: 1px solid #313b4c; border-radius: 9px; background: #171f2c; cursor: grab; transition: opacity .18s,border-color .18s,background .18s,transform .18s; }
.fight-card:active { cursor: grabbing; }.fight-card.dragging { opacity: .35; transform: scale(.985); }
.fight-card.drop-before::before { content: ''; position: absolute; z-index: 3; top: -6px; right: 0; left: 0; height: 3px; border-radius: 3px; background: var(--accent); box-shadow: 0 0 10px rgba(245,185,11,.45); }
.fight-card.just-moved { animation: fight-moved-pulse 2.1s ease; }
@keyframes fight-moved-pulse { 0%,100% { box-shadow: none; } 18%,65% { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(245,185,11,.2),0 0 24px rgba(245,185,11,.2); } }
.fight-cards.drag-over { outline: 1px dashed rgba(245,185,11,.55); outline-offset: -4px; background: rgba(245,185,11,.025); }
.fight-card.has-consecutive-athlete { border: 2px dashed #ff6879; }
.fight-card-top { display: flex; align-items: baseline; flex-wrap: wrap; gap: 5px; }.fight-card-top time { color: #fff; font-size: 14px; font-weight: 850; }.fight-card-top strong { color: var(--accent); font-size: 9px; }.fight-card-top > span { color: #77caff; font-size: 7px; text-transform: uppercase; }.fight-card-top .fight-drag-handle { color: #66758a; font-size: 11px; letter-spacing: -3px; cursor: grab; }
.fight-card h4 { min-height: 27px; margin: 6px 0 8px; color: #dce2eb; font-size: 10px; line-height: 1.4; }
.fight-card-icons { display: flex; align-items: center; gap: 7px; }
.fight-card-icons a,.fight-card-icons button,.fight-card-icons > span { width: 21px; height: 21px; padding: 0; display: inline-grid; place-items: center; border: 0; border-radius: 5px; color: #9eabba; background: rgba(255,255,255,.035); cursor: pointer; font: inherit; font-size: 12px; text-decoration: none; }
.fight-card-icons .icon-related { color: #ff6879; background: rgba(255,80,101,.11); }.fight-card-icons .icon-three { color: #79a8ff; background: rgba(74,124,255,.15); }
.fight-card-icons .fight-state { margin-left: auto; border: 1px solid currentColor; border-radius: 50%; color: #ff5268; background: transparent; font-weight: 900; }.fight-card.is-finished .fight-state { color: #3ed180; }
.fight-card.is-category-highlighted { border-color: #39d27f; background: rgba(39,159,94,.2); transform: translateY(-1px); }.fight-card.is-category-muted { opacity: .26; }
.fight-area-empty { padding: 36px 15px; color: var(--muted); text-align: center; font-size: 10px; }
.use-round-colors .fight-card[data-round="Final"] { border-color: #f5b90b; box-shadow: inset 3px 0 #f5b90b; }.use-round-colors .fight-card[data-round="Semifinal"] { box-shadow: inset 3px 0 #9c78ff; }.use-round-colors .fight-card[data-round="Quartas"] { box-shadow: inset 3px 0 #4b9fff; }.use-round-colors .fight-card[data-round="Oitavas"] { box-shadow: inset 3px 0 #46c9b0; }
.use-round-colors .fight-card[data-round="Terceiro lugar"] { border-color: #c98145; box-shadow: inset 3px 0 #c98145; }.use-round-colors .fight-card[data-round="Segundo lugar"] { border-color: #b8c2d1; box-shadow: inset 3px 0 #b8c2d1; }
.use-belt-colors .fight-card[data-belt="Advanced"] { background: linear-gradient(90deg,rgba(135,79,231,.16),#171f2c 42%); }.use-belt-colors .fight-card[data-belt="Intermediate"] { background: linear-gradient(90deg,rgba(52,132,232,.16),#171f2c 42%); }.use-belt-colors .fight-card[data-belt="Beginner"] { background: linear-gradient(90deg,rgba(235,235,235,.1),#171f2c 42%); }
.fight-card.is-finished { border-color:rgba(48,196,119,.55);background:linear-gradient(90deg,rgba(48,196,119,.19),rgba(19,38,32,.96)) !important;box-shadow:inset 3px 0 #30c477,0 7px 18px rgba(0,0,0,.14) !important;cursor:default; }
.fight-card.is-finished .fight-card-top time,.fight-card.is-finished .fight-card-top strong { color:#7be0a7; }.fight-card.is-finished h4 { color:#d7f1e2; }.fight-card-top .fight-finished-label { margin-left:auto;padding:3px 6px;border-radius:999px;color:#7be0a7;background:rgba(48,196,119,.13);font-size:7px;font-weight:850;letter-spacing:.04em; }.fight-card.is-finished .fight-drag-handle { opacity:.45; }
.fight-dialog { width: min(650px,calc(100% - 28px)); padding: 0; border: 1px solid #303b4d; border-radius: 14px; color: var(--text); background: #111824; box-shadow: 0 30px 90px rgba(0,0,0,.55); }.fight-dialog::backdrop { background: rgba(3,7,13,.8); backdrop-filter: blur(5px); }
.fight-dialog-header { padding: 18px 20px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--border); }.fight-dialog-header h3 { margin: 2px 0 0; }.fight-dialog-header button { width: 31px; height: 31px; border: 1px solid var(--border); border-radius: 8px; color: var(--muted); background: #0c121c; cursor: pointer; }
.fight-dialog-header h3 small { color: var(--accent); font-size: 12px; }
.fight-schedule-form { padding: 16px 20px; display: grid; grid-template-columns: 1fr 1fr auto; gap: 10px; align-items: end; border-bottom: 1px solid var(--border); }.fight-schedule-form .button { height: 42px; white-space: nowrap; }
.fight-athletes { padding: 20px; display: grid; grid-template-columns: 1fr 24px 1fr; gap: 10px; align-items: center; }.fight-versus { color: var(--muted); text-align: center; font-size: 20px; }
.fight-athletes article { min-width: 0; padding: 14px; border: 1px solid var(--border); border-radius: 10px; background: #0d141f; }.fight-athletes strong,.fight-athletes small,.fight-athletes em { display: block; }.fight-athletes strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }.fight-athletes small { min-height: 26px; margin-top: 4px; color: var(--muted); font-size: 9px; line-height: 1.4; }.fight-athletes em { min-height: 14px; margin-top: 4px; color: #49d68b; font-size: 9px; font-style: normal; }
.fight-athletes article > div:last-child { margin-top: 11px; display: grid; grid-template-columns: repeat(3,1fr); gap: 5px; }.fight-athletes [data-result] { height: 30px; border: 0; border-radius: 6px; color: #08120d; background: #42cb7d; cursor: pointer; font-size: 9px; font-weight: 850; }.fight-athletes [data-result="wo"] { background: #f5b90b; }.fight-athletes [data-result="fp"] { color: white; background: #ed5368; }.fight-athletes [data-result]:disabled { opacity: .25; cursor: not-allowed; }
.fight-balance-status { display:inline-flex; margin-top:8px; padding:4px 7px; border-radius:999px; color:#9ba9bc; background:#202a38; font-size:9px; font-weight:850; }.fight-balance-status.status-1 { color:#49d68b; background:rgba(73,214,139,.12); }.fight-balance-status.status-2 { color:#f5b90b; background:rgba(245,185,11,.12); }.fight-balance-status.status-3 { color:#ed5368; background:rgba(237,83,104,.12); }
.fight-weigh-actions { display:grid; grid-template-columns:repeat(3,1fr); gap:5px; margin-top:11px; }.fight-weigh-actions [data-weigh] { min-height:30px; border:1px solid var(--border); border-radius:6px; color:#9ba9bc; background:#151e2b; cursor:pointer; font-size:9px; font-weight:850; }.fight-weigh-actions [data-weigh="1"].selected { border-color:#49d68b; color:#49d68b; background:rgba(73,214,139,.1); }.fight-weigh-actions [data-weigh="2"].selected { border-color:#f5b90b; color:#f5b90b; background:rgba(245,185,11,.1); }.fight-weigh-actions [data-weigh="3"].selected { border-color:#ed5368; color:#ed5368; background:rgba(237,83,104,.1); }.fight-weigh-actions [data-weigh]:disabled { opacity:.3; cursor:not-allowed; }
.fight-athletes article > div:last-child { grid-template-columns:1fr; }.fight-athletes [data-winner-choice] { min-height:32px; border:1px solid var(--border); border-radius:7px; color:var(--muted); background:#151e2b; cursor:pointer; font-size:9px; font-weight:850; }.fight-athletes [data-winner-choice].selected { border-color:#49d68b; color:#49d68b; background:rgba(73,214,139,.1); }.fight-athletes [data-winner-choice]:disabled { opacity:.3; cursor:not-allowed; }
.fight-result-actions { padding:0 20px 20px; display:flex; align-items:center; gap:12px; }.fight-result-actions > form[hidden] { display:none; }.fight-winner-form { flex:1; display:flex; align-items:center; justify-content:flex-end; gap:12px; }.fight-winner-form span { margin-right:auto; color:var(--muted); font-size:10px; }.fight-winner-form button:disabled { opacity:.35; cursor:not-allowed; }
.category-filter-panel { padding: 26px; margin-bottom: 30px; }
.athlete-filter-grid { display: grid; grid-template-columns: repeat(5, minmax(120px, 1fr)) minmax(190px, 1.35fr) auto; gap: 16px; align-items: end; }
.athlete-filter-grid .button { min-height: 42px; padding-inline: 24px; }
.bulk-date-bar { margin-top: 24px; padding: 18px; display: flex; align-items: center; justify-content: space-between; gap: 28px; border: 1px solid var(--border); border-radius: 10px; background: rgba(8, 13, 22, .38); }
.bulk-date-bar strong, .bulk-date-bar span { display: block; }
.bulk-date-bar > div { min-width: 260px; }
.bulk-date-bar strong { font-size: 13px; line-height: 1.35; }
.bulk-date-bar span { max-width: 520px; margin-top: 6px; color: var(--muted); font-size: 11px; line-height: 1.5; }
.bulk-date-form { display: grid; grid-template-columns: minmax(210px, 1fr) auto; align-items: stretch; gap: 12px; }
.bulk-date-form select, .category-date-select { min-height: 42px; padding: 0 36px 0 12px; border: 1px solid var(--border); border-radius: 8px; color: var(--text); background: var(--surface-soft); font: inherit; }
.bulk-date-form .button { min-height: 42px; white-space: nowrap; }
.results-summary { margin: 0 4px 16px; display: flex; align-items: flex-end; justify-content: space-between; }
.results-summary h2 { margin: 3px 0 0; font-size: 20px; }
.results-actions { display: flex; align-items: center; gap: 15px; }
.generate-brackets-form { margin: 0; }
.generate-brackets-form .button { min-height: 38px; font-size: 12px; }
.generate-brackets-form .button:disabled { color: var(--muted); background: var(--surface-soft); border-color: var(--border); cursor: not-allowed; }
.category-list { display: grid; gap: 12px; }
.category-card { border: 1px solid var(--border); border-radius: 12px; background: rgba(13, 18, 28, .9); overflow: hidden; }
.category-card[open] { border-color: #46536a; }
.category-card summary { min-height: 62px; padding: 12px 18px; display: flex; align-items: center; gap: 13px; cursor: pointer; list-style: none; }
.category-card summary::-webkit-details-marker { display: none; }
.expand-icon { width: 25px; height: 25px; display: grid; place-items: center; border: 1px solid var(--border); border-radius: 50%; color: var(--accent); transition: transform .2s; }
.category-card[open] .expand-icon { transform: rotate(45deg); }
.gender-badge { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 7px; font-size: 11px; font-weight: 850; }
.gender-m { color: #70b7ff; background: rgba(77,157,240,.15); }
.gender-f { color: #ff89d1; background: rgba(240,89,184,.15); }
.category-name { color: var(--text); font-weight: 700; text-transform: uppercase; }
.category-numbers { margin-left: auto; color: var(--muted); font-size: 12px; }
.category-numbers strong { color: var(--accent); }
.category-numbers i { padding: 0 5px; font-style: normal; }
.category-date-form { display: none; }
.category-date-select { width: 122px; min-height: 34px; color: #d9e1ec; font-size: 11px; cursor: pointer; }
.category-date-select.date-unset { color: var(--muted); border-color: rgba(245,185,11,.45); }
.category-date-select:hover, .category-date-select:focus { border-color: var(--accent); outline: none; }
.athlete-list { border-top: 1px solid var(--border); }
.athlete-row { min-height: 58px; padding: 10px 20px; display: grid; grid-template-columns: 10px minmax(180px, 1fr) minmax(240px, 1.4fr) auto; align-items: center; gap: 18px; border-bottom: 1px solid rgba(42,52,69,.55);box-shadow:inset 4px 0 var(--academy-color); }
.athlete-row:last-child { border-bottom: 0; }
.athlete-row:hover { background: rgba(255,255,255,.025); }
.weigh-status { width: 8px; height: 8px; border-radius: 50%; background: var(--red); box-shadow: 0 0 8px rgba(239,100,114,.35); }
.weigh-status.checked { background: var(--green); box-shadow: 0 0 8px rgba(48,196,119,.35); }
.athlete-academy { color:var(--academy-color,#aab5c5); font-size: 12px;font-weight:800; text-transform: uppercase; }
.athlete-name strong, .athlete-name small { display: block; }
.athlete-name strong { font-size: 13px; }
.athlete-name small { margin-top: 2px; color: var(--muted); font-size: 10px; }
.edit-athlete { padding: 7px 11px; border: 1px solid var(--border); border-radius: 7px; color: #c4cedc; background: var(--surface-soft); cursor: pointer; font-size: 11px; }
.edit-athlete:hover { border-color: var(--accent); color: var(--accent); }
.athlete-results-summary p { margin: 5px 0 0; color: var(--muted); font-size: 12px; }
.athlete-directory { display: grid; gap: 14px; }
.athlete-pagination { margin-top: 18px; display: flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap; }
.pagination-pages { display: flex; align-items: center; justify-content: center; gap: 6px; }
.athlete-pagination a { min-width: 34px; height: 34px; padding: 0 10px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--border); border-radius: 8px; color: #c4cedc; background: var(--surface-soft); font-size: 11px; font-weight: 750; text-decoration: none; }
.athlete-pagination a:hover { border-color: var(--accent); color: var(--accent); }
.athlete-pagination a.active { border-color: var(--accent); color: #171105; background: var(--accent); }
.athlete-pagination .pagination-step { min-width: 92px; }
.pagination-pages > span { min-width: 18px; color: var(--muted); text-align: center; }
.athlete-profile-card { overflow: hidden; border: 1px solid var(--border);border-left:4px solid var(--academy-color); border-radius: 14px; background: rgba(13,18,28,.92); }
.athlete-profile-card > header { padding: 18px 20px; display: grid; grid-template-columns: 44px minmax(0,1fr) auto; align-items: center; gap: 14px; }
.athlete-avatar { width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid rgba(245,185,11,.25); border-radius: 12px; color: var(--accent); background: rgba(245,185,11,.08); font-size: 17px; font-weight: 900; }
.athlete-profile-identity h3 { margin: 0 0 3px; font-size: 15px; }
.athlete-profile-identity span,.athlete-profile-identity small { display: block; color: var(--muted); font-size: 10px; }
.athlete-profile-identity span { color: #abb6c6; font-size: 11px; text-transform: uppercase; }
.weigh-badge { padding: 7px 10px; display: inline-flex; align-items: center; gap: 7px; border: 1px solid; border-radius: 999px; font-size: 10px; font-weight: 750; }
.weigh-badge i { width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 7px currentColor; }
.weigh-badge.complete { color: #6de0a0; border-color: rgba(48,196,119,.3); background: rgba(48,196,119,.08); }
.weigh-badge.partial { color: #f5b90b; border-color: rgba(245,185,11,.3); background: rgba(245,185,11,.08); }
.weigh-badge.pending { color: #ff7c8b; border-color: rgba(239,100,114,.3); background: rgba(239,100,114,.08); }
.athlete-enrollments { border-top: 1px solid var(--border); }
.athlete-enrollments-title { padding: 10px 20px; display: flex; align-items: center; gap: 8px; color: var(--muted); background: rgba(255,255,255,.018); font-size: 10px; }
.athlete-enrollments-title strong { color: var(--text); }
.athlete-enrollment-row { min-height: 54px; padding: 9px 20px; display: grid; grid-template-columns: 27px minmax(0,1fr) auto auto auto; align-items: center; gap: 12px; border-top: 1px solid rgba(42,52,69,.5); }
.athlete-enrollment-row.athlete-in-final{border-left:3px solid var(--accent);background:rgba(245,185,11,.055)}
.athlete-weigh-form{display:flex;align-items:center;gap:5px}.athlete-weigh-form input{width:82px}.athlete-weigh-form input,.athlete-weigh-form select{height:32px;padding:0 7px;border:1px solid var(--border);border-radius:6px;color:var(--text);background:#0d141f;font-size:9px}.athlete-weigh-form button,.inline-area-time-form button{height:32px;padding:0 8px;border:1px solid var(--accent);border-radius:6px;color:#171105;background:var(--accent);font-size:9px;font-weight:850;cursor:pointer}
.inline-area-time-form{display:flex;gap:5px;align-items:center}.inline-area-time-form input[type=time]{width:92px;height:32px;padding:0 6px;border:1px solid var(--border);border-radius:6px;color:var(--text);background:#0d141f}
.bracket-podium-summary{margin-top:18px;padding:22px}.bracket-podium-summary h3{margin:4px 0 16px}.bracket-podium-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.podium-position{padding:15px;display:flex;align-items:center;gap:12px;border:1px solid var(--border);border-radius:10px;background:#111824}.podium-position>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-weight:900}.podium-position strong,.podium-position small{display:block}.podium-position small{margin-top:3px;color:var(--muted);font-size:10px}.position-1>span{color:#211800;background:#f5c842}.position-2>span{color:#18202a;background:#c7d0dc}.position-3>span{color:#22150d;background:#c98145}
.athlete-enrollment-row > div > strong { display: block; font-size: 12px; text-transform: uppercase; }
.athlete-enrollment-row > div > small { margin-top: 4px; display: flex; align-items: center; gap: 7px; color: var(--muted); font-size: 10px; }
.athlete-enrollment-row .weigh-status { display: inline-block; flex: 0 0 auto; }
.athlete-search-field { grid-column: span 2; }
.category-athlete-count { margin-right: 9px; padding: 4px 7px; display: inline-block; border-radius: 6px; color: #aeb9c8; background: rgba(255,255,255,.055); font-size: 9px; line-height: 1; text-transform: none; }
.category-athlete-count.single { color: #ffcb42; background: rgba(245,185,11,.12); }
.absolute-config-panel { padding: 24px; }
.absolute-config-form { margin-top: 22px; display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.absolute-output-fields,.absolute-source-fields { padding: 18px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; border: 1px solid var(--border); border-radius: 12px; background: rgba(255,255,255,.018); }
.absolute-output-fields h3,.absolute-source-fields h3 { grid-column: 1/-1; margin: 0 0 3px; font-size: 14px; }
.absolute-output-fields select,.absolute-source-fields select { width: 100%; }
.absolute-source-fields select[multiple] { min-height: 142px; padding: 8px; }
.absolute-source-fields .field small { margin-top: 5px; color: var(--muted); font-size: 9px; }
.absolute-fixed-weight { padding: 9px 12px; display: flex; flex-direction: column; justify-content: center; border: 1px solid rgba(245,185,11,.24); border-radius: 9px; background: rgba(245,185,11,.06); }
.absolute-fixed-weight span,.absolute-fixed-weight small { color: var(--muted); font-size: 9px; }.absolute-fixed-weight strong { margin: 4px 0; color: var(--accent); }
.absolute-config-submit { grid-column:1/-1; display:flex; justify-content:flex-end; gap:9px; }
.absolute-rules { margin-top: 24px; }.absolute-rule-list,.absolute-event-list { display: grid; gap: 13px; }
.absolute-rule-card { padding: 17px 19px; display: grid; grid-template-columns: 28px minmax(0,1fr) auto; align-items: start; gap: 13px; border: 1px solid var(--border); border-radius: 12px; background: rgba(13,18,28,.92); }
.absolute-rule-card h3,.absolute-event-card h3 { margin: 1px 0 8px; font-size: 14px; }.absolute-rule-card small { color: var(--accent); font-size: 9px; font-weight: 800; text-transform: uppercase; }.absolute-rule-card p { margin: 4px 0 0; color: var(--muted); font-size: 11px; line-height: 1.7; }.text-button.danger { color: #ff7c8b; }
.absolute-rule-actions { display:flex; align-items:center; gap:10px; }.absolute-rule-actions form { margin:0; }
.absolute-edit-dialog { width:min(760px,calc(100% - 28px)); }.absolute-edit-grid,.absolute-edit-sources { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px; }.absolute-edit-sources { padding-top:17px;border-top:1px solid var(--border); }.absolute-edit-sources select[multiple] { min-height:170px;padding:8px; }
.absolute-heading { margin-bottom: 20px; padding: 22px; }.absolute-heading .section-heading { margin: 0; }
.absolute-filter-panel { margin-bottom:20px; padding:18px 20px; display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:end; gap:20px; }.absolute-filter-panel h3 { margin:4px 0 0; font-size:14px; }.absolute-filter-grid { display:grid; grid-template-columns:repeat(4,minmax(120px,1fr)); gap:10px; }.absolute-filter-panel > small { padding-bottom:10px; color:var(--muted); font-size:9px; white-space:nowrap; }
.absolute-event-card { overflow: hidden; border: 1px solid var(--border); border-radius: 13px; background: rgba(13,18,28,.92); }.absolute-event-card[hidden] { display:none; }.absolute-event-card > summary { padding: 17px 19px; display: grid; grid-template-columns: 28px minmax(0,1fr) auto auto; align-items: center; gap: 13px; cursor: pointer; list-style: none; }.absolute-event-card > summary::-webkit-details-marker { display:none; }.absolute-event-card h3 { margin: 0 0 3px; }.absolute-event-card summary small { color: var(--muted); font-size: 10px; }.absolute-details-toggle { padding:7px 10px; border:1px solid var(--border); border-radius:7px; color:var(--text); background:var(--surface-soft); font:inherit; font-size:9px; font-weight:750; cursor:pointer; }.absolute-event-card[open] .absolute-details-toggle { color:var(--accent); border-color:rgba(245,185,11,.3); background:rgba(245,185,11,.07); }
.absolute-state { padding: 6px 9px; border-radius: 999px; font-size: 9px; font-weight: 800; }.absolute-state.state-0 { color:#69d89b;background:rgba(48,196,119,.1); }.absolute-state.state-1 { color:#ffcc46;background:rgba(245,185,11,.1); }.absolute-state.state-2 { color:#79a8ff;background:rgba(74,124,255,.12); }
.absolute-event-actions { padding: 12px 19px; display: flex; justify-content: flex-end; gap: 9px; border-top: 1px solid var(--border); background: rgba(255,255,255,.018); }.absolute-event-actions form { margin:0; }
.absolute-generated-brackets { flex:1; display:grid; gap:8px; }.absolute-generated-row { padding:9px 10px; display:grid; grid-template-columns:minmax(120px,1fr) auto; align-items:center; gap:12px; border:1px solid var(--border); border-radius:9px; background:rgba(8,13,21,.55); }.absolute-generated-row > div { display:flex; align-items:center; gap:10px; }.absolute-generated-row > div strong { font-size:11px; }.absolute-generated-row > div a { color:var(--accent); font-size:9px; font-weight:750; }.absolute-generated-row form { display:flex; align-items:center; gap:7px; }.absolute-generated-row select { min-width:135px; }
.absolute-origin-status { padding: 16px 19px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; border-top:1px solid var(--border); background:rgba(255,255,255,.012); }
.absolute-origin-group { min-width:0; padding:13px 14px; border:1px solid var(--border); border-radius:10px; background:rgba(8,13,21,.45); }.absolute-origin-group.abertas { border-color:rgba(245,185,11,.22); }.absolute-origin-group.terminadas { border-color:rgba(48,196,119,.2); }
.absolute-origin-title { display:flex; align-items:center; justify-content:space-between; gap:8px; }.absolute-origin-title h4 { margin:0; font-size:11px; }.absolute-origin-title span { min-width:22px; padding:3px 6px; border-radius:999px; color:var(--accent); background:rgba(245,185,11,.09); font-size:9px; font-weight:800; text-align:center; }.absolute-origin-group.terminadas .absolute-origin-title span { color:#69d89b; background:rgba(48,196,119,.09); }
.absolute-origin-group > small { display:block; margin-top:9px; color:var(--muted); font-size:9px; }.absolute-origin-group ul { max-height:150px; margin:10px 0 0; padding:0; overflow:auto; list-style:none; }.absolute-origin-group li { padding:6px 0; display:grid; grid-template-columns:80px minmax(0,1fr); gap:8px; border-top:1px solid rgba(42,52,69,.45); color:var(--muted); font-size:9px; line-height:1.35; }.absolute-origin-group li time { color:var(--text); font-weight:750; }
.absolute-candidates { border-top: 1px solid var(--border); }.absolute-candidates > article { min-height: 58px; padding: 10px 19px; display: grid; grid-template-columns: 9px auto minmax(0,1fr); align-items:center; gap: 11px; border-bottom:1px solid rgba(42,52,69,.5); }.absolute-candidates > article:last-child { border-bottom:0; }.absolute-candidates > article form { margin:0; }.absolute-candidates strong,.absolute-candidates small { display:block; }.absolute-candidates strong { font-size:12px; }.absolute-candidates small { margin-top:3px;color:var(--muted);font-size:9px; }
.absolute-enroll-button,.absolute-enrolled-status { padding:7px 10px;border:1px solid rgba(48,196,119,.3);border-radius:7px;color:#6de0a0;background:rgba(48,196,119,.08);font:inherit;font-size:10px;font-weight:750; }.absolute-enroll-button { cursor:pointer; }.absolute-enroll-button.remove { color:#ff8996;border-color:rgba(239,100,114,.3);background:rgba(239,100,114,.08); }.absolute-enroll-button:disabled { color:var(--muted);border-color:var(--border);background:var(--surface-soft);cursor:not-allowed; }.absolute-enrolled-status.no { color:var(--muted);border-color:var(--border);background:transparent; }
.placement-competitors > div.placement-winner { border-color:rgba(245,185,11,.55); background:rgba(245,185,11,.1); box-shadow:inset 3px 0 0 var(--accent); }.placement-competitors .placement-winner > span { color:#111827; background:var(--accent); }.placement-competitors .placement-winner em { display:block; margin-top:5px; color:var(--accent); font-size:9px; font-style:normal; font-weight:850; text-transform:uppercase; letter-spacing:.04em; }
.flash { position: fixed; z-index: 10000; top: 20px; left: 50%; width: min(760px,calc(100% - 32px)); margin: 0; padding: 14px 16px; display: flex; align-items: center; gap: 12px; border: 1px solid; border-radius: 10px; box-shadow: 0 18px 55px rgba(0,0,0,.48); transform: translateX(-50%); opacity: 1; transition: top .28s ease,opacity .28s ease,transform .28s ease; }
.flash.is-hiding { top: 8px; opacity: 0; transform: translateX(-50%) translateY(-10px); pointer-events: none; }
.flash > span { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 50%; font-weight: 900; }
.flash p { flex: 1; margin: 0; }
.flash button { border: 0; color: inherit; background: none; cursor: pointer; font-size: 20px; }
.flash-success { border-color: rgba(48,196,119,.35); color: #9aebbd; background: #10231c; }
.flash-error { border-color: rgba(239,100,114,.35); color: #ffacb5; background: #28151b; }
.edit-dialog { width: min(520px, calc(100% - 28px)); padding: 0; border: 1px solid #3c485b; border-radius: 15px; color: var(--text); background: var(--surface); box-shadow: 0 30px 90px rgba(0,0,0,.65); }
.edit-dialog::backdrop { background: rgba(4,7,12,.76); backdrop-filter: blur(4px); }
.edit-dialog form { padding: 26px; display: grid; gap: 18px; }
.dialog-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; }
.dialog-heading h2 { max-width: 400px; margin: 4px 0 0; font-size: 20px; }
.dialog-close { padding: 0; border: 0; color: var(--muted); background: none; cursor: pointer; font-size: 25px; }
.dialog-help { margin: -6px 0 0; color: var(--muted); font-size: 12px; }
.dialog-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 4px; }
.bracket-link, .no-bracket { min-width: max-content; margin-left: 8px; padding: 6px 9px; border-radius: 7px; font-size: 10px; font-weight: 750; }
.bracket-link { color: #111; background: var(--accent); }
.bracket-link:hover { background: var(--accent-hover); }
.no-bracket { color: var(--muted); border: 1px solid var(--border); }
.bracket-header { padding: 24px; display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 22px; }
.bracket-header h2 { margin: 4px 0; }
.bracket-header p { margin: 0; color: var(--muted); }
.bracket-header-actions { display: flex; gap: 10px; min-width: max-content; }
.brackets-stack { display: grid; gap: 22px; }
.bracket-board { display:flex;flex-direction:column; }.bracket-board .bracket-title { order:0; }.bracket-board .placement-matches { order:1; }.bracket-board .bracket-viewport { order:2; }
.placement-matches { padding: 0 0 18px; display: grid; grid-template-columns: repeat(auto-fit,minmax(300px,520px)); gap: 12px; }
.placement-match { overflow: hidden; border: 1px solid rgba(245,185,11,.3); border-radius: 12px; background: #101722; }.placement-match > header { padding: 12px 14px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--border); background: rgba(245,185,11,.06); }.placement-match h4 { margin: 2px 0 0; }.placement-match > header > strong { color: var(--accent); font-size: 20px; }
.placement-competitors { padding: 12px; display: grid; grid-template-columns: 1fr auto 1fr; gap: 10px; align-items: center; }.placement-competitors > div { min-width: 0; padding: 10px; display: grid; grid-template-columns: auto 1fr; column-gap: 8px; border: 1px solid var(--border); border-radius: 9px; background: #151d29; }.placement-competitors > div > span { grid-row: span 2; color: var(--accent); font-weight: 850; }.placement-competitors strong,.placement-competitors small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.placement-competitors small { color: var(--muted); font-size: 9px; }.placement-competitors > b { color: var(--muted); }
.placement-competitors.automatic-placement { grid-template-columns:1fr; }.placement-competitors.automatic-placement > div { width:100%; }
.placement-competitors > div.weigh-disqualified { border-color:rgba(237,83,104,.48); background:rgba(237,83,104,.16); box-shadow:inset 3px 0 0 #ed5368; }.placement-competitors .bracket-weigh-flag,.placement-competitors .placement-winner .bracket-weigh-flag { display:inline-flex; margin:0 0 0 6px; color:#fff; background:#ed5368; font-size:7px; }
.fight-card-dependency { margin:-3px 0 8px;display:block;color:#c98b55;font-size:8px;line-height:1.25; }
.fight-area-switches-heading { margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;gap:12px; }.fight-area-switches-heading > span { margin:0 !important; }.fight-area-switches-heading .text-button { padding:3px 0;font-size:9px; }
.bracket-board { padding: 24px; overflow: hidden; }
.bracket-board.has-same-side-conflict{border-color:rgba(255,174,51,.55);box-shadow:0 0 0 1px rgba(255,174,51,.12),0 18px 45px rgba(0,0,0,.22)}
.same-side-alert{margin:0 0 16px;padding:12px 14px;display:flex;align-items:center;gap:12px;border:1px solid rgba(255,174,51,.5);border-radius:10px;color:#ffd58c;background:linear-gradient(90deg,rgba(255,143,31,.2),rgba(255,174,51,.07))}.same-side-alert strong{font-size:11px;text-transform:uppercase;letter-spacing:.05em}.same-side-alert span{color:#e8cfa3;font-size:10px}
.match-competitor.same-side-conflict{position:relative;background:rgba(255,154,38,.16);box-shadow:inset 3px 0 #ff9f2f}.match-competitor.same-side-conflict .seed-dot{color:#171008;background:#ffae33}.same-side-flag{display:inline-flex;margin-left:5px;padding:2px 5px;border-radius:4px;color:#201405;background:#ffae33;font-size:6px;font-style:normal;font-weight:950;letter-spacing:.04em;vertical-align:middle}
.bracket-title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; }
.bracket-title h3 { margin: 3px 0 0; }
.bracket-title > span { color: var(--muted); font-size: 12px; }
.bracket-viewport { padding: 18px; overflow-x: auto; border: 1px solid var(--border); border-radius: 14px; background: #0b1019; }
.bracket-tree { min-width: max-content; height: var(--bracket-height); display: flex; align-items: stretch; padding: 0 24px 18px; position: relative; }
.bracket-connectors { position: absolute; inset: 0; z-index: 0; overflow: visible; pointer-events: none; }
.bracket-connectors path { fill: none; stroke: #536176; stroke-width: 1.2; vector-effect: non-scaling-stroke; }
.bracket-round,.champion-column { width: 265px; flex: 0 0 265px; display: flex; flex-direction: column; position: relative; }
.bracket-round,.champion-column { z-index: 1; }
.bracket-round header,.champion-column header { height: 50px; padding: 0 12px; display: flex; align-items: flex-start; flex-direction: column; border-bottom: 1px solid rgba(255,255,255,.06); }
.bracket-round header span,.champion-column header span { color: #667287; font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.bracket-round header strong,.champion-column header strong { color: #cbd4e1; font-size: 12px; }
.round-matches { flex: 1; display: flex; justify-content: space-around; flex-direction: column; padding: 8px 18px 8px 0; }
.bracket-match { width: 238px; min-height: 76px; position: relative; border: 1px solid #344055; border-radius: 9px; background: #131a26; box-shadow: 0 8px 24px rgba(0,0,0,.2); }
.bracket-match::after,.bracket-match::before { content: none; }
.bracket-round:not(.first-round) .bracket-match { margin-left: 18px; }
.match-code { height: 20px; padding: 3px 9px; color: #738096; background: rgba(255,255,255,.025); font-size: 8px; font-weight: 800; letter-spacing: .08em; }
.bracket-match.has-winner .match-code { color: var(--green); }
.match-code{display:flex;align-items:center;justify-content:space-between;gap:6px}.bracket-fight-edit{padding:2px 6px;border:1px solid rgba(245,185,11,.45);border-radius:5px;color:var(--accent);background:rgba(245,185,11,.08);font-size:7px;font-weight:900;text-transform:uppercase;cursor:pointer}.bracket-fight-edit:hover{color:#171108;background:var(--accent)}.placement-match header .bracket-fight-edit{margin-left:auto}
.match-competitor { min-height: 28px; padding: 4px 8px; display: flex; align-items: center; gap: 7px; border-top: 1px solid rgba(255,255,255,.05); transition: background .15s; }
.match-competitor strong,.match-competitor small { max-width: 190px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.match-competitor strong { color: #eef2f8; font-size: 10px; }
.match-competitor small { color: #748095; font-size: 8px; }
.match-competitor.weigh-disqualified { border-top-color:rgba(237,83,104,.38); background:rgba(237,83,104,.18); }.match-competitor.weigh-disqualified .seed-dot { color:#fff; background:#ed5368; }.bracket-weigh-flag { display:inline-flex; margin-left:6px; padding:2px 5px; vertical-align:middle; border-radius:4px; color:#fff; background:#ed5368; font-size:7px; font-style:normal; font-weight:900; letter-spacing:.04em; }
.bracket-weigh-legend{margin-top:10px;display:flex;gap:12px;flex-wrap:wrap}.bracket-weigh-legend span{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:9px}.bracket-weigh-legend span::before,.bracket-weigh-dot{width:9px;height:9px;display:inline-block;flex:0 0 auto;border-radius:50%;background:#ed5368;box-shadow:0 0 7px rgba(237,83,104,.55)}.bracket-weigh-legend .ok::before,.bracket-weigh-dot.ok{background:#30c477;box-shadow:0 0 7px rgba(48,196,119,.58)}.bracket-weigh-legend .problem::before,.bracket-weigh-dot.problem{background:#f39a32;box-shadow:0 0 7px rgba(243,154,50,.58)}.bracket-weigh-dot{margin-right:5px;vertical-align:middle}.bracket-weigh-dot.pending{background:#ed5368}
.seed-dot { width: 18px; height: 18px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 5px; color: var(--accent); background: rgba(245,185,11,.09); font-size: 8px; }
.first-round .match-competitor { cursor: grab; }
.first-round .match-competitor.empty-slot { cursor: default; }
.draggable-athlete { cursor: grab; }
.draggable-athlete:active { cursor: grabbing; }
.bracket-slot.dragging { opacity: .35; }
.bracket-slot.drag-over { outline: 1px solid var(--accent); background: rgba(245,185,11,.12); }
.champion-column { width: 230px; flex-basis: 230px; }
.champion-column::before { content: none; }
.champion-card { width: 190px; min-height: 82px; margin: auto 0 auto 18px; padding: 14px; display: grid; place-items: center; border: 1px solid rgba(245,185,11,.42); border-radius: 12px; background: linear-gradient(145deg,rgba(245,185,11,.14),rgba(245,185,11,.035)); text-align: center; }
.champion-card > span { color: var(--accent); font-size: 22px; }
.champion-card strong,.champion-card small { display: block; }
.champion-card small { color: var(--muted); font-size: 9px; }
.empty-state { max-width: 540px; margin: 12vh auto; text-align: center; }
.empty-state h1 { margin-bottom: 5px; }
.empty-state p { margin: 0 0 22px; color: var(--muted); }
.empty-icon { width: 54px; height: 54px; margin: 0 auto; display: grid; place-items: center; border-radius: 50%; color: var(--accent); background: rgba(245,185,11,.12); font-size: 25px; font-weight: 900; }

@media (max-width: 1050px) {
    .filter-grid { grid-template-columns: 2fr 1fr 1fr; }
    .filter-grid .field:nth-child(4) { grid-column: 1 / 2; }
    .stats-grid { grid-template-columns: repeat(2, 1fr); }
    .championship-settings{grid-template-columns:repeat(2,1fr)}.championship-settings>div{grid-column:1/-1}
    .athlete-filter-grid { grid-template-columns: repeat(2, 1fr); }
    .bulk-date-bar { align-items: flex-start; flex-direction: column; }
    .area-planner { grid-template-columns: 1fr; }
    .available-brackets .area-items { min-height: 120px; }
    .fights-filter-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .fight-participant-search { grid-column: span 1; }
}
@media (max-width: 700px) {
    .topbar { padding-inline: 18px; }
    .topbar-status { display: none; }
    .page-shell { width: min(100% - 28px, 1440px); padding-top: 32px; }
    .hero, .section-heading { align-items: flex-start; flex-direction: column; }
    .hero-count { text-align: left; }
    .filter-grid { grid-template-columns: 1fr; }
    .filter-grid .field:nth-child(4) { grid-column: auto; }
    .filter-submit { width: 100%; }
    .table-hint { display: none; }
    .stats-grid { grid-template-columns: 1fr 1fr; }
    .championship-settings{grid-template-columns:1fr}.championship-settings>div{grid-column:auto}
    .hero-detail .button { width: 100%; }
    .athlete-filter-grid { grid-template-columns: 1fr; }
    .athlete-search-field { grid-column: auto; }
    .absolute-config-form { grid-template-columns: 1fr; }.absolute-output-fields,.absolute-source-fields { grid-template-columns:1fr; }.absolute-output-fields h3,.absolute-source-fields h3 { grid-column:auto; }.absolute-filter-panel { grid-template-columns:1fr;align-items:stretch; }.absolute-filter-grid { grid-template-columns:1fr 1fr; }.absolute-filter-panel > small { padding:0; }.absolute-event-card > summary { grid-template-columns:28px 1fr; }.absolute-state { width:max-content; }.absolute-details-toggle { justify-self:end; }.absolute-event-actions { align-items:stretch;flex-direction:column; }.absolute-event-actions .button { width:100%; }.absolute-generated-row { grid-template-columns:1fr; }.absolute-generated-row form { align-items:stretch;flex-direction:column; }.absolute-origin-status { grid-template-columns:1fr; }.absolute-candidates > article { grid-template-columns:9px auto minmax(0,1fr); }
    .bulk-date-form { width: 100%; grid-template-columns: 1fr; align-items: stretch; }
    .time-rules-head { display: none; }
    .time-overview-grid { grid-template-columns: 1fr; }
    .time-table-toolbar { align-items: stretch; flex-direction: column; }
    .time-table-toolbar label { width: 100%; }
    .time-rule-row { grid-template-columns: 1fr 1fr; }
    .time-rule-row > strong,.time-rule-row > span { grid-column: span 2; }
    .config-save-bar,.area-toolbar { align-items: stretch; flex-direction: column; }
    .area-toolbar-actions { width: 100%; align-items: stretch; flex-direction: column; }
    .area-day-form { width: 100%; }
    .area-bars { justify-content: flex-start; overflow-x: auto; }
    .area-filter-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .areas-scroll { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .area-distribution-actions { align-items: stretch; flex-direction: column; }
    .area-distribution-actions > div { margin: 0 0 2px; }
    .results-summary { align-items: flex-start; flex-direction: column; gap: 12px; }
    .results-actions { width: 100%; align-items: flex-start; flex-direction: column; }
    .category-card summary { align-items: flex-start; flex-wrap: wrap; }
    .category-name { width: calc(100% - 85px); }
    .category-numbers { width: 100%; margin-left: 40px; }
    .athlete-row { grid-template-columns: 10px 1fr auto; }
    .athlete-academy { grid-column: 2; order: 2; }
    .edit-athlete { grid-column: 3; grid-row: 1 / span 2; }
    .athlete-profile-card > header { grid-template-columns: 44px 1fr; }
    .weigh-badge { grid-column: 1 / -1; width: max-content; }
    .athlete-enrollment-row { grid-template-columns:27px 1fr;align-items:start; }
    .athlete-enrollment-row>.bracket-link,.athlete-enrollment-row>.edit-athlete,.athlete-weigh-form { grid-column:2; }
    .athlete-weigh-form{flex-wrap:wrap}.bracket-podium-grid{grid-template-columns:1fr}.inline-area-time-form{flex-wrap:wrap}
    .bracket-header { align-items: flex-start; flex-direction: column; }
    .bracket-header-actions { width: 100%; flex-direction: column; }
    .bracket-board { padding: 14px; }
    .bracket-viewport { margin-inline: -4px; padding: 10px; }
    .fights-filter-grid { grid-template-columns: 1fr; }
    .fight-schedule-form { grid-template-columns: 1fr; }
    .fight-robots { align-items:flex-start;flex-direction:column; }
    .fight-athletes { grid-template-columns: 1fr; }.fight-versus { line-height: 14px; }
}
@media (max-width: 520px) {
    .area-filter-grid { grid-template-columns: 1fr; }
    .areas-scroll { grid-template-columns: 1fr; }
}
.portal-access-dialog{max-width:650px}.portal-access-dialog .field{display:block;margin:20px 0}.portal-access-dialog input{width:100%;font-size:12px}.portal-access-status{display:flex;flex-direction:column;gap:4px;padding:13px 15px;border-radius:10px;border:1px solid}.portal-access-status span{font-size:12px}.portal-access-status.available{border-color:#20c67a55;background:#20c67a12;color:#62e8a9}.portal-access-status.unavailable{border-color:#f5b91855;background:#f5b91812;color:#f5c64f}
.button-danger{background:#ff4d5f;color:#fff;border-color:#ff4d5f}.button-danger:hover{background:#e63b4d;border-color:#e63b4d}.reset-championship-form{display:inline-flex}
.medal-config-heading,.medal-points-config,.medal-group-create{padding:24px;margin-bottom:16px}.medal-config-heading h2,.medal-points-config h3,.medal-group-create h3{margin:4px 0}.medal-config-heading p,.medal-group-create p{margin:5px 0 0;color:var(--muted);font-size:11px}.medal-points-config>form{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(120px,1fr)) minmax(210px,1.4fr) auto;gap:12px;align-items:end}.medal-group-create>form{margin-top:18px;display:grid;grid-template-columns:1.2fr .7fr 1fr 1fr auto;gap:12px;align-items:end}.medal-multiple select{min-height:120px;padding:8px}.medal-groups-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.medal-group-card{overflow:hidden}.medal-group-card>header{padding:15px 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.medal-group-card>header>div{display:flex;align-items:center;gap:10px}.medal-group-card strong,.medal-group-card small{display:block}.medal-group-card small{margin-top:2px;color:var(--muted);font-size:9px}.medal-group-card header button{padding:6px 9px;border:1px solid #ff596455;border-radius:6px;color:#ff7b84;background:#ff596411;cursor:pointer}.medal-group-card>div{padding:15px 17px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.medal-group-card section span{color:var(--muted);font-size:8px;font-weight:800;text-transform:uppercase}.medal-group-card section p{margin:5px 0 0;font-size:11px;line-height:1.55}.gender-g{color:#f5c64f;background:rgba(245,185,11,.13)}
@media(max-width:1050px){.medal-points-config>form,.medal-group-create>form{grid-template-columns:repeat(2,1fr)}.medal-groups-list{grid-template-columns:1fr}}@media(max-width:700px){.medal-points-config>form,.medal-group-create>form,.medal-group-card>div{grid-template-columns:1fr}}