@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing: .25rem;--container-md: 28rem;--text-xs: .75rem;--text-xs--line-height: calc(1 / .75);--text-sm: .875rem;--text-sm--line-height: calc(1.25 / .875);--font-weight-medium: 500;--radius-md: .375rem;--default-font-family: var(--font-sans);--default-mono-font-family: var(--font-mono);--color-primary: #0f766e;--color-primary-hover: #115e59;--color-primary-soft: #f0fdfa;--color-secondary: #475569;--color-danger: #be123c;--color-danger-hover: #9f1239;--color-danger-soft: #fff1f2;--color-surface: #ffffff;--color-background: #f6f7f5;--color-foreground: #17201e;--color-muted: #64748b;--color-border: #dfe5e3;--color-focus-ring: #0f766e}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings, normal);font-variation-settings:var(--default-mono-font-variation-settings, normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:currentcolor}@supports (color: color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.pointer-events-none{pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}.relative{position:relative}.z-10{z-index:10}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.flex{display:flex}.grid{display:grid}.table{display:table}.max-h-56{max-height:calc(var(--spacing) * 56)}.min-h-\[100svh\]{min-height:100svh}.w-auto{width:auto}.w-full{width:100%}.max-w-md{max-width:var(--container-md)}.list-disc{list-style-type:disc}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.justify-self-end{justify-self:flex-end}.justify-self-start{justify-self:flex-start}.overflow-y-auto{overflow-y:auto}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-border{border-color:var(--color-border)}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.px-0{padding-inline:0px}.py-0{padding-block:0px}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pl-5{padding-left:calc(var(--spacing) * 5)}.text-center{text-align:center}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height))}.font-medium{--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}.text-muted{color:var(--color-muted)}@media(hover:hover){.hover\:border-primary:hover{border-color:var(--color-primary)}}@media(width>=40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}}:root{--text-page-title: clamp(1.5rem, 4vw, 2rem);--text-section-title: 1.125rem;--text-body: 1rem;--text-small: .875rem;--line-body: 1.55;--space-page: clamp(1rem, 3vw, 2rem);--space-card: clamp(1rem, 2vw, 1.25rem);--height-control: 2.75rem;--radius-control: .625rem;--radius-card: .875rem;--border-default: 1px solid var(--color-border);--focus-ring: 0 0 0 3px color-mix(in srgb, #0f766e 28%, transparent);--content-max: 76rem;--mobile-nav-height: 4.5rem}@supports (color: color-mix(in lab,red,red)){:root{--focus-ring: 0 0 0 3px color-mix(in srgb, var(--color-focus-ring) 28%, transparent)}}@layer base{*,*:before,*:after{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}body{margin:0;background:var(--color-background);color:var(--color-foreground);font-size:var(--text-body);line-height:var(--line-body)}h1,h2,h3,p{margin-block:0}h1{font-size:var(--text-page-title);line-height:1.2;font-weight:700}h2{font-size:var(--text-section-title);line-height:1.35;font-weight:700}h3{font-size:1rem;font-weight:650}form{display:grid;gap:1rem}label{display:grid;gap:.375rem;font-size:var(--text-small);font-weight:600}input,select,textarea{width:100%;min-width:0;min-height:var(--height-control);border:var(--border-default);border-radius:var(--radius-control);background:var(--color-surface);padding:.625rem .75rem;color:inherit}textarea{min-height:6rem;resize:vertical}input[type=checkbox]{width:1.25rem;min-height:1.25rem}button,a,input,select,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:0;box-shadow:var(--focus-ring)}table{width:100%;border-collapse:collapse}th,td{padding:.875rem;text-align:left;vertical-align:middle}th{color:var(--color-muted);font-size:.75rem;letter-spacing:.03em}tbody tr{border-top:var(--border-default)}dialog.modal{width:min(calc(100% - 2rem),34rem);max-height:min(88svh,46rem);margin:auto;overflow-y:auto;border:var(--border-default);border-radius:var(--radius-card);padding:1.25rem;background:var(--color-surface);color:var(--color-foreground);box-shadow:0 18px 50px #0f172a29}dialog.modal::backdrop{background:#0f172a73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}@layer components{.btn{display:inline-flex;min-height:var(--height-control);align-items:center;justify-content:center;gap:.375rem;border:1px solid transparent;border-radius:var(--radius-control);padding:.55rem .9rem;font-size:var(--text-small);font-weight:650;line-height:1.2;text-decoration:none;cursor:pointer;white-space:nowrap}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{color:#fff;background:var(--color-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary{color:var(--color-primary-hover);border-color:color-mix(in srgb,#0f766e 38%,#dfe5e3);background:var(--color-primary-soft)}@supports (color: color-mix(in lab,red,red)){.btn-secondary{border-color:color-mix(in srgb,var(--color-primary) 38%,var(--color-border))}}.btn-secondary:hover:not(:disabled){border-color:var(--color-primary)}.btn-ghost{color:var(--color-secondary);background:transparent}.btn-ghost:hover:not(:disabled){background:#eef1f0}.btn-danger{color:#fff;background:var(--color-danger)}.btn-danger:hover:not(:disabled){background:var(--color-danger-hover)}.btn-danger-ghost{color:var(--color-danger);background:transparent}.btn-danger-ghost:hover:not(:disabled){background:var(--color-danger-soft)}.btn-icon{width:var(--height-control);padding:0}.btn-block{width:100%}.btn-sm{min-height:2.5rem;padding:.45rem .7rem}.link,.btn-link{color:var(--color-primary-hover);text-decoration:underline;text-underline-offset:.2em}.btn-link{min-height:2.75rem;border:0;background:transparent}.page-shell{min-height:100svh;background:var(--color-background)}.app-header{position:sticky;z-index:30;top:0;border-bottom:var(--border-default);background:#fffffff5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-header-inner{display:flex;min-height:3.5rem;align-items:center;justify-content:space-between;max-width:var(--content-max);margin:auto;padding-inline:var(--space-page)}.app-brand{color:var(--color-foreground);font-weight:750;text-decoration:none}.desktop-nav{display:none;align-items:stretch;gap:.25rem}.desktop-nav a,.admin-tabs a{display:inline-flex;min-height:2.75rem;align-items:center;border-radius:var(--radius-control);padding-inline:.875rem;color:var(--color-secondary);text-decoration:none}.desktop-nav a.is-active,.admin-tabs a.is-active{color:var(--color-primary-hover);background:var(--color-primary-soft);font-weight:700}.admin-tabs{display:flex;gap:.25rem;max-width:var(--content-max);margin:auto;overflow-x:auto;padding:.25rem var(--space-page) .5rem}.mobile-nav{position:fixed;z-index:40;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:var(--mobile-nav-height);border-top:var(--border-default);background:#fffffffa;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav--with-admin{grid-template-columns:repeat(5,minmax(0,1fr))}.mobile-nav a{display:flex;min-width:0;align-items:center;justify-content:center;flex-direction:column;gap:.1rem;color:var(--color-muted);font-size:1rem;padding-inline:.125rem;text-decoration:none}.mobile-nav small{max-width:100%;overflow:hidden;font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.mobile-nav a.is-active{color:var(--color-primary-hover);font-weight:700}.page-content{width:100%;max-width:var(--content-max);margin:auto;padding:var(--space-page);padding-bottom:calc(var(--mobile-nav-height) + 1.5rem + env(safe-area-inset-bottom))}.page-header,.page-heading{display:flex;align-items:flex-start;flex-direction:column;gap:.75rem}.page-subtitle{margin-top:.25rem;color:var(--color-muted);font-size:var(--text-small)}.page-actions,.form-actions{display:flex;width:100%;flex-wrap:wrap;align-items:center;gap:.5rem}.page-tabs{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;width:100%;max-width:28rem;border:var(--border-default);border-radius:var(--radius-control);background:var(--color-surface);padding:.2rem}.page-tab{display:flex;min-height:2.5rem;align-items:center;justify-content:center;border-radius:.45rem;color:var(--color-secondary);font-size:var(--text-small);font-weight:650;text-decoration:none}.page-tab.is-active{color:#fff;background:var(--color-primary)}.content-card,.panel,.item-card{display:grid;min-width:0;gap:1rem;border:var(--border-default);border-radius:var(--radius-card);background:var(--color-surface);padding:var(--space-card)}.item-list{display:grid;gap:.75rem}.item-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.item-title{font-size:1.125rem;font-weight:750;overflow-wrap:anywhere}.item-meta{display:grid;grid-template-columns:minmax(5.5rem,auto) minmax(0,1fr);gap:.35rem .75rem;font-size:var(--text-small)}.item-meta dt{color:var(--color-muted)}.item-meta dd{min-width:0;margin:0;overflow-wrap:anywhere}.empty-state,.loading-state{display:grid;min-height:9rem;place-content:center;gap:.5rem;border:1px dashed var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);padding:1.5rem;text-align:center;color:var(--color-muted)}.loading-state:before{content:"";width:2rem;height:.25rem;margin:auto;border-radius:999px;background:var(--color-primary);animation:loading-pulse 1s ease-in-out infinite alternate}.status-error,.status-success{border:1px solid currentColor;border-radius:var(--radius-control);padding:.75rem 1rem;font-size:var(--text-small)}.status-error,.error{color:var(--color-danger)}.status-success{color:var(--color-primary-hover);background:var(--color-primary-soft)}.error{font-size:.75rem}.table-container{display:none;border:var(--border-default);border-radius:var(--radius-card);overflow:visible;background:var(--color-surface)}.desktop-only{display:none}.mobile-only{display:block}.card-link{position:absolute;inset:0;border-radius:var(--radius-card)}.action-menu{position:relative}.action-menu>summary{list-style:none;min-height:var(--height-control);cursor:pointer}.action-menu>summary::-webkit-details-marker{display:none}.action-menu-caret{width:.45rem;height:.45rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-.1rem) rotate(45deg);transition:transform .12s ease}.action-menu[open] .action-menu-caret{transform:translateY(.1rem) rotate(225deg)}.action-menu-panel{position:absolute;z-index:20;right:0;display:grid;min-width:11rem;gap:.25rem;margin-top:.25rem;border:var(--border-default);border-radius:var(--radius-control);background:var(--color-surface);padding:.35rem;box-shadow:0 12px 30px #0f172a24}.action-menu-panel .btn{width:100%;justify-content:flex-start}.match-card{gap:.875rem}.match-versus{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.65rem;padding-block:.5rem}.match-side{min-width:0;font-size:1.05rem;font-weight:750;text-align:center;overflow-wrap:anywhere}.match-vs{color:var(--color-muted);font-size:.75rem}.match-result{color:var(--color-primary-hover);font-size:1.35rem;font-weight:800}.match-actions{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.match-actions>.btn{flex:1}.score-input{min-height:4rem;font-size:1.75rem;font-weight:750;text-align:center}.form-actions{position:sticky;bottom:-1.25rem;margin:.5rem -1.25rem -1.25rem;border-top:var(--border-default);background:var(--color-surface);padding:.75rem 1.25rem 1.25rem}@keyframes loading-pulse{to{width:4rem;opacity:.45}}}@media(max-width:639px){dialog.modal[open]{width:100%;max-width:none;max-height:min(90svh,50rem);margin:auto 0 0;border-width:1px 0 0;border-radius:1.25rem 1.25rem 0 0;padding:1.25rem}dialog.modal[open]::backdrop{background:#0f172a80}.page-actions>.btn-primary:only-child{width:100%}}@media(min-width:640px){.page-header,.page-heading{flex-direction:row;align-items:center;justify-content:space-between}.page-actions,.form-actions{width:auto}.item-list,.match-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.desktop-nav{display:flex}.mobile-nav{display:none}.page-content{padding-bottom:var(--space-page)}.item-list{grid-template-columns:repeat(3,minmax(0,1fr))}.match-list{grid-template-columns:repeat(2,minmax(0,1fr))}.table-container,.desktop-only{display:block}.mobile-only{display:none}}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: "*"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-font-weight: initial}}}
