.pg-hdr{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;margin-bottom:32px;gap:24px}.pg-hdr-left{flex:1}.pg-hdr h1{font-size:26px;font-weight:800;letter-spacing:-.8px;color:var(--t1);margin-bottom:4px}.pg-hdr .sub{font-size:14px;color:var(--t3);font-weight:450}.pg-hdr-actions{display:flex;align-items:center;gap:12px}.premium-search{position:relative;width:240px}.premium-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:14px;height:14px;stroke:var(--t3);fill:none;stroke-width:2.2;pointer-events:none}.premium-search input{width:100%;height:40px;padding:0 12px 0 36px;background:var(--surface);border:1px solid var(--line);border-radius:10px;font-size:13.5px;color:var(--t1);transition:all .2s ease;box-shadow:var(--shadow-xs)}.premium-search input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #5b3fff1a;width:280px}.premium-filter-bar{display:flex;align-items:center;background:var(--surface);border:1px solid var(--line);padding:4px;border-radius:11px;box-shadow:var(--shadow-sm);height:40px}.filter-group{display:flex;gap:2px}.filter-divider{width:1px;height:18px;background:var(--line);margin:0 6px}.f-btn{padding:6px 12px;border-radius:7px;font-size:12px;font-weight:600;color:var(--t2);border:none;background:transparent;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;cursor:pointer}.f-btn:hover{color:var(--t1);background:var(--bg-solid)}.f-btn.active{background:var(--brand-subtle);color:var(--brand)}.btn-premium-create{height:40px;padding:0 18px;background:linear-gradient(135deg,#6b4fff,#5032f0);color:#fff;border:none;border-radius:10px;font-size:13.5px;font-weight:700;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #5b3fff40}.btn-premium-create:hover{transform:translateY(-1px);box-shadow:0 6px 16px #5b3fff59}.btn-premium-create:active{transform:translateY(0)}.history-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-md);overflow:hidden;transition:all .3s ease}.history-card:hover{box-shadow:var(--shadow-lg)}.tbl-premium{width:100%;border-collapse:collapse}.tbl-premium thead th{text-align:left;padding:16px 20px;font-size:11px;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.05em;background:var(--bg-solid);border-bottom:1px solid var(--line)}.tbl-premium tbody tr{border-bottom:1px solid var(--line);transition:all .2s ease}.tbl-premium tbody tr:last-child{border-bottom:none}.tbl-premium tbody tr:hover{background:#5b3fff05}.tbl-premium td{padding:16px 20px;font-size:13.5px;color:var(--t2);vertical-align:middle}.tbl-premium tbody tr{cursor:pointer}.tbl-premium tbody tr:hover .cell-id{color:var(--brand)}.cell-id{font-family:var(--mono);font-weight:600;color:var(--t2);transition:color .2s ease}.cell-client{display:flex;align-items:center;gap:12px}.client-av{width:32px;height:32px;border-radius:8px;background:var(--brand-subtle);color:var(--brand);display:grid;place-items:center;font-weight:700;font-size:12px;border:1px solid var(--brand-border)}.client-name{font-weight:600;color:var(--t1);font-size:14px}.client-email{font-size:12px;color:var(--t3)}.cell-amount{font-weight:700;color:var(--t1);font-feature-settings:"tnum"}.st-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:99px;font-size:11.5px;font-weight:700;letter-spacing:-.1px}.st-badge.paid{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.st-badge.pending{background:#fffbeb;color:#d97706;border:1px solid #fde68a}.st-badge.overdue{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.st-dot-inner{width:6px;height:6px;border-radius:50%;background:currentColor}.actions-cell{display:flex;align-items:center;justify-content:flex-end;gap:4px}.action-btn-p{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;color:var(--t3);background:transparent;border:none;transition:all .2s ease;cursor:pointer}.action-btn-p:hover{color:var(--brand);background:var(--brand-subtle);transform:scale(1.1)}.action-btn-p svg{width:15px;height:15px;stroke-width:2.2}.action-btn-p.delete:hover{color:var(--red);background:var(--red-bg)}.type-p{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;border-radius:4px;background:var(--bg-solid);color:var(--t3);border:1px solid var(--line)}.glass-effect{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fffc!important}@media (max-width: 1200px){.pg-hdr{flex-direction:column;align-items:flex-start}.pg-hdr-actions{width:100%;justify-content:space-between;flex-wrap:wrap}.premium-search{width:100%;order:3}.premium-search input:focus{width:100%}}@media (max-width: 768px){.premium-filter-bar{width:100%;overflow-x:auto;justify-content:flex-start}.pg-hdr-actions{flex-direction:column;align-items:stretch}}