:root{--color-primary: #0a385e;--color-primary-light: #acc2d4;--color-primary-medium-light: #0e4b7e;--color-primary-medium2-light: #11568f;--color-primary-medium3-light: #1b77c2;--color-primary-dark: #082a46;--color-secondary: #ad430e;--color-secondary-light: #ffe1d2;--color-font: #333;--color-black: #000;--color-white: #fff;--color-green: rgb(28, 109, 32);--color-light-green: rgb(192, 240, 194);--color-red: rgb(170, 36, 36);--color-warning: #ca9400;--color-info: #17a2b8;--color-light-grey: #eee;--color-grey: #ccc;--color-grey-dark: #999;--color-grey-darker: #222;--color-border: #ddd;--color-border-light: #e0e0e0;--color-border-medium: #cdcdcd;--color-gold: #ffd700;--color-silver: #ddd;--color-bronze: #cd7f32;--color-setRed: #f76451;--color-pointCardBlack: #333;--color-pointIncreament: rgb(47, 136, 30);--color-knockout-branch: #d7d9dc;--color-success: var(--color-green);--color-success-light: var(--color-light-green);--color-error: var(--color-red);--color-error-light: #fee;--color-warning-light: #fff3cd;--color-warning-text: #856404;--color-text: var(--color-font);--color-text-lighter: #666;--color-text-medium: #555;--color-text-muted: #888;--color-text-disabled: #aaa;--color-background-light: #f9f9f9;--color-background-lighter: var(--color-light-grey);--color-link: #007bff;--color-badge-secondary: #6c757d;--color-badge-success: #28a745;--color-badge-info: var(--color-info);--color-badge-warning: #ffc107;--color-alert-danger-bg: #f8d7da;--color-alert-danger-text: #842029;--color-alert-danger-border: #f5c2c7;--color-alert-warning-bg: #fff3cd;--color-alert-warning-text: #664d03;--color-alert-warning-border: #ffecb5;--color-alert-info-bg: #cff4fc;--color-alert-info-text: #055160;--color-alert-info-border: #b6effb;--color-alert-success-bg: #c7ffb5;--color-alert-success-text: #22471e;--color-alert-success-border: #bdf1a9;--color-status-pending-bg: #fff3cd;--color-status-pending-text: #856404;--color-status-rejected-bg: #f8d7da;--color-status-rejected-text: #721c24;--color-status-approved-bg: #cce5ff;--color-status-approved-text: #004085;--color-status-fallback-bg: #e2e3e5;--color-status-fallback-text: #383d41;--color-status-reserve-bg: #e8def8;--color-status-reserve-text: #4a148c;--color-status-pending-reserve-bg: #fde8cd;--color-status-pending-reserve-text: #7a4a0a;--color-status-playing-bg: #d4edda;--color-status-playing-text: #155724;--color-status-withdrawn-bg: #f8d7da;--color-status-withdrawn-text: #721c24;--color-cat-upcoming-bg: #e2e3e5;--color-cat-upcoming-text: #383d41;--color-cat-reg-open-bg: #cce5ff;--color-cat-reg-open-text: #004085;--color-cat-reg-closed-bg: #fff3cd;--color-cat-reg-closed-text: #856404;--color-cat-checkin-bg: #d4edda;--color-cat-checkin-text: #155724;--color-cat-started-bg: #d1ecf1;--color-cat-started-text: #0c5460;--color-cat-groupplay-bg: #cce5ff;--color-cat-groupplay-text: #004085;--color-cat-koplay-bg: #e8e0f3;--color-cat-koplay-text: #5b3f8a;--color-cat-completed-bg: #d4edda;--color-cat-completed-text: #155724;--color-chip-bg: #eef1f5;--color-chip-text: var(--color-text-medium);--color-chip-icon: var(--color-text-muted);--color-chip-block-bg: #e8e0f3;--color-chip-block-text: #5b3f8a;--color-chip-block-icon: #7c5cbf;--max-width: 700px;--header-height: 50px;--nav-height: 60px;--sub-nav-height: 40px;--input-height: 40px;--input-height-sm: 32px;--spacing-2xs: 2px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 3px;--radius-md: 4px;--radius-lg: 8px;--radius-xl: 12px;--radius-pill: 20px;--shadow-sm: 0 4px 6px rgba(0, 0, 0, .1);--shadow-md: 0 4px 20px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .18);--overlay-light: rgba(0, 0, 0, .45);--overlay-dark: rgba(0, 0, 0, .5);--z-base: 1;--z-tooltip: 10;--z-menu: 999;--z-popup: 1000;--z-modal: 1100;--z-header: 9999;--duration-fast: .15s;--duration-normal: .2s;--duration-slow: .3s;--opacity-disabled: .5;--opacity-muted: .65;--opacity-hover: .8;--font-family-body: "Inter", sans-serif;--font-weight-light: 300;--font-weight-body: 400;--font-weight-medium: 500;--font-weight-bold: 700;--body-font-size: .85rem;--font-size-xs: .65rem;--font-size-sm: .75rem;--font-size-base: .85rem;--font-size-md: 1rem;--font-size-lg: 1.2rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--admin-accent: var(--color-primary);--admin-accent-bg: #e6f0fa;--admin-card-bg: var(--color-white);--admin-card-border: rgba(0, 0, 0, .1);--admin-card-border-hover: rgba(0, 0, 0, .18);--admin-metric-bg: var(--color-background-light);--admin-bar-track: var(--color-light-grey);--admin-bar-playing: var(--color-status-playing-text);--admin-bar-approved: var(--color-green);--admin-bar-pending: var(--color-warning);--admin-bar-reserve: var(--color-grey-dark);--admin-dropdown-shadow: var(--shadow-md)}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.m-0{margin:0}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.mt-0{margin-top:0}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-0{margin-bottom:0}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mx-auto{margin-left:auto;margin-right:auto}.p-0{padding:0}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.px-sm{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.px-md{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.py-sm{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.py-md{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.w-full{width:100%}.max-w{max-width:var(--max-width)}.max-w-auto{max-width:var(--max-width);margin:0 auto}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-bold{font-weight:var(--font-weight-bold)}.text-medium{font-weight:var(--font-weight-medium)}.text-muted{color:var(--color-text-muted)}.text-lighter{color:var(--color-text-lighter)}.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-uppercase{text-transform:uppercase}.text-nowrap{white-space:nowrap}.h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:1.3}.h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:1.3}.h3{font-size:1.1rem;font-weight:var(--font-weight-bold);line-height:1.3}.h4{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);line-height:1.3}.h5{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);line-height:1.3}.h6{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);line-height:1.3}.text-primary{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}.bg-light{background-color:var(--color-background-light)}.bg-white{background-color:var(--color-white)}.border{border:1px solid var(--color-border)}.border-top{border-top:1px solid var(--color-border)}.border-bottom{border-bottom:1px solid var(--color-border)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-pill{border-radius:var(--radius-pill)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.relative{position:relative}.absolute{position:absolute}.sticky{position:sticky}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.opacity-disabled{opacity:var(--opacity-disabled)}.opacity-muted{opacity:var(--opacity-muted)}.no-select{-webkit-user-select:none;user-select:none}.pointer-events-none{pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}