.po-console{min-height:100vh;display:flex;flex-direction:column;background:#020617;color:#e2e8f0}
.po-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid rgba(255,255,255,.08);background:#020617;padding:.75rem 1rem}
.po-topbar-title{display:flex;align-items:center;gap:.75rem;font-weight:700;letter-spacing:-.01em;color:#f8fafc}
.po-topbar-badge{height:2rem;width:2rem;border-radius:.75rem;background:linear-gradient(135deg,#38bdf8,#8b5cf6)}
.po-topbar-right{display:flex;align-items:center;gap:.75rem;color:#cbd5e1;font-size:.875rem}
.po-body{display:flex;flex:1;min-height:0}

.po-sidebar{width:14rem;max-width:14rem;flex:0 0 14rem;border-right:1px solid rgba(255,255,255,.08);background:#020617;position:sticky;top:0;height:100%}
.po-sidebar-inner{height:100%;overflow:auto;padding:1rem .75rem}
.po-main{flex:1;min-width:0}
.po-main-inner{width:100%;max-width:72rem;margin-right:auto;padding:2.5rem 1rem}

.po-btn{height:33.33px !important;display:inline-flex;align-items:center;justify-content:center;border-radius:.5rem;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.05);padding:.375rem .75rem;font-size:.875rem;font-weight:600;color:#e2e8f0;cursor:pointer;text-decoration:none;white-space:nowrap;line-height:1.25rem;flex:0 0 auto}
.po-btn:hover{background:rgba(255,255,255,.10)}
.po-btn-danger{border-color:rgba(244,63,94,.40);background:rgba(244,63,94,.10);color:#fecdd3}
.po-btn-danger:hover{background:rgba(244,63,94,.20)}

.po-input,.po-select{width:100%;border-radius:.5rem;border:1px solid rgba(255,255,255,.10);background:#020617;padding:.5rem .75rem;font-size:.875rem;color:#e2e8f0;outline:none}
.po-input::placeholder{color:rgba(148,163,184,.9)}
.po-input:focus,.po-select:focus{box-shadow:0 0 0 2px rgba(56,189,248,.25)}
.po-select{appearance:none}

.po-panel{border-radius:1rem;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.05);padding:1.5rem}

.po-card{border-radius:1rem;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.05)}

.po-badge{display:inline-flex;align-items:center;border-radius:9999px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.08);padding:.125rem .5rem;font-size:.75rem;font-weight:700;color:#e2e8f0}
.po-badge-success{border-color:rgba(34,197,94,.35);background:rgba(34,197,94,.12);color:#bbf7d0}
.po-badge-warning{border-color:rgba(245,158,11,.35);background:rgba(245,158,11,.12);color:#fde68a}
.po-badge-danger{border-color:rgba(244,63,94,.35);background:rgba(244,63,94,.12);color:#fecdd3}
.po-badge-muted{border-color:rgba(148,163,184,.25);background:rgba(148,163,184,.08);color:#cbd5e1}

.po-table{width:100%;border-collapse:separate;border-spacing:0}
.po-table th,.po-table td{padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.08);vertical-align:top}
.po-table thead th{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:#cbd5e1;background:rgba(255,255,255,.05)}
.po-table tbody tr:hover td{background:rgba(255,255,255,.03)}
.po-pre{white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:.75rem;color:#cbd5e1}

.po-modal{position:fixed;inset:0;z-index:50}
.po-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.70)}
.po-modal-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:1rem}
.po-modal-panel{width:100%;max-width:32rem;border-radius:1rem;border:1px solid rgba(255,255,255,.10);background:rgba(2,6,23,.95);box-shadow:0 20px 40px rgba(0,0,0,.45);padding:1.25rem}

.hidden{display:none !important}
.overflow-hidden{overflow:hidden !important}