:root{--p-navy: #0B2545;--p-navy-2: #133B66;--p-accent: #1B7F79;--p-accent-2: #16918a;--p-bg: #F4F6F9;--p-card: #FFFFFF;--p-line: #E2E7ED;--p-fg: #16202B;--p-muted: #6C7A89;--p-ok: #1F8A5B;--p-warn: #B7791F;--p-danger: #B23A2E;--p-radius: 16px;--p-shadow: 0 1px 2px rgba(11,37,69,.05), 0 8px 24px rgba(11,37,69,.06)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--p-bg);color:var(--p-fg);font:16px/1.7 -apple-system,BlinkMacSystemFont,Segoe UI,Tahoma,Noto Naskh Arabic,sans-serif;-webkit-text-size-adjust:100%}.pw{min-height:100%;display:flex;flex-direction:column}.p-head{background:linear-gradient(180deg,var(--p-navy) 0%,var(--p-navy-2) 100%);color:#fff;padding:14px 16px calc(14px + env(safe-area-inset-top)) 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.p-brand{font-weight:800;font-size:19px;letter-spacing:.2px}.p-brand span{color:#7fd1cb;font-weight:600}.p-out{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.22);border-radius:10px;padding:7px 14px;font:inherit;font-size:14px;cursor:pointer}.p-out:active{background:#fff3}.p-body{flex:1;padding:16px;max-width:720px;width:100%;margin:0 auto}.p-foot{padding:20px 16px calc(20px + env(safe-area-inset-bottom));text-align:center;color:var(--p-muted);font-size:12px}.p-card{background:var(--p-card);border:1px solid var(--p-line);border-radius:var(--p-radius);box-shadow:var(--p-shadow);padding:16px;margin-bottom:14px}.p-card-t{font-weight:700;font-size:15px;margin:0 0 12px;color:var(--p-navy)}.p-hero{background:linear-gradient(135deg,var(--p-navy) 0%,var(--p-navy-2) 70%,var(--p-accent) 220%);color:#fff;border:none;padding:22px 18px}.p-hero .p-hero-l{font-size:13px;opacity:.82;margin-bottom:6px}.p-hero .p-hero-v{font-size:34px;font-weight:800;line-height:1.15;letter-spacing:-.5px}.p-hero .p-hero-s{font-size:13px;opacity:.82;margin-top:8px}.p-kv{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:11px 0;border-bottom:1px solid var(--p-line)}.p-kv:last-child{border-bottom:none;padding-bottom:0}.p-kv>span{color:var(--p-muted);font-size:14px}.p-kv>b{font-weight:700;text-align:left}.p-tag{display:inline-block;padding:3px 11px;border-radius:999px;font-size:12.5px;font-weight:700;border:1px solid transparent}.p-tag.ok{background:#e7f5ee;color:var(--p-ok);border-color:#bfe5d2}.p-tag.warn{background:#fdf4e3;color:var(--p-warn);border-color:#f2dfb8}.p-tag.danger{background:#fbecea;color:var(--p-danger);border-color:#f0ccc6}.p-tag.mute{background:#eef1f5;color:var(--p-muted);border-color:var(--p-line)}.p-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--p-accent);color:#fff;border:none;border-radius:12px;padding:13px 18px;font:inherit;font-weight:700;font-size:15px;cursor:pointer;min-height:48px;width:100%}.p-btn:active{background:var(--p-accent-2)}.p-btn[disabled]{opacity:.55;cursor:default}.p-btn.ghost{background:transparent;color:var(--p-navy);border:1.5px solid var(--p-line)}.p-btn.row{width:auto}.p-btns{display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:12px}@media (max-width: 420px){.p-btns{grid-template-columns:1fr}}.p-field{margin-bottom:14px}.p-field>label{display:block;font-size:13.5px;color:var(--p-muted);margin-bottom:6px}.p-inp{width:100%;background:#fff;border:1.5px solid var(--p-line);border-radius:12px;padding:13px 14px;font:inherit;font-size:16px;min-height:48px;color:var(--p-fg)}.p-inp:focus{outline:none;border-color:var(--p-accent);box-shadow:0 0 0 3px #1b7f791f}.p-bar{height:10px;background:#e9edf2;border-radius:999px;overflow:hidden;margin-top:8px}.p-bar>i{display:block;height:100%;background:var(--p-accent);border-radius:999px}.p-bar>i.warn{background:var(--p-warn)}.p-bar>i.danger{background:var(--p-danger)}.p-chart{display:flex;align-items:flex-end;gap:3px;height:96px;margin-top:6px}.p-chart>div{flex:1;background:var(--p-accent);border-radius:3px 3px 0 0;min-height:2px;opacity:.85}.p-chart-x{display:flex;justify-content:space-between;color:var(--p-muted);font-size:11px;margin-top:6px}.p-rows{display:flex;flex-direction:column}.p-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--p-line)}.p-row:last-child{border-bottom:none}.p-row-m{font-size:12.5px;color:var(--p-muted);margin-top:2px}.p-login{min-height:100%;display:flex;flex-direction:column;justify-content:center;padding:24px 18px;max-width:440px;margin:0 auto;width:100%}.p-login-brand{text-align:center;margin-bottom:26px}.p-login-brand .n{font-size:30px;font-weight:800;color:var(--p-navy);letter-spacing:.3px}.p-login-brand .n span{color:var(--p-accent)}.p-login-brand .s{color:var(--p-muted);font-size:14px;margin-top:6px}.p-empty{color:var(--p-muted);text-align:center;padding:26px 10px;font-size:14.5px}.p-err{background:#fbecea;border:1px solid #F0CCC6;color:var(--p-danger);border-radius:12px;padding:12px 14px;font-size:14px;margin-bottom:14px}.p-note{color:var(--p-muted);font-size:13px;margin:8px 0 0}.p-load{display:flex;align-items:center;justify-content:center;padding:48px 0;color:var(--p-muted)}.p-spin{width:26px;height:26px;border:3px solid var(--p-line);border-top-color:var(--p-accent);border-radius:50%;animation:p-spin .8s linear infinite}@keyframes p-spin{to{transform:rotate(360deg)}}.p-sheet-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b25458c;z-index:80;display:flex;align-items:flex-end;justify-content:center}.p-sheet{background:var(--p-card);width:100%;max-width:520px;border-radius:20px 20px 0 0;padding:20px 18px calc(20px + env(safe-area-inset-bottom));max-height:88vh;overflow-y:auto}@media print{body{background:#fff}.p-head,.p-foot,.p-btns,.p-out,.p-card:not(.p-sheet){display:none!important}.p-sheet-bg{position:static;background:none;display:block}.p-sheet{max-width:none;max-height:none;border-radius:0;box-shadow:none;padding:0}#p-inv{padding:8px}}.p-bell{position:relative;background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.22);border-radius:10px;width:40px;height:38px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.p-bell:active{background:#fff3}.p-bell-n{position:absolute;top:-6px;inset-inline-end:-6px;background:var(--p-danger);color:#fff;font-size:11px;font-weight:800;font-style:normal;min-width:18px;height:18px;border-radius:999px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid var(--p-navy)}