:root{--bg:#0b1220;--panel:#0f182a;--muted:#7a8599;--text:#e7ecf5;--primary:#f7be14;--danger:#ef476f;--ok:#2ecc71;--border:#1e2a41}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:linear-gradient(180deg,#0b1220,#0e1526);color:var(--text);font:14px/1.4 system-ui,Segoe UI,Roboto,Ubuntu,sans-serif}.app{display:grid;grid-template-columns:260px 1fr;grid-template-rows:56px 1fr;grid-template-areas:"sidebar top" "sidebar main";height:100%}.app.collapsed{grid-template-columns:80px 1fr}.top{grid-area:top;background:#ffffff05;-webkit-backdrop-filter:saturate(1.2) blur(6px);backdrop-filter:saturate(1.2) blur(6px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 16px}.brand{display:flex;align-items:center;gap:10px}.brand .logo{width:24px;height:24px;border-radius:6px;background:var(--primary);box-shadow:0 0 0 4px #f7be141f}.sidebar{grid-area:sidebar;background:var(--panel);border-right:1px solid var(--border);padding:14px 10px;display:flex;flex-direction:column;gap:8px}.sidebar.collapsed .label{display:none}.sb-top{display:flex;justify-content:flex-end;margin-bottom:6px}.sb-toggle{background:transparent;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:6px;cursor:pointer}.navbtn{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;border:1px solid transparent;color:var(--text);text-decoration:none;background:transparent;cursor:pointer}.navbtn .navicon{opacity:.9}.navbtn.active{background:#f7be141a;border-color:#f7be1447}.navbtn:hover{background:#ffffff0a}.main{grid-area:main;padding:18px;overflow:auto}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}.input,select,.btn{background:#0f182a;border:1px solid var(--border);color:var(--text);padding:10px 12px;border-radius:8px}.input:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #f7be1426}.btn{cursor:pointer}.btn.primary{background:linear-gradient(180deg,#ffd86b,#f7be14);border-color:#d7a90f;color:#212529;font-weight:600}.btn.ghost{background:transparent;border-color:var(--border)}.btn.danger{background:linear-gradient(180deg,#ff7b9a,#ef476f);border-color:#c93b5d}.card{background:#ffffff08;border:1px solid var(--border);border-radius:12px;padding:14px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px;border-bottom:1px solid var(--border)}.table th{color:var(--muted);font-weight:600;text-align:left}.badge{padding:2px 8px;border-radius:999px;font-size:12px;border:1px solid var(--border);background:#ffffff0a}.grid{display:grid;gap:12px}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(3,1fr)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:flex-start;justify-content:center;padding:40px 10px}.modal .dialog{background:#0d1424;border:1px solid var(--border);border-radius:12px;max-width:1000px;width:100%;padding:16px}.tabs{display:flex;gap:6px;border-bottom:1px solid var(--border);margin-bottom:10px}.tab{padding:10px 12px;border-radius:8px 8px 0 0;border:1px solid transparent;border-bottom:0;cursor:pointer}.tab.active{background:#ffffff0f;border-color:var(--border)}.section-title{margin:12px 0 6px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.kpi .card{display:flex;align-items:center;gap:12px}.kpi .num{font-size:22px;font-weight:700}@media (max-width: 960px){.app{grid-template-columns:1fr;grid-template-rows:auto 1fr;grid-template-areas:"top" "main"}.sidebar{display:none}.kpi{grid-template-columns:repeat(2,1fr)}}.info-btn{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;font-size:12px;font-weight:600;border:1px solid var(--border);background:#ffffff08;color:var(--muted);cursor:pointer;transition:all .15s ease-in-out}.info-btn:hover{color:var(--text);border-color:var(--muted);background:#ffffff0f}.info-btn.copied{color:#10b981;border-color:#10b981}.badge+.info-btn{margin-left:6px}.info-popover{position:absolute;top:24px;left:0;z-index:10}.info-popover-content{background:#0b1220;border:1px solid var(--border);border-radius:6px;padding:6px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;color:var(--text);white-space:nowrap;box-shadow:0 6px 18px #00000059}.table.table-pets{table-layout:fixed}.table.table-pets th,.table.table-pets td{vertical-align:top;overflow:hidden;text-overflow:ellipsis}.table.table-pets td:nth-child(1),.table.table-pets th:nth-child(1){width:45%}.table.table-pets td:nth-child(2),.table.table-pets th:nth-child(2){width:45%}.table.table-pets td:nth-child(3),.table.table-pets th:nth-child(3){width:10%;text-align:right}.table.table-pets td:nth-child(2) .owner{display:inline-flex;align-items:center;gap:8px}