:root{--tn-yellow:#ffc107;--tn-yellow-dark:#e6ac00;--tn-black:#101010;--tn-cream:#fff9eb;--tn-white:#ffffff;--tn-muted:#5a5a5a;--tn-border:#e9e9e9;--tn-success:#2e7d32;--tn-danger:#b71c1c;--tn-warning-bg:#fff3cd;--tn-warning-text:#856404;--tn-primary:var(--tn-yellow);--tn-on-primary:var(--tn-black);--tn-primary-container:#fff3cd;--tn-on-primary-container:#3d3000;--tn-secondary:var(--tn-black);--tn-on-secondary:var(--tn-white);--tn-surface:var(--tn-cream);--tn-on-surface:var(--tn-black);--tn-surface-container:var(--tn-white);--tn-surface-container-low:#fffdf6;--tn-surface-container-high:#fff8e7;--tn-surface-inverse:#1a1a1a;--tn-on-surface-inverse:#f5f5f5;--tn-outline:#e0e0e0;--tn-outline-variant:#cfcfcf;--tn-error:var(--tn-danger);--tn-on-error:var(--tn-white);--tn-portal-sidebar:#ffffff;--tn-portal-sidebar-elevated:#fff8e7;--tn-portal-nav:#5a5a5a;--tn-portal-nav-muted:#8a8a8a;--tn-scrim:rgba(16,16,16,0.4);--tn-scrim-strong:rgba(16,16,16,0.55);--tn-font-sans:var(--font-dm-sans),"DM Sans",system-ui,-apple-system,sans-serif;--tn-font-slab:var(--font-roboto-slab),"Roboto Slab",Georgia,serif;--tn-text-xs:0.75rem;--tn-text-sm:0.875rem;--tn-text-md:1rem;--tn-text-lg:1.125rem;--tn-text-xl:1.35rem;--tn-text-2xl:clamp(1.5rem,3vw,2rem);--tn-text-3xl:clamp(1.85rem,4vw,2.75rem);--tn-text-display:clamp(2rem,5vw,3.25rem);--tn-leading-tight:1.15;--tn-leading-snug:1.35;--tn-leading-normal:1.55;--tn-radius-xs:4px;--tn-radius-sm:8px;--tn-radius-md:12px;--tn-radius-lg:16px;--tn-radius-xl:28px;--tn-radius-pill:999px;--tn-elevation-1:0 1px 2px rgba(16,16,16,0.08),0 1px 3px rgba(16,16,16,0.06);--tn-elevation-2:0 1px 2px rgba(16,16,16,0.08),0 2px 6px rgba(16,16,16,0.1);--tn-elevation-3:0 4px 8px rgba(16,16,16,0.1),0 2px 4px rgba(16,16,16,0.06);--tn-elevation-hero:0 20px 48px rgba(16,16,16,0.18);--tn-shadow-card:var(--tn-elevation-2);--tn-shadow-header:var(--tn-elevation-1);--tn-motion-short:150ms;--tn-motion-medium:250ms;--tn-motion-long:400ms;--tn-motion-easing:cubic-bezier(0.2,0,0,1);--tn-section-y:64px;--tn-section-y-lg:88px;--tn-container-max:1160px;--tn-container-narrow:720px;--tn-touch:48px;--tn-header-offset:72px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--tn-font-sans);background:var(--tn-surface);color:var(--tn-on-surface);line-height:1.5;-webkit-font-smoothing:antialiased}:focus-visible{outline:2px solid var(--tn-primary);outline-offset:2px}a{color:inherit;text-decoration:none}input::placeholder,textarea::placeholder{color:var(--tn-muted);opacity:1}button,input,select,textarea{font:inherit}img{max-width:100%;display:block}.container{width:min(100% - 32px,var(--tn-container-max));margin-inline:auto}.section{padding-block:var(--tn-section-y)}.section-title{font-size:clamp(1.25rem,2.5vw,1.75rem);letter-spacing:-.02em;margin-bottom:16px}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:12px 20px;border-radius:var(--tn-radius-md);font-weight:700;font-size:14px;border:none;cursor:pointer;overflow:hidden;transition:transform var(--tn-motion-short) var(--tn-motion-easing),background-color var(--tn-motion-short) var(--tn-motion-easing),border-color var(--tn-motion-short) var(--tn-motion-easing),box-shadow var(--tn-motion-short) var(--tn-motion-easing),opacity var(--tn-motion-short) var(--tn-motion-easing)}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.4;pointer-events:none}.btn-primary{background:var(--tn-primary);color:var(--tn-on-primary);box-shadow:var(--tn-elevation-1)}.btn-primary:hover{background:var(--tn-yellow-dark)}.btn-outlined{background:var(--tn-surface-container);color:var(--tn-on-surface);border:1.5px solid var(--tn-outline)}.btn-outlined:hover{background:var(--tn-surface-container-high)}.btn-secondary{background:transparent;color:var(--tn-on-surface);border:1.5px solid var(--tn-outline)}.btn-secondary:hover{background:var(--tn-surface-container-high)}.btn-tonal{background:var(--tn-primary-container);color:var(--tn-on-primary-container)}.btn-dark{background:var(--tn-secondary);color:var(--tn-on-secondary)}.card{border:1px solid transparent;border-radius:var(--tn-radius-lg);box-shadow:var(--tn-elevation-1)}.card,.empty-state{background:var(--tn-surface-container)}.empty-state{padding:32px 24px;text-align:center;color:var(--tn-muted);border:1px dashed var(--tn-outline);border-radius:var(--tn-radius-lg)}.tn-field{display:flex;flex-direction:column;gap:6px;width:100%}.tn-field-label{font-size:13px;font-weight:600;color:var(--tn-on-surface)}.tn-field-control{width:100%;min-height:var(--tn-touch);padding:12px 16px;border:1px solid var(--tn-outline);border-radius:var(--tn-radius-md);background:var(--tn-surface-container);color:var(--tn-on-surface);transition:border-color var(--tn-motion-short) var(--tn-motion-easing),box-shadow var(--tn-motion-short) var(--tn-motion-easing)}.tn-field-control::placeholder{color:var(--tn-muted);opacity:1}.tn-field-control:hover{border-color:var(--tn-outline-variant)}.tn-field-control:focus{outline:none;border-color:var(--tn-primary);box-shadow:0 0 0 3px rgba(255,193,7,.28)}.tn-field-control[aria-invalid=true]{border-color:var(--tn-error);box-shadow:0 0 0 3px rgba(183,28,28,.18)}.tn-field-hint{color:var(--tn-muted)}.tn-field-error,.tn-field-hint{font-size:12px;padding-inline:4px}.tn-field-error{font-weight:600;color:var(--tn-error)}.tn-panel-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap;margin-bottom:20px}.tn-panel-sub{color:var(--tn-muted);font-size:14px;margin-top:4px}.tn-chip-row,.tn-panel-actions{display:flex;flex-wrap:wrap;gap:8px}.tn-chip-row{margin-bottom:16px}.tn-chip{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:var(--tn-radius-pill);border:1px solid var(--tn-outline);background:var(--tn-surface-container);font-size:13px;font-weight:600;cursor:pointer;transition:background-color var(--tn-motion-short) var(--tn-motion-easing),border-color var(--tn-motion-short) var(--tn-motion-easing),color var(--tn-motion-short) var(--tn-motion-easing)}.tn-chip:hover{border-color:var(--tn-primary);background:var(--tn-primary-container)}.tn-chip-active,.tn-chip-active:hover{background:var(--tn-secondary);color:var(--tn-on-secondary);border-color:var(--tn-secondary)}.tn-badge{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:var(--tn-radius-pill);background:var(--tn-primary-container);color:var(--tn-on-primary-container);font-size:12px;font-weight:700}.tn-list{list-style:none;display:grid;grid-gap:0;gap:0}.tn-list-row{padding:16px 0;border-bottom:1px solid var(--tn-outline)}.tn-kpi{padding:16px 14px;background:var(--tn-surface-container);border-radius:var(--tn-radius-lg);box-shadow:var(--tn-elevation-1);border:1px solid var(--tn-outline);border-bottom:3px solid var(--tn-primary)}.tn-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:12px;gap:12px;margin-bottom:20px}.tn-kpi span{display:block;font-size:12px;font-weight:650;color:var(--tn-muted);margin-bottom:6px}.tn-kpi strong{font-size:1.15rem;font-weight:800;letter-spacing:-.02em}.tn-filter-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:12px;gap:12px;align-items:end;margin-bottom:18px;padding:16px}.tn-filter-bar,.tn-table-card{border-radius:var(--tn-radius-lg);background:var(--tn-surface-container);border:1px solid var(--tn-outline);box-shadow:var(--tn-elevation-1)}.tn-table-card{overflow:hidden}.tn-form-stack{display:grid;grid-gap:14px;gap:14px;max-width:480px}.tn-success{color:var(--tn-success)}.tn-error-text,.tn-success{font-size:14px;font-weight:600}.tn-error-text{color:var(--tn-error)}.tn-muted-text{color:var(--tn-muted);font-size:14px}