
.y{min-height:100vh}
.y-top{position:sticky;top:0;z-index:20;background:var(--header-bg);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.y-top-in{max-width:1280px;margin:0 auto;display:flex;align-items:center;gap:var(--sp-4);min-height:60px;padding:0 var(--gutter)}
.y-brand{display:flex;align-items:center;gap:var(--sp-2);font-weight:500;white-space:nowrap;min-height:44px}
.y-brand .brand-mark{width:28px;height:28px}
.y-brand small{color:var(--muted);font-weight:400}
.y-nav{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0}
.y-nav::-webkit-scrollbar{display:none}
.y-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--sp-3);border-radius:var(--radius);color:var(--muted);font-size:14px;white-space:nowrap}
.y-nav a:hover{color:var(--text)}
.y-nav a[aria-current="page"]{background:var(--surface-2);color:var(--text);font-weight:500}
.y-me{display:flex;align-items:center;gap:var(--sp-2);flex:none}
.y-me .tema{width:44px;height:44px}
.y-me-name{color:var(--muted);font-size:13px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:900px){
  .y-top-in{flex-wrap:wrap;padding-top:var(--sp-2);gap:var(--sp-2) var(--sp-3)}
  .y-brand{flex:1}
  .y-nav{order:3;flex-basis:100%;margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter) var(--sp-2)}
  .y-me-name{display:none}
}
.y-main{max-width:1280px;margin:0 auto;padding:0 var(--gutter) var(--sp-16)}
.y-h{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap;padding:var(--sp-8) 0 var(--sp-5)}
.y-h h1{font:500 26px/1.2 var(--sans);letter-spacing:-.02em}
.y-h p{color:var(--muted);margin-top:6px;max-width:680px}
.y-crumb{font-size:13px;color:var(--muted);margin-bottom:var(--sp-2)}
.y-crumb a:hover{color:var(--text)}
.y-sec{margin-top:var(--sp-8)}
.y-sec > h2,.y-card > h2{font:500 var(--fs-lg)/1.3 var(--sans);letter-spacing:-.015em;margin-bottom:var(--sp-3)}
.y-sec > p.note{margin:-6px 0 var(--sp-3)}
.y-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--sp-3)}
.y-stat{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:var(--sp-4)}
.y-stat > span{color:var(--muted);font-size:13px}
.y-stat > b{display:block;font:500 26px/1.15 var(--sans);letter-spacing:-.02em;margin-top:6px;font-variant-numeric:tabular-nums}
.y-stat > small{display:block;color:var(--muted);font-size:12px;margin-top:6px}
.y-meter{display:block;width:100%;height:6px;margin-top:var(--sp-3)}
.y-meter .bg{fill:var(--surface-2)}
.y-meter .fg{fill:var(--muted)}
.y-meter.wait .fg{fill:var(--wait)}
.y-meter.danger .fg{fill:var(--danger)}
.y-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:var(--sp-4);align-items:start}
.y-card{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:var(--sp-5)}
.y-card + .y-card{margin-top:0}
.y-card .note{margin-top:var(--sp-2)}
.y-card.danger{border-color:var(--danger-edge)}
.y-card.danger > h2{color:var(--danger)}
.y-dl{display:grid;grid-template-columns:max-content 1fr;gap:var(--sp-2) var(--sp-4);font-size:14px}
.y-dl dt{color:var(--muted)}
.y-dl dd{min-width:0;overflow-wrap:anywhere}
.y-form{display:grid;gap:var(--sp-3)}
.y-form + .y-form{margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid var(--line)}
.y-row{display:flex;gap:var(--sp-2);flex-wrap:wrap;align-items:flex-end}
.y-row > .field{flex:1;min-width:180px}
.y .input{height:44px}
.y textarea.input{height:auto;min-height:88px;padding:var(--sp-2) var(--sp-3);resize:vertical}
.y select.input{padding-right:var(--sp-6)}
.y .btn{height:44px}
.y .btn-sm{height:36px}
.y-checks{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--sp-2)}
.y-check{display:flex;gap:var(--sp-3);align-items:center;min-height:44px;padding:0 var(--sp-3);border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);cursor:pointer;font-size:14px}
.y-check input{width:18px;height:18px;accent-color:var(--primary)}
.y-check:has(input:checked){background:var(--surface-2);font-weight:500}
.y-table-wrap{border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--surface)}
.y-table{width:100%;border-collapse:collapse;font-size:14px}
.y-table th{text-align:left;font-weight:400;color:var(--muted);font-size:13px;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--line);white-space:nowrap}
.y-table td{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--line);vertical-align:middle}
.y-table tr:last-child td{border-bottom:0}
.y-table tbody tr:hover{background:var(--surface-2)}
.y-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.y-table a.y-strong{font-weight:500}
.y-table a.y-strong:hover{text-decoration:underline;text-underline-offset:3px}
.y-sub{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.y-empty{padding:var(--sp-6) var(--sp-4);color:var(--muted);text-align:center}
@media (max-width:720px){
  .y-table-wrap{border:0;background:none;overflow:visible}
  .y-table thead{display:none}
  .y-table,.y-table tbody,.y-table tr,.y-table td{display:block;width:100%}
  .y-table tr{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:var(--sp-2) var(--sp-4);margin-bottom:var(--sp-2)}
  .y-table td{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-2) 0;border:0;text-align:right}
  .y-table td::before{content:attr(data-l);color:var(--muted);font-size:13px;text-align:left;flex:none}
  .y-table td.num{text-align:right}
  .y-table td:first-child{text-align:left}
  .y-table td:first-child::before{display:none}
}
.y-filters{display:flex;gap:var(--sp-2);flex-wrap:wrap;align-items:flex-end;margin-bottom:var(--sp-4)}
.y-filters .field{min-width:160px;flex:1}
.y-filters .field.grow{flex:3}
.tag.danger{color:var(--danger);border-color:var(--danger-edge)}
.tag.danger::before{background:var(--danger)}
.y-codes{font:400 14px/1.5 var(--mono);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:var(--sp-3);overflow-wrap:anywhere}
.y-list{list-style:none;display:grid;gap:var(--sp-2);font-size:14px}
.y-list li{display:flex;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap}
.y-actions{display:flex;gap:var(--sp-2);flex-wrap:wrap;align-items:center}
.y-logo{width:56px;height:56px;border:1px solid var(--line);border-radius:6px;object-fit:contain;background:var(--bg)}
.y-ident{display:flex;gap:var(--sp-4);align-items:center}
.y-flash{margin:var(--sp-4) 0 0;padding:var(--sp-3) var(--sp-4);border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);font-size:14px}
.y-flash.err{border-color:var(--danger-edge);color:var(--danger)}
.y-pager{display:flex;justify-content:space-between;align-items:center;margin-top:var(--sp-3);font-size:13px;color:var(--muted)}
.y-ts-cell{white-space:nowrap;color:var(--muted)}
.y-mono{font-family:var(--mono);font-size:13px}
.y-auth .auth-card{max-width:420px}
.y-auth .cf-turnstile{min-height:65px}
