.pw-admin{--ink:#1d1d1f;--ink-2:#000;--slate:#6e6e73;--slate-soft:#86868b;--porcelain:#fff;--panel:#fff;--sand:#f5f5f7;--line:#d2d2d7;--cobalt:#0071e3;--cobalt-deep:#0058b0;--cobalt-soft:#e8f1fd;--emerald:#1d8348;--emerald-soft:#e7f5ec;--amber:#a9690b;--amber-soft:#fbf0df;--rose:#c4362b;--rose-soft:#fbeae8;--radius:12px}.pw-admin,.pw-admin *{box-sizing:border-box;margin:0;padding:0}.pw-admin{background:var(--porcelain);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;font-size:14px}.pw-admin .mono{font-family:IBM Plex Mono,monospace}.pw-admin button{cursor:pointer;background:0 0;border:none;font-family:inherit}.pw-admin ::selection{background:var(--cobalt);color:#fff}.pw-admin .app{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.pw-admin .side{background:var(--sand);color:var(--ink);border-right:1px solid var(--line);flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.pw-admin .side-brand{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:26px 24px 22px;display:flex}.pw-admin .side-brand .mark{letter-spacing:-.01em;font-size:17px;font-weight:700}.pw-admin .side-brand .mark span{color:var(--cobalt)}.pw-admin .side-brand .env{color:var(--cobalt);background:var(--cobalt-soft);letter-spacing:.06em;border-radius:5px;margin-left:auto;padding:3px 8px;font-family:IBM Plex Mono,monospace;font-size:9.5px}.pw-admin .side-nav{flex:1;padding:18px 14px}.pw-admin .nav-label{letter-spacing:.12em;text-transform:uppercase;color:var(--slate-soft);margin:18px 0 8px;padding:0 12px;font-family:IBM Plex Mono,monospace;font-size:10px}.pw-admin .nav-label:first-child{margin-top:0}.pw-admin .nav-item{color:var(--slate);border-radius:9px;align-items:center;gap:12px;padding:10px 12px;font-size:13.5px;font-weight:500;transition:background .15s,color .15s;display:flex;position:relative}.pw-admin .nav-item svg{opacity:.8;flex-shrink:0;width:17px;height:17px}.pw-admin .nav-item:hover{color:var(--ink);background:#0000000a}.pw-admin .nav-item.active{color:var(--cobalt);background:#fff;box-shadow:0 1px 3px #00000014}.pw-admin .nav-item.active svg{opacity:1}.pw-admin .nav-item.active:before{content:"";background:var(--cobalt);border-radius:0 3px 3px 0;width:3px;position:absolute;top:8px;bottom:8px;left:-14px}.pw-admin .nav-count{color:var(--slate-soft);margin-left:auto;font-family:IBM Plex Mono,monospace;font-size:10.5px}.pw-admin .nav-item.active .nav-count{color:var(--cobalt)}.pw-admin .side-foot{border-top:1px solid var(--line);align-items:center;gap:10px;padding:16px;display:flex}.pw-admin .avatar{background:var(--cobalt);color:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:600;display:flex}.pw-admin .side-foot-name{color:var(--ink);font-size:13px;font-weight:600;line-height:1.3}.pw-admin .side-foot-role{color:var(--slate);font-size:11.5px}.pw-admin main{min-width:0}.pw-admin .topbar{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#ffffffdb;align-items:center;gap:20px;height:70px;padding:0 32px;display:flex;position:sticky;top:0}.pw-admin .topbar h1{letter-spacing:-.01em;font-size:19px;font-weight:600}.pw-admin .topbar .sub{color:var(--slate);margin-top:2px;font-size:12.5px}.pw-admin .search{border:1px solid var(--line);width:260px;color:var(--slate-soft);background:#fff;border-radius:9px;align-items:center;gap:9px;margin-left:auto;padding:9px 14px;font-size:13px;display:flex}.pw-admin .search svg{flex-shrink:0;width:15px;height:15px}.pw-admin .topbar-icon{border:1px solid var(--line);background:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:relative}.pw-admin .topbar-icon svg{width:16px;height:16px;color:var(--slate)}.pw-admin .dot-alert{background:var(--rose);border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:8px}.pw-admin .content{padding:32px}.pw-admin .panel-view{display:none}.pw-admin .panel-view.active{display:block}.pw-admin .stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px;display:grid}@media (width<=1100px){.pw-admin .stats{grid-template-columns:1fr 1fr}}.pw-admin .stat-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px}.pw-admin .stat-top{justify-content:space-between;align-items:flex-start;display:flex}.pw-admin .stat-label{color:var(--slate);font-size:12.5px;font-weight:500}.pw-admin .stat-ic{background:var(--cobalt-soft);width:30px;height:30px;color:var(--cobalt);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pw-admin .stat-ic svg{width:15px;height:15px}.pw-admin .stat-num{letter-spacing:-.02em;margin-top:14px;font-family:IBM Plex Mono,monospace;font-size:26px;font-weight:500}.pw-admin .stat-delta{color:var(--emerald);margin-top:6px;font-size:12px;font-weight:500}.pw-admin .stat-delta.down{color:var(--rose)}.pw-admin .card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.pw-admin .card-head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.pw-admin .card-head h2{font-size:15.5px;font-weight:600}.pw-admin .card-head .desc{color:var(--slate);margin-top:3px;font-size:12.5px}.pw-admin .head-actions{align-items:center;gap:10px;display:flex}.pw-admin .btn{border-radius:8px;align-items:center;gap:8px;padding:9px 16px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.pw-admin .btn svg{width:14px;height:14px}.pw-admin .btn-primary{background:var(--cobalt);color:#fff}.pw-admin .btn-primary:hover{background:var(--cobalt-deep)}.pw-admin .btn-ghost{color:var(--ink);border:1px solid var(--line);background:#fff}.pw-admin .btn-ghost:hover{border-color:var(--slate-soft)}.pw-admin .btn-sm{padding:6px 12px;font-size:12.5px}.pw-admin .filter-pill{background:var(--sand);color:var(--slate);border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:12.5px;display:flex}.pw-admin .filter-pill svg{width:13px;height:13px}.pw-admin table{border-collapse:collapse;width:100%}.pw-admin thead th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--slate-soft);border-bottom:1px solid var(--line);white-space:nowrap;padding:12px 24px;font-size:11px;font-weight:600}.pw-admin tbody td{border-bottom:1px solid var(--line);vertical-align:middle;padding:16px 24px;font-size:13.5px}.pw-admin tbody tr:last-child td{border-bottom:none}.pw-admin tbody tr:hover{background:#fcfcfb}.pw-admin .cell-user{align-items:center;gap:11px;display:flex}.pw-admin .cell-user .avatar{border-radius:8px;width:32px;height:32px;font-size:11.5px}.pw-admin .cell-name{font-size:13.5px;font-weight:600}.pw-admin .cell-sub{color:var(--slate);font-size:12px}.pw-admin .badge{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.pw-admin .badge:before{content:"";border-radius:50%;width:6px;height:6px}.pw-admin .badge.on{background:var(--emerald-soft);color:var(--emerald)}.pw-admin .badge.on:before{background:var(--emerald)}.pw-admin .badge.warn{background:var(--amber-soft);color:var(--amber)}.pw-admin .badge.warn:before{background:var(--amber)}.pw-admin .badge.off{background:var(--rose-soft);color:var(--rose)}.pw-admin .badge.off:before{background:var(--rose)}.pw-admin .badge.muted{background:var(--sand);color:var(--slate)}.pw-admin .badge.muted:before{background:var(--slate-soft)}.pw-admin .row-actions{justify-content:flex-end;gap:6px;display:flex}.pw-admin .icon-btn{width:30px;height:30px;color:var(--slate);border-radius:7px;justify-content:center;align-items:center;transition:background .15s;display:flex}.pw-admin .icon-btn:hover{background:var(--sand);color:var(--ink)}.pw-admin .icon-btn svg{width:15px;height:15px}.pw-admin .pipeline{flex-direction:column;gap:6px;min-width:190px;display:flex}.pw-admin .pipeline-track{gap:3px;display:flex}.pw-admin .pipeline-seg{background:var(--line);border-radius:3px;flex:1;height:6px}.pw-admin .pipeline-seg.done{background:var(--cobalt)}.pw-admin .pipeline-seg.now{background:var(--cobalt);position:relative;overflow:hidden}.pw-admin .pipeline-seg.now:after{content:"";background:linear-gradient(90deg,#0000,#ffffffb3,#0000);width:40%;animation:1.6s ease-in-out infinite pwa-scan;position:absolute;inset:0}@keyframes pwa-scan{0%{transform:translate(-100%)}to{transform:translate(350%)}}.pw-admin .pipeline-label{color:var(--slate);font-size:11px;font-weight:500}.pw-admin .pipeline-label b{color:var(--ink)}.pw-admin .pkg-grid{grid-template-columns:repeat(3,1fr);gap:18px;padding:24px;display:grid}@media (width<=980px){.pw-admin .pkg-grid{grid-template-columns:1fr}}.pw-admin .pkg-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);flex-direction:column;padding:22px;display:flex;position:relative}.pw-admin .pkg-card.pinned{border-color:#c7d0f5;box-shadow:0 0 0 1px #c7d0f5}.pw-admin .pkg-top{justify-content:space-between;align-items:flex-start;display:flex}.pw-admin .pkg-name{font-size:15.5px;font-weight:600}.pw-admin .pkg-sub{color:var(--slate);margin-top:3px;font-size:12px}.pw-admin .pkg-toggle{background:var(--emerald);border-radius:999px;flex-shrink:0;width:38px;height:22px;position:relative}.pw-admin .pkg-toggle:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;position:absolute;top:2px;right:2px}.pw-admin .pkg-toggle.off{background:var(--line)}.pw-admin .pkg-toggle.off:after{left:2px;right:auto}.pw-admin .pkg-price{margin:18px 0 2px;font-family:IBM Plex Mono,monospace;font-size:24px;font-weight:500}.pw-admin .pkg-price span{color:var(--slate);font-family:Inter,sans-serif;font-size:11.5px;font-weight:500}.pw-admin .pkg-feats{flex:1;margin:16px 0 20px;list-style:none}.pw-admin .pkg-feats li{color:var(--ink-2);align-items:flex-start;gap:9px;padding:5px 0;font-size:12.5px;display:flex}.pw-admin .pkg-feats svg{width:13px;height:13px;color:var(--cobalt);flex-shrink:0;margin-top:2px}.pw-admin .pkg-stats{border-top:1px solid var(--line);gap:18px;margin-bottom:14px;padding-top:14px;display:flex}.pw-admin .pkg-stat b{font-family:IBM Plex Mono,monospace;font-size:15px;display:block}.pw-admin .pkg-stat span{color:var(--slate);letter-spacing:.04em;text-transform:uppercase;font-size:10.5px}.pw-admin .pkg-card .btn{justify-content:center;width:100%}.pw-admin .badge-pin{background:var(--cobalt);color:#fff;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:4px 10px;font-size:10px;font-weight:700;position:absolute;top:-10px;left:22px}.pw-admin .card-foot{border-top:1px solid var(--line);color:var(--slate);justify-content:space-between;align-items:center;padding:14px 24px;font-size:12px;display:flex}.pw-admin a:focus-visible,.pw-admin button:focus-visible{outline:2px solid var(--cobalt);outline-offset:2px;border-radius:6px}.pw-admin .table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.pw-admin .table-scroll table{min-width:680px}.pw-admin .menu-toggle{border:1px solid var(--line);width:38px;height:38px;color:var(--ink);background:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:none}.pw-admin .menu-toggle svg{width:17px;height:17px}.pw-admin .side-overlay{z-index:35;background:#00000052;display:none;position:fixed;inset:0}.pw-admin .side-overlay.visible{display:block}@media (width<=860px){.pw-admin .app{grid-template-columns:1fr}.pw-admin .side{z-index:40;width:250px;height:100vh;transition:transform .28s cubic-bezier(.2,.7,.2,1);position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:12px 0 32px #00000024}.pw-admin .side.open{transform:translate(0)}.pw-admin .menu-toggle{display:flex}.pw-admin .search{display:none}.pw-admin .topbar{gap:12px;padding:0 18px}.pw-admin .content{padding:20px}}@media (width<=520px){.pw-admin .topbar h1{font-size:16.5px}.pw-admin .topbar .sub{font-size:11.5px}.pw-admin .stats{grid-template-columns:1fr}.pw-admin .card-head{padding:16px 18px}.pw-admin .content,.pw-admin .pkg-grid{padding:16px}}
