:root{--type-page: 26px;--type-section: 15px;--type-body: 14px;--type-label: 13px;--type-caption: 12px;--type-number: 28px;--page-pad-x: 28px;--page-pad-y: 24px;--panel-radius: 16px;--panel-pad: 20px;--btn-h: 40px;--btn-h-sm: 32px;--btn-h-lg: 48px;--btn-radius: 12px;--btn-danger-bg: var(--danger-badge-solid);--btn-danger-ink: var(--danger-badge-contrast);--btn-disabled-bg: var(--bg-secondary);--text-disabled: #a29e97;--bg-hover: var(--btn-quiet-bg-hover);--bg-card: var(--bg-content-surface)}.dark{--text-disabled: #75716b}@media(pointer:coarse){:root{--type-body: 15px}}.btn{--_h: var(--btn-h);position:relative;min-width:0;max-width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--_h);min-height:var(--_h);padding:0 16px;border:1px solid transparent;border-radius:var(--btn-radius);font-size:var(--type-body);font-weight:600;line-height:1;letter-spacing:-.006em;white-space:nowrap;text-decoration:none;-webkit-user-select:none;user-select:none;cursor:pointer;opacity:1;box-shadow:none;transition:background-color .14s ease,border-color .14s ease,color .14s ease,filter .14s ease,transform .1s ease}.btn>svg{width:16px;height:16px;flex:none}.btn-label{min-width:0;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.btn:after{content:"";position:absolute;inset:min(0px,calc((var(--_h) - 44px) / 2))}.btn:focus-visible{outline:var(--focus-ring-width, 2px) solid var(--focus-ring-color, var(--accent-color));outline-offset:var(--focus-ring-offset, 2px)}.btn:active:not(:disabled):not([aria-disabled=true]){transform:scale(.98)}.btn-sm{--_h: var(--btn-h-sm);padding:0 12px;gap:6px;font-size:var(--type-label);border-radius:10px}.btn-sm>svg{width:15px;height:15px}.btn-lg{--_h: var(--btn-h-lg);padding:0 20px;font-size:15px;border-radius:14px}.btn-lg>svg{width:18px;height:18px}.btn-block{width:100%}.btn-wrap{white-space:normal;height:auto;padding-block:9px;line-height:1.25;text-align:center}.btn-icon{width:var(--_h);min-width:var(--_h);padding:0}.btn-icon>svg{width:18px;height:18px}.btn-icon.btn-sm>svg{width:16px;height:16px}.btn.btn-primary{background:var(--accent-color);color:var(--accent-contrast, #fff);border-color:transparent}.btn.btn-primary:hover:not(:disabled):not([aria-disabled=true]){filter:brightness(1.06)}.btn.btn-outline{background:var(--btn-outline-bg);color:var(--text-primary);border-color:var(--border-color)}.btn.btn-outline:hover:not(:disabled):not([aria-disabled=true]){background:var(--btn-quiet-bg)}.btn.btn-secondary{background:var(--btn-quiet-bg);color:var(--text-primary);border-color:transparent}.btn.btn-secondary:hover:not(:disabled):not([aria-disabled=true]){background:var(--btn-quiet-bg-hover)}.btn.btn-quiet{background:transparent;color:var(--text-secondary);border-color:transparent}.btn.btn-quiet:hover:not(:disabled):not([aria-disabled=true]),.btn.btn-quiet[aria-expanded=true],.btn.btn-quiet[aria-pressed=true]{background:var(--btn-quiet-bg);color:var(--text-primary)}.btn.btn-danger{background:var(--btn-danger-bg);color:var(--btn-danger-ink);border-color:transparent}.btn.btn-danger:hover:not(:disabled):not([aria-disabled=true]){filter:brightness(1.06)}.btn.btn-danger:focus-visible{outline-color:var(--btn-danger-bg)}.btn:disabled,.btn[aria-disabled=true]{background:var(--btn-disabled-bg);color:var(--text-disabled);border-color:transparent;filter:none;cursor:not-allowed;opacity:1!important}.btn.btn-quiet:disabled,.btn.btn-quiet[aria-disabled=true]{background:transparent}.btn.btn-outline:disabled,.btn.btn-outline[aria-disabled=true]{border-color:var(--border-color);background:transparent}.btn[aria-busy=true]{cursor:progress}.btn .btn-spinner{animation:btn-spin .8s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.btn .btn-spinner{animation-duration:2.4s}}@media(pointer:coarse){.btn{min-height:44px}.btn-icon{min-width:44px}}.btn-row{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.icon-muted{color:var(--text-secondary)}@media(hover:none){.touch-visible{opacity:1}}.icon-strong{color:var(--text-primary)}.type-page-title{font-size:var(--type-page);line-height:1.2;font-weight:600;letter-spacing:-.022em;color:var(--text-primary);text-wrap:balance}.type-page-subtitle{font-size:var(--type-body);line-height:1.45;font-weight:400;color:var(--text-secondary)}.type-section-title{font-size:var(--type-section);line-height:1.3;font-weight:600;letter-spacing:-.01em;color:var(--text-primary)}.type-label{font-size:var(--type-label);line-height:1.35;font-weight:500;color:var(--text-secondary)}.type-caption{font-size:var(--type-caption);line-height:1.35;font-weight:500;color:var(--text-secondary)}.type-number{font-size:var(--type-number);line-height:1.1;font-weight:600;letter-spacing:-.024em;font-variant-numeric:tabular-nums;color:var(--text-primary)}.section-label{font-size:var(--type-caption);line-height:1.3;font-weight:600;color:var(--text-secondary);letter-spacing:0;text-transform:none}.page-shell{padding:var(--page-pad-y) var(--page-pad-x) 40px;min-width:0}@media(max-width:1100px){.page-shell{--page-pad-x: 20px;--page-pad-y: 20px}}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.page-header-text{min-width:0;display:flex;flex-direction:column;gap:4px}.page-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-left:auto}.page-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}.search-field{position:relative;display:flex;align-items:center;min-width:200px;flex:1 1 240px;max-width:420px}.search-field>svg{position:absolute;left:12px;width:16px;height:16px;color:var(--text-secondary);pointer-events:none}.search-field>input{width:100%;height:var(--btn-h);padding:0 12px 0 36px;border-radius:var(--btn-radius);border:1px solid var(--border-color);background:var(--btn-outline-bg);color:var(--text-primary);font-size:var(--type-body)}.search-field>input::placeholder{color:var(--text-secondary);opacity:1}.search-field>input:focus-visible{outline:var(--focus-ring-width, 2px) solid var(--focus-ring-color, var(--accent-color));outline-offset:1px}@media(pointer:coarse){.search-field>input{font-size:16px}}@media(max-width:640px){.search-field{min-width:0;max-width:none}}.ui-panel{background-color:var(--bg-content-surface);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--panel-radius);box-shadow:var(--glass-shadow-contact),var(--glass-shadow-ambient);padding:var(--panel-pad);min-width:0}.ui-panel-flush{padding:0;overflow:hidden}.ui-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;min-height:32px}.ui-panel-flush>.ui-panel-header{padding:16px var(--panel-pad) 0}.ui-panel-header-text{min-width:0;display:flex;flex-direction:column;gap:2px}.ui-panel-rows>*+*{border-top:1px solid var(--border-color)}.ui-stat-row{display:grid;grid-template-columns:repeat(var(--stat-cols, 3),minmax(0,1fr))}.ui-stat-row>.ui-stat{padding:18px var(--panel-pad)}.ui-stat-row>.ui-stat+.ui-stat{border-left:1px solid var(--border-color)}.ui-stat{display:flex;flex-direction:column;gap:6px;min-width:0}.ui-stat-detail{font-size:var(--type-caption);color:var(--text-secondary)}.ui-stat.is-attention .type-number{color:var(--danger-text)}@media(max-width:900px){.ui-stat-row{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-stat-row>.ui-stat:nth-child(odd){border-left:0}.ui-stat-row>.ui-stat:nth-child(n+3){border-top:1px solid var(--border-color)}}.data-table{width:100%;border-collapse:collapse;font-size:var(--type-body)}.data-table th{text-align:left;font-size:var(--type-caption);font-weight:600;color:var(--text-secondary);padding:10px 12px;border-bottom:1px solid var(--border-color);white-space:nowrap}.data-table td{padding:11px 12px;border-bottom:1px solid var(--border-color);color:var(--text-primary);vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover td{background:var(--btn-quiet-bg)}.data-table .num{text-align:right;font-variant-numeric:tabular-nums}.data-table th:first-child,.data-table td:first-child{padding-left:var(--panel-pad)}.data-table th:last-child,.data-table td:last-child{padding-right:var(--panel-pad)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px;gap:6px}.empty-state-glyph{color:var(--text-secondary);margin-bottom:6px}.empty-state-glyph>svg{width:24px;height:24px}.empty-state-title{font-size:var(--type-section);font-weight:600;color:var(--text-primary)}.empty-state-hint{font-size:var(--type-label);line-height:1.5;color:var(--text-secondary);max-width:42ch;text-wrap:pretty}.empty-state-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap;justify-content:center}
