:root{--brand-crimson: #8C1D2C;--brand-crimson-dark: #5E121C;--brand-crimson-soft: #F4E7E9;--brand-gold: #C2A14D;--brand-gold-soft: #F7F1DF;--bg: #F6F5F2;--surface: #FFFFFF;--surface-2: #FBFAF8;--border: #E4E0D9;--border-strong: #CFC9BF;--text: #211D18;--text-muted: #6E675E;--text-faint: #9A9389;--text-on-brand: #FFFFFF;--st-azul: #1D6FB8;--st-azul-bg: #E7F0F9;--st-azul-bd: #CBE0F2;--st-amarillo: #B7791F;--st-amarillo-bg: #FBF1DA;--st-amarillo-bd: #EAD9AE;--st-rojo: #B3261E;--st-rojo-bg: #FBE9E7;--st-rojo-bd: #F0C7C2;--st-verde: #2E7D46;--st-verde-bg: #E6F2EA;--st-verde-bd: #BFDCC8;--st-neutral: #6E675E;--st-neutral-bg: #EFEDE9;--st-neutral-bd: #DAD5CD;--color-info: var(--st-azul);--color-warning: var(--st-amarillo);--color-danger: var(--st-rojo);--color-success: var(--st-verde);--font-sans: "Inter", "Hiragino Kaku Gothic ProN", "Noto Sans JP", system-ui, -apple-system, sans-serif;--font-mono: "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;--fs-xs: 12px;--fs-sm: 13px;--fs-md: 14px;--fs-lg: 16px;--fs-xl: 20px;--fs-2xl: 26px;--lh-tight: 1.25;--lh-normal: 1.5;--fw-normal: 400;--fw-medium: 500;--fw-semibold: 600;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-8: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-pill: 999px;--shadow-1: 0 1px 2px rgba(33, 29, 24, .06);--shadow-2: 0 2px 8px rgba(33, 29, 24, .08);--shadow-3: 0 8px 24px rgba(33, 29, 24, .12);--header-h: 56px;--sidebar-w: 220px;--content-max: 1200px;--z-header: 100;--z-dropdown: 200;--z-modal: 1000}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-md);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased}a{color:var(--brand-crimson);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{margin:0;font-weight:var(--fw-semibold);line-height:var(--lh-tight)}.u-mono{font-family:var(--font-mono)}.u-muted{color:var(--text-muted)}.u-faint{color:var(--text-faint)}.u-row{display:flex;gap:var(--sp-3);align-items:center}.u-col{display:flex;flex-direction:column;gap:var(--sp-3)}.u-wrap{flex-wrap:wrap}.u-spread{justify-content:space-between}.u-right{text-align:right}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-2)}.btn{font:inherit;font-weight:var(--fw-semibold);font-size:var(--fs-sm);padding:8px 16px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);cursor:pointer;transition:filter .12s ease,background .12s ease}.btn:hover{filter:brightness(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--brand-crimson);color:var(--text-on-brand);border-color:var(--brand-crimson)}.btn--danger{background:var(--st-rojo);color:#fff;border-color:var(--st-rojo)}.btn--ghost{background:transparent;border-color:transparent}.btn--ghost:hover{background:var(--surface-2)}.btn--sm{padding:5px 10px;font-size:var(--fs-xs)}:focus-visible{outline:2px solid var(--st-azul);outline-offset:2px}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:var(--fw-semibold);border:1px solid transparent;white-space:nowrap}.badge__dot{width:7px;height:7px;border-radius:50%;background:currentColor}.badge--neutral{color:var(--st-neutral);background:var(--st-neutral-bg);border-color:var(--st-neutral-bd)}.badge--azul{color:var(--st-azul);background:var(--st-azul-bg);border-color:var(--st-azul-bd)}.badge--amarillo{color:var(--st-amarillo);background:var(--st-amarillo-bg);border-color:var(--st-amarillo-bd)}.badge--rojo{color:var(--st-rojo);background:var(--st-rojo-bg);border-color:var(--st-rojo-bd)}.badge--verde{color:var(--st-verde);background:var(--st-verde-bg);border-color:var(--st-verde-bd)}.money{font-family:var(--font-mono);font-weight:var(--fw-semibold);white-space:nowrap}.money--block{display:inline-flex;flex-direction:column;align-items:flex-end}.money__sub{font-weight:var(--fw-normal);font-size:var(--fs-xs);color:var(--text-faint)}.banner{border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-4);font-size:var(--fs-sm);border:1px solid transparent}.banner__title{display:block;margin-bottom:2px}.banner--info{color:#12456e;background:var(--st-azul-bg);border-color:var(--st-azul-bd)}.banner--warning{color:#7a5210;background:var(--st-amarillo-bg);border-color:var(--st-amarillo-bd)}.banner--danger{color:#7d1a15;background:var(--st-rojo-bg);border-color:var(--st-rojo-bd)}.banner--success{color:#1e5230;background:var(--st-verde-bg);border-color:var(--st-verde-bd)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--sp-3)}.field__label{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text)}.field__input{font:inherit;font-size:var(--fs-md);padding:9px 12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);width:100%}.field__input:focus{border-color:var(--st-azul)}.field__input.is-error{border-color:var(--st-rojo)}.field__hint{font-size:var(--fs-xs);color:var(--text-faint)}.field__error{font-size:var(--fs-xs);color:var(--st-rojo)}.upload{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-4);border:1.5px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--surface-2);cursor:pointer;font:inherit;width:100%}.upload:hover{border-color:var(--brand-gold)}.upload__icon{font-size:var(--fs-xl);color:var(--text-muted)}.upload__grid{display:flex;gap:var(--sp-2);flex-wrap:wrap;margin-top:var(--sp-2)}.upload__thumb{width:72px;height:72px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border)}.dt__toolbar{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-3)}.dt__search{max-width:260px}.dt__count{font-size:var(--fs-sm)}.dt__scroll{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-1)}.dt__table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.dt__table thead th{text-align:left;background:var(--surface-2);color:var(--text-muted);font-weight:var(--fw-semibold);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);white-space:nowrap}.dt__table thead th.is-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.dt__table tbody td{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border)}.dt__table tbody tr:nth-child(2n){background:var(--surface-2)}.dt__table tbody tr:hover{background:var(--brand-crimson-soft)}.dt__table .is-right{text-align:right}.dt__sort{color:var(--brand-crimson)}.dt__empty{text-align:center;color:var(--text-faint);padding:var(--sp-6)}.dt__pager{display:flex;align-items:center;gap:var(--sp-3);justify-content:center;margin-top:var(--sp-3)}.modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#211d1873;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--sp-4)}.modal{max-width:440px;width:100%;border-top:4px solid var(--brand-crimson)}.modal--danger{border-top-color:var(--st-rojo)}.modal__body{padding:var(--sp-5)}.modal__title{margin-bottom:var(--sp-2)}.modal__text{color:var(--text-muted);font-size:var(--fs-sm)}.modal__actions{display:flex;gap:var(--sp-3);justify-content:flex-end;margin-top:var(--sp-5)}.login{min-height:100%;display:flex;align-items:center;justify-content:center;padding:var(--sp-5)}.login__card{width:100%;max-width:380px;padding:var(--sp-6)}.login__brand{font-size:var(--fs-xl);font-weight:var(--fw-semibold);color:var(--brand-crimson);border-bottom:2px solid var(--brand-gold);padding-bottom:var(--sp-2);margin-bottom:var(--sp-3);display:inline-block}.login .btn{width:100%;margin-top:var(--sp-2)}.shell{min-height:100%}.shell__header{height:var(--header-h);background:var(--brand-crimson-dark);color:#fff;display:flex;align-items:center;gap:var(--sp-3);padding:0 var(--sp-5);border-bottom:3px solid var(--brand-gold);position:sticky;top:0;z-index:var(--z-header)}.shell__brand{font-weight:var(--fw-semibold)}.shell__spacer{flex:1}.shell__user{font-size:var(--fs-sm);color:#e9c7cc}.shell__body{display:flex;max-width:var(--content-max);margin:0 auto}.shell__nav{width:var(--sidebar-w);padding:var(--sp-4) var(--sp-3);flex-shrink:0}.shell__nav a{display:block;padding:8px 12px;border-radius:var(--radius-sm);color:var(--text);font-size:var(--fs-sm);font-weight:var(--fw-medium)}.shell__nav a:hover{background:var(--surface);text-decoration:none}.shell__nav a.is-active{background:var(--brand-crimson-soft);color:var(--brand-crimson)}.shell__main{flex:1;padding:var(--sp-5);min-width:0}.center-note{display:flex;align-items:center;justify-content:center;padding:var(--sp-8);color:var(--text-muted)}.tabs{display:flex;gap:var(--sp-1);border-bottom:1px solid var(--border)}.tab{font:inherit;font-weight:var(--fw-medium);font-size:var(--fs-sm);padding:8px 14px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.tab:hover{color:var(--text)}.tab.is-active{color:var(--brand-crimson);border-bottom-color:var(--brand-crimson)}@media (max-width: 720px){.hide-mobile{display:none!important}.shell__body{flex-direction:column}.shell__nav{width:100%;display:flex;gap:var(--sp-2);overflow-x:auto}.shell__nav a{white-space:nowrap}}