:root{--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--color-text-primary:#111827;--color-text-secondary:#4b5563;--color-text-tertiary:#9ca3af;--color-text-info:#1d4ed8;--color-text-success:#065f46;--color-text-warning:#92400e;--color-text-danger:#991b1b;--color-border-secondary:#d1d5db;--color-border-tertiary:#e5e7eb;--color-border-danger:#fca5a5;--color-border-info:#3b82f6;--color-background-primary:#ffffff;--color-background-secondary:#f9fafb;--color-background-info:#eff6ff;--color-background-success:#ecfdf5;--color-background-warning:#fffbe6;--color-background-danger:#fef2f2;--border-radius-md:6px;--border-radius-lg:12px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);font-size:14px;color:var(--color-text-primary)}.nav{justify-content:space-between;padding:0 20px;height:48px;border-bottom:.5px solid var(--color-border-tertiary);background:var(--color-background-primary)}.nav,.nav-logo{display:flex;align-items:center}.nav-logo{font-size:15px;font-weight:500;color:var(--color-text-primary);gap:6px}.nav-right{display:flex;align-items:center;gap:8px}.nav-link{font-size:13px;color:var(--color-text-secondary);padding:4px 10px;border-radius:var(--border-radius-md);cursor:pointer;border:none;background:none}.nav-link:hover{background:var(--color-background-secondary)}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--border-radius-md);font-size:13px;font-weight:500;cursor:pointer;border:.5px solid var(--color-border-secondary);background:var(--color-background-primary);color:var(--color-text-primary);text-decoration:none}.btn:hover{background:var(--color-background-secondary)}.btn-primary{background:var(--color-background-info);color:var(--color-text-info);border-color:transparent}.btn-primary:hover{opacity:.9}.card{background:var(--color-background-primary);border:.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);padding:16px 20px}.badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:var(--border-radius-md);font-size:11px;font-weight:500}.badge-info{background:var(--color-background-info);color:var(--color-text-info)}.badge-success{background:var(--color-background-success);color:var(--color-text-success)}.badge-warn{background:var(--color-background-warning);color:var(--color-text-warning)}.badge-danger{background:var(--color-background-danger);color:var(--color-text-danger)}.screen{display:block;background:var(--color-background-primary);border:.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);overflow:hidden;min-height:520px}.metric{background:var(--color-background-secondary);border-radius:var(--border-radius-md);padding:12px 16px}.metric-label{font-size:12px;color:var(--color-text-secondary);margin-bottom:4px}.metric-value{font-size:22px;font-weight:500}.progress-bar{height:4px;background:var(--color-border-tertiary);border-radius:2px;margin-top:6px;overflow:hidden}.progress-fill{height:100%;border-radius:2px;background:var(--color-background-info)}input[type=text]{width:100%;padding:8px 12px;border:.5px solid var(--color-border-secondary);border-radius:var(--border-radius-md);font-size:13px;background:var(--color-background-primary);color:var(--color-text-primary)}.table-row{display:flex;align-items:center;padding:10px 0;border-bottom:.5px solid var(--color-border-tertiary);gap:12px;font-size:13px}.table-row:last-child{border-bottom:none}.avatar{width:30px;height:30px;border-radius:50%;font-size:11px;font-weight:500;flex-shrink:0;background:var(--color-background-info);color:var(--color-text-info)}.avatar,.modal-overlay{display:flex;align-items:center;justify-content:center}.modal-overlay{position:relative;background:rgba(0,0,0,.05);padding:40px;min-height:420px}.modal,.modal-overlay{border-radius:var(--border-radius-lg)}.modal{background:var(--color-background-primary);border:.5px solid var(--color-border-tertiary);padding:24px;max-width:380px;width:100%}.group:hover .group-hover\:opacity-100,.group:hover div{opacity:1!important}