:root{--brand-primary: #ea0001;--brand-primary-deep: #b50000;--brand-primary-soft: #ffe4e4;--brand-ink: #090909;--brand-muted: #5f5b5b;--brand-paper: #f6f3f2;--app-bg: color-mix(in srgb, var(--brand-paper) 92%, #ffffff);--app-surface: #ffffff;--app-surface-strong: color-mix(in srgb, var(--brand-paper) 40%, #ffffff);--app-surface-muted: color-mix(in srgb, var(--brand-paper) 76%, #ffffff);--app-text: var(--brand-ink);--app-text-muted: var(--brand-muted);--app-sidebar: color-mix(in srgb, var(--brand-ink) 94%, var(--brand-primary));--app-sidebar-strong: color-mix(in srgb, var(--brand-ink) 86%, var(--brand-primary));--app-on-primary: #ffffff;--app-border: color-mix(in srgb, var(--brand-primary) 16%, transparent);--app-border-strong: color-mix(in srgb, var(--brand-primary) 28%, transparent);--app-focus: color-mix(in srgb, var(--brand-primary) 32%, transparent);--shadow-soft: 0 1rem 2.6rem color-mix(in srgb, var(--brand-ink) 10%, transparent);--shadow-strong: 0 1.7rem 4rem color-mix(in srgb, var(--brand-ink) 18%, transparent);--radius-sm: .45rem;--radius-md: .65rem;--paper: var(--brand-paper);--paper-strong: var(--app-surface);--paper-muted: var(--app-surface-muted);--ink-strong: var(--brand-ink);--ink: var(--app-text);--ink-soft: var(--brand-muted);--accent: var(--brand-primary);--accent-deep: var(--brand-primary-deep);--accent-soft: var(--brand-primary-soft);--line: color-mix(in srgb, var(--brand-ink) 10%, transparent);--line-strong: color-mix(in srgb, var(--brand-ink) 18%, transparent);--font-body: "Inter", "Segoe UI", Arial, sans-serif;--font-display: "Inter", "Segoe UI", Arial, sans-serif;--panel-content-padding: 1.75rem;--panel-section-gap: 1.5rem;--panel-touch-size: 3.25rem}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--app-text);background:var(--app-bg);font-family:Inter,Segoe UI,Arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}::selection{color:var(--app-on-primary);background:var(--brand-primary)}.action{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:3rem;padding:0 1.05rem;border:1px solid transparent;border-radius:.95rem;font-size:.86rem;font-weight:800;letter-spacing:.06em;text-decoration:none;text-transform:uppercase;transition:transform .18s ease,background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease}.action:hover{transform:translateY(-1px)}.action--primary{background:var(--brand-primary);color:var(--app-on-primary);box-shadow:0 .9rem 1.7rem color-mix(in srgb,var(--brand-primary) 18%,transparent)}.action--secondary{border-color:color-mix(in srgb,var(--brand-ink) 10%,transparent);background:color-mix(in srgb,var(--app-surface) 92%,transparent);color:var(--app-text)}.action:disabled{opacity:.64;cursor:not-allowed;transform:none}.panel-list-page{display:grid;gap:1.25rem}.panel-list-page__hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(20rem,.8fr);gap:1rem}.panel-list-page__headline,.panel-list-page__controls,.panel-list-page__table-shell,.panel-list-page__metric,.panel-list-page__state{border:1px solid color-mix(in srgb,var(--brand-ink) 8%,transparent);border-radius:1.2rem;background:color-mix(in srgb,var(--app-surface) 78%,transparent);box-shadow:var(--shadow-soft)}.panel-list-page__headline{display:grid;gap:.7rem;padding:1.35rem 1.45rem;background:radial-gradient(circle at top right,color-mix(in srgb,var(--brand-primary) 12%,transparent),transparent 14rem),color-mix(in srgb,var(--app-surface) 84%,transparent)}.panel-list-page__headline p,.panel-list-page__search span,.panel-list-page__metric span,.panel-section-label{margin:0;color:var(--app-text-muted);font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.panel-list-page__headline h1{margin:0;color:var(--app-text);font-size:clamp(2rem,4vw,3.2rem);font-weight:900;line-height:.98;text-transform:uppercase}.panel-list-page__headline span{max-width:46rem;color:var(--app-text-muted);line-height:1.75}.panel-list-page__controls{display:grid;gap:1rem;padding:1.25rem}.panel-list-page__search{display:grid;gap:.5rem}.panel-list-page__search input,.panel-form-field input,.panel-form-field select,.panel-form-field textarea{width:100%;min-height:3.05rem;padding:.82rem 1rem;border:1px solid color-mix(in srgb,var(--brand-ink) 10%,transparent);border-radius:.9rem;background:color-mix(in srgb,var(--app-surface) 95%,transparent);color:var(--app-text)}.panel-list-page__search input:focus,.panel-form-field input:focus,.panel-form-field select:focus,.panel-form-field textarea:focus{border-color:var(--app-focus);box-shadow:0 0 0 .2rem color-mix(in srgb,var(--brand-primary) 12%,transparent);outline:none}.panel-list-page__actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}.panel-list-page__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.panel-list-page__metric{display:grid;gap:.35rem;padding:1.15rem 1.25rem}.panel-list-page__metric strong{color:var(--brand-primary);font-size:clamp(1.8rem,4vw,2.7rem);line-height:1}.panel-list-page__metric small{color:var(--app-text-muted);line-height:1.5}.panel-list-page__table-shell{padding:1rem}.panel-list-page__state{padding:1rem 1.05rem;color:var(--app-text-muted)}.panel-list-page__state--error,.panel-dialog__feedback,.panel-form-error{border:1px solid color-mix(in srgb,#b42318 18%,transparent);background:color-mix(in srgb,#b42318 9%,var(--app-surface));color:#b42318}.panel-list-page__table-wrap{overflow:auto}.panel-list-page__table{width:100%;min-width:56rem;border-collapse:collapse}.panel-list-page__table th,.panel-list-page__table td{padding:.95rem .85rem;border-bottom:1px solid color-mix(in srgb,var(--brand-ink) 8%,transparent);text-align:left;vertical-align:middle;white-space:nowrap}.panel-list-page__table th{color:var(--app-text-muted);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.panel-list-page__table tbody tr:hover{background:color-mix(in srgb,var(--brand-primary) 3%,transparent)}.panel-list-page__person,.panel-list-page__dates{display:grid;gap:.25rem}.panel-list-page__person strong{font-weight:800}.panel-list-page__person small,.panel-list-page__dates small{color:var(--app-text-muted)}.panel-list-page__status,.panel-badge{display:inline-flex;align-items:center;min-height:2.1rem;padding:0 .8rem;border-radius:999px;background:color-mix(in srgb,var(--brand-primary) 8%,transparent);color:var(--brand-primary-deep);font-size:.82rem;font-weight:800}.panel-list-page__status.is-active,.panel-badge.is-active,.panel-badge.is-success{background:color-mix(in srgb,#176c35 12%,transparent);color:#176c35}.panel-badge.is-muted{background:color-mix(in srgb,var(--ink-soft) 10%,transparent);color:var(--ink-soft)}.panel-badge.is-danger{background:color-mix(in srgb,#dc2626 12%,transparent);color:#991b1b}.panel-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:.9rem;background:var(--paper);box-shadow:var(--shadow-soft)}.panel-shell [class$=__table-shell],.panel-shell [class$=__table-wrap],.panel-shell [class*=__table-shell],.panel-shell [class*=__table-wrap],.panel-shell .panel-table-wrap{max-width:100%!important;min-width:0!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-gutter:stable}.panel-shell [class$=__table-shell]>table,.panel-shell [class$=__table-shell] table,.panel-shell [class$=__table-wrap]>table,.panel-shell [class$=__table-wrap] table,.panel-shell [class*=__table-shell]>table,.panel-shell [class*=__table-shell] table,.panel-shell [class*=__table-wrap]>table,.panel-shell [class*=__table-wrap] table,.panel-shell .panel-table-wrap>table,.panel-shell .panel-table-wrap table{width:max-content!important;min-width:100%!important;max-width:none!important}.panel-shell [class$=__table-shell] th,.panel-shell [class$=__table-wrap] th,.panel-shell [class*=__table-shell] th,.panel-shell [class*=__table-wrap] th,.panel-shell .panel-table-wrap th{white-space:nowrap}.panel-shell [class$=__table-shell] td,.panel-shell [class$=__table-wrap] td,.panel-shell [class*=__table-shell] td,.panel-shell [class*=__table-wrap] td,.panel-shell .panel-table-wrap td{vertical-align:middle}.resizable-table{table-layout:fixed}.resizable-table th,.resizable-table td{overflow-wrap:anywhere}.resizable-table__head{position:relative;padding-right:1.35rem!important}.resizable-table__resize-handle{position:absolute;top:.45rem;right:-.28rem;bottom:.45rem;z-index:2;width:.7rem;padding:0;border:0;border-radius:999px;background:transparent;cursor:col-resize}.resizable-table__resize-handle:after{content:"";position:absolute;top:.1rem;bottom:.1rem;left:50%;width:2px;border-radius:999px;background:color-mix(in srgb,var(--ink-strong) 18%,transparent);opacity:.35;transform:translate(-50%);transition:background-color .16s ease,opacity .16s ease,width .16s ease}.resizable-table__head:hover .resizable-table__resize-handle:after,.resizable-table--resizing .resizable-table__resize-handle:after{width:3px;background:var(--accent);opacity:.95}.resizable-table--resizing,.resizable-table--resizing *{cursor:col-resize!important;-webkit-user-select:none;user-select:none}.panel-table{width:100%;min-width:52rem;border-collapse:collapse}.panel-table th,.panel-table td{padding:.85rem .9rem;border-bottom:1px solid var(--line);color:var(--ink);font-size:.88rem;text-align:left;vertical-align:middle}.panel-table th{color:var(--ink-soft);font-size:.72rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:var(--paper-muted)}.panel-table tr:last-child td{border-bottom:0}.panel-table__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.45rem}.panel-filter-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.75rem;padding:1rem;border:1px solid var(--line);border-radius:.9rem;background:var(--paper);box-shadow:var(--shadow-soft)}.panel-filter-bar label,.panel-list-page__search{display:grid;gap:.35rem}.panel-filter-bar span,.panel-list-page__search span{color:var(--ink-soft);font-size:.72rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.panel-filter-bar input,.panel-filter-bar select,.panel-list-page__search input{width:100%;min-height:2.75rem;padding:0 .75rem;border:1px solid var(--line);border-radius:.75rem;background:var(--paper-strong);color:var(--ink);font:inherit}.panel-filter-bar__actions{display:flex;align-items:end;justify-content:flex-end;gap:.5rem}.panel-pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border:1px solid var(--line);border-radius:.9rem;background:var(--paper)}.panel-pagination span{color:var(--ink-soft);font-weight:700}.panel-pagination div{display:flex;gap:.5rem}.panel-form-check{display:inline-flex;align-items:center;gap:.55rem;color:var(--ink);font-weight:750}.panel-dialog--wide{width:min(56rem,calc(100vw - 2rem))}.panel-compact-toolbar{display:grid;grid-template-columns:minmax(10rem,1fr) minmax(15rem,24rem) auto;align-items:center;gap:.75rem;padding:.8rem;border:1px solid var(--line);border-radius:1rem;background:linear-gradient(135deg,color-mix(in srgb,var(--brand-primary) 7%,transparent),transparent 45%),color-mix(in srgb,var(--app-surface) 90%,transparent);box-shadow:var(--shadow-soft)}.panel-compact-toolbar__title{display:grid;gap:.2rem}.panel-compact-toolbar__title h1{margin:0;color:var(--app-text);font-size:clamp(1.35rem,2vw,1.75rem);font-weight:850;line-height:1.05}.panel-compact-toolbar__title span{color:var(--app-text-muted);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.panel-compact-toolbar__search{display:grid}.panel-compact-toolbar__search input,.panel-compact-toolbar__search select{width:100%;min-height:2.85rem;padding:0 .95rem;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--paper) 94%,transparent);color:var(--app-text);font:inherit;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.panel-compact-toolbar__search input:focus,.panel-compact-toolbar__search select:focus{border-color:color-mix(in srgb,var(--brand-primary) 46%,var(--line));background:var(--paper);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary) 12%,transparent)}.panel-compact-toolbar__actions{display:flex;justify-content:flex-end;gap:.5rem}.panel-compact-page{display:grid;gap:1rem}.panel-compact-card{padding:1rem;border:1px solid var(--line);border-radius:1rem;background:color-mix(in srgb,var(--app-surface) 90%,transparent);box-shadow:var(--shadow-soft)}.panel-compact-pill{display:inline-grid;place-items:center;min-width:2.3rem;min-height:2rem;padding:0 .7rem;border-radius:999px;background:color-mix(in srgb,var(--brand-primary) 10%,transparent);color:var(--brand-primary-deep);font-size:.84rem;font-weight:850}@media(max-width:720px){.panel-compact-toolbar{grid-template-columns:1fr;align-items:stretch;padding:.85rem}.panel-compact-toolbar__actions{flex-direction:column-reverse}}.panel-list-page__row-actions{display:inline-flex;flex-wrap:wrap;gap:.55rem}.panel-list-page__row-action{display:inline-flex;align-items:center;justify-content:center;min-height:2.35rem;padding:0 .85rem;border:1px solid transparent;border-radius:.8rem;background:color-mix(in srgb,var(--app-surface) 95%,transparent);color:var(--app-text);font-size:.84rem;font-weight:800;text-decoration:none}.panel-list-page__row-action--edit{border-color:color-mix(in srgb,var(--brand-ink) 8%,transparent)}.panel-list-page__row-action--delete,.action--danger{border-color:color-mix(in srgb,#b42318 18%,transparent);background:color-mix(in srgb,#b42318 9%,var(--app-surface));color:#b42318}.panel-dialog{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:1rem}.panel-dialog__backdrop{position:absolute;inset:0;border:0;background:color-mix(in srgb,var(--brand-ink) 56%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.panel-dialog__panel{position:relative;width:min(46rem,100%);max-height:calc(100svh - 2rem);overflow:auto;border:1px solid color-mix(in srgb,var(--brand-ink) 8%,transparent);border-radius:1.2rem;background:color-mix(in srgb,var(--app-surface) 98%,var(--brand-primary-soft));box-shadow:var(--shadow-strong);padding:1.2rem}.panel-dialog__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.panel-dialog__header p{margin:0;color:var(--app-text-muted);font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.panel-dialog__header h2{margin:.3rem 0 0;color:var(--app-text);font-size:1.45rem}.panel-dialog__close{border:0;border-radius:999px;background:color-mix(in srgb,var(--brand-ink) 6%,transparent);color:var(--app-text);padding:.6rem .9rem}.panel-dialog__form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.panel-dialog__field{display:flex;flex-direction:column;gap:.35rem}.panel-dialog__field--wide,.panel-dialog__toggle,.panel-dialog__feedback,.panel-dialog__actions{grid-column:span 2}.panel-dialog__field span,.panel-dialog__toggle{color:var(--app-text-muted);font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.panel-dialog__field input{min-height:2.8rem;padding:.72rem .9rem;border:1px solid color-mix(in srgb,var(--brand-ink) 12%,transparent);border-radius:.85rem;background:var(--app-surface);color:var(--app-text)}.panel-dialog__field small{color:var(--app-text-muted)}.panel-dialog__toggle{display:inline-flex;align-items:center;gap:.55rem;padding:.9rem 1rem;border-radius:.9rem;background:color-mix(in srgb,var(--brand-ink) 4%,transparent)}.panel-dialog__feedback,.panel-form-error{padding:.85rem .95rem;border-radius:.9rem}.panel-dialog__actions{display:flex;justify-content:flex-end;gap:.75rem}@media(max-width:980px){.panel-list-page__hero,.panel-list-page__stats{grid-template-columns:1fr}.panel-list-page__actions{justify-content:flex-start}}@media(max-width:720px){.panel-list-page__table-shell,.panel-list-page__headline,.panel-list-page__controls,.panel-list-page__metric{padding:1rem}.panel-dialog__form{grid-template-columns:1fr}.panel-dialog__field--wide,.panel-dialog__toggle,.panel-dialog__feedback,.panel-dialog__actions{grid-column:span 1}.panel-dialog__actions{flex-direction:column-reverse}}@media(max-width:960px){:root{--panel-content-padding: 1.1rem;--panel-section-gap: 1.1rem;--panel-touch-size: 2.9rem}}@media(max-width:720px){:root{--panel-content-padding: .85rem;--panel-section-gap: .9rem;--panel-touch-size: 2.7rem}}
