:root{--bg: #eef1f7;--panel: #ffffff;--side: #0c1226;--side2: #131a36;--ink: #16213e;--muted: #6b7590;--line: #e3e8f2;--gold: #c9a227;--gold2: #e6c65a;--danger: #e74c3c;--ok: #16a34a;--blue: #2563eb;--violet: #7c3aed;--radius: 16px;--shadow: 0 10px 30px rgba(16, 25, 60, .08)}*{box-sizing:border-box}.pn-root{direction:rtl;font-family:Cairo,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--bg);min-height:100vh}.pn-login{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(900px 500px at 15% -10%,rgba(124,58,237,.35),transparent 60%),radial-gradient(900px 600px at 100% 0%,rgba(201,162,39,.28),transparent 55%),linear-gradient(160deg,#0b1020,#16213e 60%,#0b1020)}.pn-login-card{width:100%;max-width:420px;background:#fffffffa;border-radius:22px;padding:34px 30px;box-shadow:0 24px 70px #00000073;border:1px solid rgba(255,255,255,.6)}.pn-login-brand{text-align:center;margin-bottom:22px}.pn-login-brand .logo{width:66px;height:66px;margin:0 auto 12px;border-radius:18px;display:grid;place-items:center;font-size:30px;font-weight:900;color:#16213e;background:linear-gradient(145deg,var(--gold2),var(--gold));box-shadow:0 10px 24px #c9a22773}.pn-login-brand h1{margin:0;font-size:22px;font-weight:800}.pn-login-brand p{margin:4px 0 0;color:var(--muted);font-size:13px}.pn-field{margin-bottom:14px}.pn-field label{display:block;font-size:13px;font-weight:700;margin-bottom:6px;color:#37406a}.pn-input,.pn-select,.pn-textarea{width:100%;padding:11px 13px;border:1.5px solid var(--line);border-radius:11px;font-family:inherit;font-size:14px;color:var(--ink);background:#fbfcfe;transition:border-color .15s,box-shadow .15s}.pn-input:focus,.pn-select:focus,.pn-textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 4px #c9a22726;background:#fff}.pn-textarea{min-height:90px;resize:vertical}.pn-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 18px;border-radius:11px;border:1.5px solid transparent;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:transform .08s,filter .15s,background .15s;white-space:nowrap}.pn-btn:active{transform:translateY(1px)}.pn-btn:disabled{opacity:.55;cursor:not-allowed}.pn-btn-primary{background:linear-gradient(145deg,#1c2b57,#16213e);color:#fff}.pn-btn-primary:hover{filter:brightness(1.12)}.pn-btn-gold{background:linear-gradient(145deg,var(--gold2),var(--gold));color:#16213e}.pn-btn-ghost{background:#fff;border-color:var(--line);color:var(--ink)}.pn-btn-ghost:hover{background:#f3f6fc}.pn-btn-danger{background:#fdecea;color:var(--danger);border-color:#f7cfca}.pn-btn-danger:hover{background:#fbdcd8}.pn-btn-sm{padding:6px 12px;font-size:12.5px;border-radius:9px}.pn-btn-block{width:100%}.pn-shell{display:grid;grid-template-columns:256px 1fr;min-height:100vh}.pn-side{background:linear-gradient(180deg,var(--side2),var(--side));color:#cdd5ea;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow:auto}.pn-side-brand{padding:22px 20px 16px;display:flex;align-items:center;gap:12px}.pn-side-brand .logo{width:42px;height:42px;border-radius:12px;flex:none;display:grid;place-items:center;font-weight:900;color:#16213e;background:linear-gradient(145deg,var(--gold2),var(--gold))}.pn-side-brand b{color:#fff;font-size:16px}.pn-side-brand span{display:block;font-size:11px;color:#8692b5}.pn-nav{padding:8px 12px 20px;display:flex;flex-direction:column;gap:3px}.pn-nav-item{display:flex;align-items:center;gap:11px;padding:10px 13px;border-radius:11px;color:#aab4d0;background:transparent;border:none;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;text-align:right;width:100%;transition:background .14s,color .14s}.pn-nav-item:hover{background:#ffffff0f;color:#fff}.pn-nav-item.active{background:linear-gradient(145deg,#c9a22738,#c9a22714);color:#fff;box-shadow:inset 3px 0 0 var(--gold)}.pn-nav-ic{font-size:17px;width:22px;text-align:center}.pn-nav-sep{height:1px;background:#ffffff14;margin:10px 8px}.pn-side-foot{margin-top:auto;padding:14px;border-top:1px solid rgba(255,255,255,.08)}.pn-main{display:flex;flex-direction:column;min-width:0}.pn-top{position:sticky;top:0;z-index:20;background:#ffffffe0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding:14px 24px;display:flex;align-items:center;gap:14px}.pn-top h2{margin:0;font-size:20px;font-weight:800}.pn-top .sub{color:var(--muted);font-size:12.5px}.pn-top-spacer{flex:1}.pn-user-chip{display:flex;align-items:center;gap:10px;background:#f3f6fc;border:1px solid var(--line);padding:6px 12px 6px 6px;border-radius:999px}.pn-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#fff;background:linear-gradient(145deg,var(--violet),#4c2fb0);font-size:13px}.pn-user-chip b{font-size:13px;display:block}.pn-user-chip span{font-size:11px;color:var(--muted)}.pn-body{padding:22px 24px 60px}.pn-grid{display:grid;gap:16px}.pn-grid.cols{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.pn-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.pn-card-pad{padding:18px 20px}.pn-card-head{display:flex;align-items:center;gap:10px;padding:15px 18px;border-bottom:1px solid var(--line)}.pn-card-head h3{margin:0;font-size:15.5px;font-weight:800}.pn-card-head .sp{flex:1}.pn-stat{padding:18px;display:flex;align-items:center;gap:14px}.pn-stat .ic{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-size:21px;flex:none}.pn-stat b{font-size:26px;font-weight:900;line-height:1;display:block}.pn-stat span{color:var(--muted);font-size:12.5px}.ic-gold{background:#fbf3d8;color:#a5851b}.ic-blue{background:#e3ecff;color:#2563eb}.ic-violet{background:#efe6ff;color:#7c3aed}.ic-green{background:#e3f7ea;color:#16a34a}.ic-red{background:#fdecea;color:#e74c3c}.ic-slate{background:#eef1f7;color:#64748b}.pn-table-wrap{overflow:auto;border-radius:var(--radius)}table.pn-table{width:100%;border-collapse:collapse;font-size:13.5px}.pn-table th{text-align:right;font-weight:700;color:#4b5573;background:#f7f9fd;padding:11px 14px;white-space:nowrap;position:sticky;top:0}.pn-table td{padding:11px 14px;border-top:1px solid var(--line);vertical-align:middle}.pn-table tr:hover td{background:#fafbfe}.pn-table .actions{display:flex;gap:6px;flex-wrap:wrap}.pn-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:700}.pn-badge.gold{background:#fbf3d8;color:#9a7c15}.pn-badge.green{background:#e3f7ea;color:#15803d}.pn-badge.red{background:#fdecea;color:#c0392b}.pn-badge.blue{background:#e3ecff;color:#1d4ed8}.pn-badge.gray{background:#eef1f7;color:#64748b}.pn-badge.violet{background:#efe6ff;color:#6d28d9}.pn-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.pn-toolbar .grow{flex:1;min-width:160px}.pn-pill{display:inline-flex;gap:4px;background:#eef1f7;padding:4px;border-radius:11px}.pn-pill button{border:none;background:transparent;padding:7px 14px;border-radius:8px;font-family:inherit;font-weight:700;font-size:13px;color:#5a6480;cursor:pointer}.pn-pill button.active{background:#fff;color:var(--ink);box-shadow:0 3px 10px #10193c1a}.pn-empty{text-align:center;color:var(--muted);padding:44px 16px}.pn-empty .big{font-size:40px;margin-bottom:8px}.pn-row{display:flex;align-items:center;gap:12px;padding:11px 14px;border-top:1px solid var(--line)}.pn-row:first-child{border-top:none}.pn-row .sp{flex:1}.pn-row small{color:var(--muted)}.pn-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c12268c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;z-index:100;padding:20px}.pn-modal{width:100%;max-width:560px;background:#fff;border-radius:20px;box-shadow:0 30px 80px #0006;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.pn-modal-head{padding:18px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center}.pn-modal-head h3{margin:0;font-size:17px}.pn-modal-head .x{margin-inline-start:auto;border:none;background:#f3f6fc;width:32px;height:32px;border-radius:9px;cursor:pointer;font-size:17px;color:#5a6480}.pn-modal-body{padding:20px 22px;overflow:auto}.pn-modal-foot{padding:15px 22px;border-top:1px solid var(--line);display:flex;gap:10px;justify-content:flex-end}.pn-toasts{position:fixed;bottom:22px;left:22px;display:flex;flex-direction:column;gap:10px;z-index:200}.pn-toast{padding:12px 18px;border-radius:12px;color:#fff;font-weight:600;font-size:13.5px;box-shadow:0 12px 30px #00000040;animation:pn-in .2s ease;max-width:340px}.pn-toast.ok{background:#16a34a}.pn-toast.err{background:#e74c3c}.pn-toast.info{background:#2563eb}@keyframes pn-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.pn-spinner{width:26px;height:26px;border:3px solid #dbe2f0;border-top-color:var(--gold);border-radius:50%;animation:pn-spin .7s linear infinite;margin:40px auto}@keyframes pn-spin{to{transform:rotate(360deg)}}.pn-alert{padding:12px 16px;border-radius:12px;font-size:13.5px;font-weight:600;margin-bottom:14px}.pn-alert.err{background:#fdecea;color:#c0392b}.pn-alert.ok{background:#e3f7ea;color:#15803d}.pn-perm{display:inline-flex;align-items:center;gap:6px;background:#f3f6fc;border:1px solid var(--line);padding:5px 10px;border-radius:8px;font-size:12px;margin:0 0 6px 6px}.pn-perm input{accent-color:var(--gold)}.pn-live-dot{width:8px;height:8px;border-radius:50%;background:var(--ok);display:inline-block;box-shadow:0 0 #16a34a99;animation:pn-pulse 1.6s infinite}@keyframes pn-pulse{0%{box-shadow:0 0 #16a34a80}70%{box-shadow:0 0 0 9px #16a34a00}to{box-shadow:0 0 #16a34a00}}.pn-mobile-top{display:none}@media (max-width: 900px){.pn-shell{grid-template-columns:1fr}.pn-side{position:fixed;z-index:60;width:260px;right:0;transform:translate(100%);transition:transform .22s}.pn-side.open{transform:none}.pn-mobile-top{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40}.pn-body{padding:16px 14px 60px}.pn-top{display:none}}