@import "https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";.app-layout{flex-direction:column;min-height:100vh;display:flex}.app-topbar{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:20;display:flex;position:sticky;top:0}.app-brand{align-items:baseline;gap:var(--space-2);flex-wrap:wrap;display:flex}.app-brand strong{font-family:var(--font-display);color:var(--color-primary);font-size:1.125rem}.app-brand span{color:var(--color-muted-foreground);font-size:.8125rem}.app-menu-toggle{border:1px solid var(--color-border-strong);border-radius:var(--radius);background:var(--color-surface);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.125rem;display:none}.app-body{flex:1;align-items:flex-start;display:flex;position:relative}.app-sidebar{width:var(--sidebar-width);padding:var(--space-5) var(--space-3);background:var(--color-surface);border-right:1px solid var(--color-border);flex-shrink:0;max-height:calc(100vh - 61px);position:sticky;top:61px;overflow-y:auto}.app-nav-group+.app-nav-group{margin-top:var(--space-5)}.app-nav-group-title{text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted-foreground);padding:0 var(--space-3);margin-bottom:var(--space-2);font-size:.6875rem}.app-nav-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.app-nav-link{text-align:left;width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius);color:var(--color-foreground);cursor:pointer;background:0 0;border:none;font-size:.875rem;line-height:1.4;display:block}.app-nav-link:hover{background:var(--color-muted)}.app-nav-link.is-active{background:var(--color-error-bg);color:var(--color-primary);font-weight:600}.app-main{min-width:0;padding:var(--space-6) var(--space-5) var(--space-8);flex:1}.app-scrim{display:none}@media (width<=900px){.app-menu-toggle{display:inline-flex}.app-sidebar{z-index:30;max-height:none;padding-top:var(--space-6);transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.app-sidebar.is-open{transform:translate(0)}.app-scrim{z-index:25;cursor:pointer;background:#27272766;border:none;padding:0;display:block;position:fixed;inset:0}.app-main{padding:var(--space-5) var(--space-4) var(--space-8)}}@media (prefers-reduced-motion:reduce){.app-sidebar{transition:none}}.demo-notice{background:var(--color-warning-bg);border:1px solid var(--color-warning);border-radius:var(--radius);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-5);flex-direction:column;gap:2px;display:flex}.demo-notice-title{text-transform:uppercase;letter-spacing:.04em;color:var(--color-warning);font-size:.8125rem}.demo-notice-body{color:var(--color-foreground);font-size:.875rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-5);margin-bottom:var(--space-5)}.card-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.card-title{font-size:1.0625rem}.card-description{margin:var(--space-1) 0 0;color:var(--color-muted-foreground);font-size:.875rem}.card-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.data-table-wrap{width:100%}.data-table{border-collapse:collapse;width:100%;font-size:.875rem}.data-table th,.data-table td{text-align:left;padding:var(--space-3);border-bottom:1px solid var(--color-border)}.data-table th{text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted-foreground);white-space:nowrap;font-size:.75rem;font-weight:600}.data-table td.is-numeric,.data-table th.is-numeric{text-align:right;font-variant-numeric:tabular-nums}.data-table tbody tr:last-child td{border-bottom:none}.data-table tr.is-clickable{cursor:pointer}.data-table tr.is-clickable:hover td{background:var(--color-muted)}.data-table-empty{padding:var(--space-6) 0;text-align:center;color:var(--color-muted-foreground);margin:0;font-size:.9375rem}@media (width<=860px){.data-table,.data-table tbody,.data-table tr,.data-table td{width:100%;display:block}.data-table thead{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.data-table tr{border:1px solid var(--color-border);border-radius:var(--radius);margin-bottom:var(--space-3);padding:var(--space-2)}.data-table td{justify-content:space-between;align-items:baseline;gap:var(--space-4);padding:var(--space-2);border-bottom:none;display:flex}.data-table td:before{content:attr(data-label);text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted-foreground);flex-shrink:0;font-size:.6875rem;font-weight:600}.data-table td.is-numeric{text-align:right}}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-sans);border-radius:var(--radius);cursor:pointer;border:1.5px solid #0000;font-weight:600;transition:background-color .15s,border-color .15s;display:inline-flex}.btn-sm{height:36px;padding:0 var(--space-3);font-size:.8125rem}.btn-md{height:44px;padding:0 var(--space-5);font-size:.9375rem}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--color-primary-foreground)}.btn-primary:not(:disabled):hover{background:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface);color:var(--color-foreground);border-color:var(--color-border-strong)}.btn-secondary:not(:disabled):hover{border-color:var(--color-foreground)}.btn-ghost{color:var(--color-primary);background:0 0}.btn-ghost:not(:disabled):hover{color:var(--color-primary-hover);text-decoration:underline}.filters{align-items:flex-end;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.filters-field{gap:var(--space-1);flex-direction:column;min-width:150px;display:flex}.filters-field-grow{flex:220px}.filters-field label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted-foreground);font-size:.75rem;font-weight:600}.filters-field input,.filters-field select{height:40px;padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius);background:var(--color-surface);color:var(--color-foreground);width:100%;font-size:.875rem}@media (width<=600px){.filters-field{flex:100%;min-width:0}}.page-heading{margin-bottom:var(--space-5)}.page-heading h1{font-size:1.5rem}.page-heading p{margin:var(--space-2) 0 0;color:var(--color-muted-foreground);font-size:.9375rem}.pagination{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.pagination-status,.pagination-page{color:var(--color-muted-foreground);font-size:.8125rem}.pagination-controls{align-items:center;gap:var(--space-3);display:flex}.stat-tile{background:var(--color-surface);border:1px solid var(--color-border);border-left:3px solid var(--color-border-strong);border-radius:var(--radius);padding:var(--space-4);flex-direction:column;gap:2px;display:flex}.stat-tile-success{border-left-color:var(--color-success)}.stat-tile-warning{border-left-color:var(--color-warning)}.stat-tile-error{border-left-color:var(--color-error)}.stat-tile-label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted-foreground);font-size:.75rem;font-weight:600}.stat-tile-value{font-size:1.5rem;font-family:var(--font-display);font-variant-numeric:tabular-nums;line-height:1.2}.stat-tile-detail{color:var(--color-muted-foreground);font-size:.8125rem}.stat-grid{gap:var(--space-4);margin-bottom:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.status-badge{padding:2px var(--space-2);white-space:nowrap;border-radius:999px;font-size:.75rem;font-weight:600;display:inline-block}.status-badge-success{background:var(--color-success-bg);color:var(--color-success)}.status-badge-info{background:var(--color-info-bg);color:var(--color-info)}.status-badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.status-badge-error{background:var(--color-error-bg);color:var(--color-error)}.detail-list{gap:var(--space-3) var(--space-6);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:0;display:grid}.detail-row{padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border);flex-direction:column;gap:2px;display:flex}.detail-row dt{text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted-foreground);font-size:.6875rem;font-weight:600}.detail-row dd{word-break:break-word;margin:0;font-size:.9375rem}.detail-note{margin:var(--space-5) 0 0;color:var(--color-muted-foreground);font-size:.8125rem}:root{--font-display:"Golos Text", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-sans:"Golos Text", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Courier New", monospace;--color-background:#f4f5fb;--color-foreground:#272727;--color-primary:#be0030;--color-primary-foreground:#fff;--color-primary-hover:#6d0f2a;--color-surface:#fff;--color-muted:#eceefd99;--color-muted-foreground:#272727a6;--color-border:#27272724;--color-border-strong:#2727274d;--color-focus:#be0030;--color-success:#1a7a42;--color-success-bg:#1a7a4217;--color-warning:#9a6b00;--color-warning-bg:#9a6b001a;--color-error:#be0030;--color-error-bg:#be003014;--color-info:#2c4c8c;--color-info-bg:#2c4c8c14;--radius:10px;--radius-lg:16px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--shadow-card:0 1px 2px #2727270d, 0 10px 28px #2727270f;--sidebar-width:268px}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-sans);color:var(--color-foreground);background:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:16px;line-height:1.55}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-weight:700}input,select,button{font-family:var(--font-sans)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}