*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh}#root{min-height:100vh}.pl-page{min-height:100vh;background:#0f172a;background-image:radial-gradient(ellipse 60% 45% at 8% 92%,rgba(179,137,52,.13) 0%,transparent 60%),radial-gradient(ellipse 55% 55% at 92% 8%,rgba(26,71,42,.55) 0%,transparent 60%);font-family:system-ui,-apple-system,sans-serif}.pl-header{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:60px;background:#0006;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.07);position:sticky;top:0;z-index:10;gap:12px}.pl-brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.pl-brand-icon{color:#b38934;font-size:18px}.pl-brand-name{font-size:1rem;font-weight:700;color:#fff;letter-spacing:.2px}.pl-brand-badge{font-size:.68rem;font-weight:700;background:#b389342e;color:#e8c06a;padding:2px 9px;border-radius:20px;border:1px solid rgba(179,137,52,.32);letter-spacing:.6px;text-transform:uppercase}.pl-header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.pl-back-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#ffffff0f;color:#ffffffd1;font-size:.84rem;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.pl-back-btn:hover{background:#ffffff21;border-color:#ffffff59;color:#fff;text-decoration:none}.pl-back-btn svg{width:14px;height:14px;flex-shrink:0}.pl-header-divider{width:1px;height:22px;background:#ffffff21;flex-shrink:0}.pl-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#b38934,#7a5a1e);color:#fff;font-size:.78rem;font-weight:700;display:flex;align-items:center;justify-content:center;letter-spacing:.5px;flex-shrink:0;border:2px solid rgba(179,137,52,.4)}.pl-username{font-size:.87rem;color:#ffffffad;font-weight:500;white-space:nowrap}.pl-sign-out{padding:7px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.18);background:transparent;color:#ffffffa6;font-size:.84rem;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.pl-sign-out:hover{background:#dc262626;border-color:#dc262666;color:#fca5a5}.pl-hero{padding:40px 24px 8px;max-width:960px;margin:0 auto}.pl-welcome{font-size:1.65rem;font-weight:700;color:#fff;margin:0 0 6px;letter-spacing:-.3px}.pl-welcome-name{color:#e8c06a}.pl-tagline{font-size:.9rem;color:#ffffff6b;margin:0;letter-spacing:.1px}.pl-main{padding:28px 24px 56px;max-width:960px;margin:0 auto}.portal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;animation:portalFadeIn .55s ease-out forwards}.portal-card{background:#fff;border-radius:14px;padding:24px 18px 18px;border:1px solid rgba(255,255,255,.08);text-align:center;transition:transform .18s ease,box-shadow .18s ease;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 2px 10px #0000004d;display:flex;flex-direction:column;align-items:center}.portal-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#cbd5e1;transition:height .18s ease}.portal-card:hover{transform:translateY(-5px)}.portal-card:hover:before{height:4px}.portal-card h3{margin:10px 0 5px;font-size:.97rem;font-weight:700;color:#0f172a}.portal-card-desc{font-size:.76rem;color:#64748b;margin:0 0 18px;line-height:1.45;flex-grow:1}.portal-card-link{display:inline-flex;align-items:center;gap:5px;color:#334155;font-weight:600;font-size:.81rem;text-decoration:none;padding:6px 16px;border-radius:7px;border:1px solid #e2e8f0;background:#f8fafc;transition:background .15s,border-color .15s;white-space:nowrap;margin-top:auto}.portal-card-link:hover{background:#f1f5f9;border-color:#cbd5e1;text-decoration:none;color:#0f172a}.portal-card-link svg{width:12px;height:12px;opacity:.6}.portal-card.users-card:before{background:#3b82f6}.portal-card.prayer-card:before{background:#10b981}.portal-card.jumuah-card:before{background:#b38934}.portal-card.nikkah-card:before{background:#f59e0b}.portal-card.video-card:before{background:#8b5cf6}.portal-card.settings-card:before{background:#ef4444}.portal-card.posts-card:before{background:#22c55e}.portal-card.provisioning-card:before{background:#f59e0b}.portal-card.password-card:before{background:#0ea5e9}.portal-card.users-card:hover{box-shadow:0 14px 36px #3b82f647}.portal-card.prayer-card:hover{box-shadow:0 14px 36px #10b98147}.portal-card.jumuah-card:hover{box-shadow:0 14px 36px #b3893447}.portal-card.nikkah-card:hover{box-shadow:0 14px 36px #f59e0b47}.portal-card.video-card:hover{box-shadow:0 14px 36px #8b5cf647}.portal-card.settings-card:hover{box-shadow:0 14px 36px #ef444447}.portal-card.posts-card:hover{box-shadow:0 14px 36px #22c55e47}.portal-card.provisioning-card:hover{box-shadow:0 14px 36px #f59e0b47}.portal-card.password-card:hover{box-shadow:0 14px 36px #0ea5e947}.portal-icon-wrapper{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border:1px solid #e2e8f0;transition:transform .18s ease,background .18s ease}.portal-card:hover .portal-icon-wrapper{transform:scale(1.08);background:#e8f0fe}.portal-icon{width:36px;height:36px;background-size:contain;background-repeat:no-repeat;background-position:center}.users-icon{background-image:url("data:image/svg+xml;utf8,<svg fill='none' stroke='%233b82f6' stroke-width='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><circle cx='9' cy='7' r='4'/><path d='M17 11c1.657 0 3-1.79 3-4s-1.343-4-3-4-3 1.79-3 4 1.343 4 3 4z'/><path d='M2 21v-2a4 4 0 014-4h6a4 4 0 014 4v2'/><path d='M17 13a4 4 0 014 4v2'/></svg>")}.clock-icon{background-image:url("data:image/svg+xml;utf8,<svg fill='none' stroke='%2310b981' stroke-width='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><circle cx='12' cy='12' r='10'/><path d='M12 6v6l4 2'/></svg>")}.rings-icon{background-image:url("data:image/svg+xml;utf8,<svg fill='none' stroke='%23f59e0b' stroke-width='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><circle cx='9' cy='12' r='5'/><circle cx='15' cy='12' r='5'/><path d='M12 7l2-3h-4l2 3z'/></svg>")}.video-icon{background-image:url("data:image/svg+xml;utf8,<svg fill='none' stroke='%238b5cf6' stroke-width='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><rect x='2' y='5' width='14' height='14' rx='2' ry='2'/><polygon points='16,9 22,12 16,15'/></svg>")}.settings-icon{background-image:url("data:image/svg+xml;utf8,<svg fill='none' stroke='%23ef4444' stroke-width='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><circle cx='12' cy='12' r='3'/><path d='M12 1v6m0 6v6M4.22 4.22l4.24 4.24m5.08 5.08l4.24 4.24M1 12h6m6 0h6M4.22 19.78l4.24-4.24m5.08-5.08l4.24-4.24'/></svg>")}.posts-icon{background-image:url("data:image/svg+xml;utf8,<svg fill='none' stroke='%2322c55e' stroke-width='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><rect x='3' y='3' width='18' height='18' rx='2'/><path d='M3 9h18'/><path d='M9 21V9'/></svg>")}.mosque-icon{background-image:url("data:image/svg+xml;utf8,<svg fill='none' stroke='%23B38934' stroke-width='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M3 21h18'/><path d='M9 21V10'/><path d='M15 21V10'/><path d='M9 10a3 3 0 01-3-3c0-2 3-6 3-6s3 4 3 6a3 3 0 01-3 3z'/><path d='M15 10a3 3 0 01-3-3c0-2 3-6 3-6s3 4 3 6a3 3 0 01-3 3z'/><path d='M6 21v-4a6 6 0 0112 0v4'/></svg>")}.database-icon{background-image:url("data:image/svg+xml;utf8,<svg fill='none' stroke='%23f59e0b' stroke-width='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><ellipse cx='12' cy='6' rx='8' ry='3'/><path d='M4 6v6c0 1.657 3.582 3 8 3s8-1.343 8-3V6'/><path d='M4 12v6c0 1.657 3.582 3 8 3s8-1.343 8-3v-6'/></svg>")}.portal-card.advertisements-card:before{background:#b38934}.portal-card.advertisements-card:hover{box-shadow:0 14px 36px #b3893447}.storefront-icon{background-image:url("data:image/svg+xml;utf8,<svg fill='none' stroke='%23B38934' stroke-width='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z'/><polyline points='9 22 9 12 15 12 15 22'/></svg>")}.hadith-icon{background-image:url("data:image/svg+xml;utf8,<svg fill='none' stroke='%23B38934' stroke-width='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M2 3h6a4 4 0 014 4v14a3 3 0 00-3-3H2z'/><path d='M22 3h-6a4 4 0 00-4 4v14a3 3 0 013-3h7z'/></svg>")}.lock-icon{background-image:url("data:image/svg+xml;utf8,<svg fill='none' stroke='%230ea5e9' stroke-width='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><rect x='3' y='11' width='18' height='11' rx='2' ry='2'/><path d='M7 11V7a5 5 0 0110 0v4'/></svg>")}@keyframes portalFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.pl-header{padding:0 16px;gap:8px}.pl-brand-name,.pl-username,.pl-header-divider{display:none}.pl-hero{padding:28px 16px 8px}.pl-welcome{font-size:1.3rem}.pl-main{padding:20px 16px 40px}.portal-grid{grid-template-columns:repeat(2,1fr);gap:12px}}.pe-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1200;padding:16px}.pe-modal{width:100%;max-width:840px;max-height:92vh;background:#fff;border-radius:14px;box-shadow:0 20px 60px #0003,0 4px 16px #00000014;display:flex;flex-direction:column;overflow:hidden;animation:pe-in .22s ease-out}@keyframes pe-in{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.pe-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #f1f5f9;flex-shrink:0;gap:12px}.pe-header-left{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.pe-header-title{font-size:1.05rem;font-weight:700;color:#1e293b;margin:0;white-space:nowrap}.pe-type-toggle{display:flex;background:#f1f5f9;border-radius:8px;padding:3px;gap:2px;flex-shrink:0}.pe-type-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border:none;border-radius:6px;background:transparent;font-size:.82rem;font-weight:500;color:#64748b;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s;white-space:nowrap}.pe-type-btn:hover:not(.is-active){background:#e8edf3;color:#334155}.pe-type-btn.is-active{background:#fff;color:#1e293b;font-weight:700;box-shadow:0 1px 3px #0000001f}.pe-type-btn.pe-type-event.is-active{color:#92400e}.pe-close{width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.4rem;line-height:1;transition:background .15s,color .15s}.pe-close:hover{background:#f1f5f9;color:#1e293b}.pe-body{flex:1;min-height:0;overflow:hidden;padding:20px 24px;display:flex;flex-direction:column;gap:14px}.pe-body>*:not(.pe-editor-wrap){flex-shrink:0}.pe-error{display:flex;align-items:center;gap:8px;background:#fef2f2;border:1px solid #fecaca;border-left:4px solid #dc2626;color:#dc2626;padding:10px 14px;border-radius:0 8px 8px 0;font-size:.88rem;font-weight:600}.pe-input{width:100%;box-sizing:border-box;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;font-weight:600;color:#1e293b;background:#f8fafc;outline:none;font-family:inherit;transition:border-color .15s,box-shadow .15s,background .15s}.pe-input:focus{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1f;background:#fff}.pe-input::placeholder{font-weight:400;color:#94a3b8}.pe-toolbar{display:flex;align-items:center;gap:2px;flex-wrap:wrap;padding:5px 8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.pe-toolbar-sep{width:1px;height:18px;background:#e2e8f0;margin:0 5px;flex-shrink:0}.pe-tbtn{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 5px;border-radius:6px;border:none;background:transparent;color:#475569;font-size:.88rem;cursor:pointer;transition:background .12s,color .12s;line-height:1}.pe-tbtn:hover:not(:disabled){background:#e2e8f0;color:#1e293b}.pe-tbtn.is-active{background:#dcfce7;color:#16a34a}.pe-tbtn:disabled{opacity:.4;cursor:not-allowed}.pe-editor-wrap{flex:1;min-height:160px;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden auto;background:#fff}.pe-editor-wrap:focus-within{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1a}.pe-editor-wrap .tiptap,.pe-editor-wrap .ProseMirror{min-height:320px;padding:14px 16px;outline:none;font-size:.92rem;line-height:1.65;color:#1e293b}.pe-editor-wrap .tiptap p,.pe-editor-wrap .ProseMirror p{margin:0 0 .75rem}.pe-editor-wrap .tiptap p:last-child,.pe-editor-wrap .ProseMirror p:last-child{margin-bottom:0}.pe-editor-wrap .tiptap img,.pe-editor-wrap .ProseMirror img{max-width:100%;border-radius:6px}.pe-editor-wrap .tiptap figure,.pe-editor-wrap .ProseMirror figure{margin:0 0 1rem}.pe-editor-wrap .tiptap figcaption,.pe-editor-wrap .ProseMirror figcaption{font-size:.82rem;color:#94a3b8;margin-top:4px}.pe-editor-wrap .tiptap ul,.pe-editor-wrap .tiptap ol,.pe-editor-wrap .ProseMirror ul,.pe-editor-wrap .ProseMirror ol{padding-left:1.5rem;margin:0 0 .75rem}.pe-image-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pe-file-hidden{display:none}.pe-file-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:7px;border:1px solid #e2e8f0;background:#f8fafc;color:#475569;font-size:.83rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.pe-file-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.pe-file-hint{font-size:.8rem;color:#94a3b8}.pe-footer{display:flex;align-items:center;gap:8px;padding:14px 24px;border-top:1px solid #f1f5f9;background:#fafafa;border-radius:0 0 14px 14px;flex-shrink:0}.pe-btn-save{display:inline-flex;align-items:center;gap:6px;padding:9px 20px;border-radius:8px;border:none;background:#16a34a;color:#fff;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s}.pe-btn-save:hover:not(:disabled){background:#15803d}.pe-btn-save:disabled{opacity:.6;cursor:not-allowed}.pe-btn-cancel{padding:9px 18px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#475569;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s}.pe-btn-cancel:hover:not(:disabled){background:#f1f5f9}.pe-btn-cancel:disabled{opacity:.5;cursor:not-allowed}.pe-btn-delete{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:8px;border:1px solid #fecaca;background:#fff;color:#dc2626;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s;margin-left:auto}.pe-btn-delete:hover:not(:disabled){background:#fef2f2;border-color:#dc2626}.pe-btn-delete:disabled{opacity:.5;cursor:not-allowed}.pe-date-row{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}.pe-date-field{flex:1 1 130px;display:flex;flex-direction:column;gap:4px}.pe-time-field{flex:0 1 120px;display:flex;flex-direction:column;gap:4px}.pe-date-label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.pe-date-optional{font-weight:400;text-transform:none;letter-spacing:0;color:#94a3b8;font-size:.75rem}.pe-date-required{color:#dc2626;font-weight:700}.pe-date-input.is-required{border-color:#fca5a5}.pe-date-input.is-required:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.pe-date-input{width:100%;box-sizing:border-box;padding:9px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;color:#1e293b;background:#f8fafc;outline:none;font-family:inherit;transition:border-color .15s,box-shadow .15s,background .15s}.pe-date-input:focus{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1f;background:#fff}.pe-date-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6}@media (max-width: 640px){.pe-modal{border-radius:12px}.pe-header{padding:12px 16px;flex-wrap:wrap}.pe-header-left{flex-wrap:wrap}.pe-body{padding:14px 16px}.pe-footer{flex-wrap:wrap;padding:12px 16px}.pe-btn-save,.pe-btn-cancel{flex:1;justify-content:center}.pe-btn-delete{margin-left:0;width:100%;justify-content:center}.pe-date-field,.pe-time-field{flex:1 1 100%}}.ph-header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:1.5rem;flex-wrap:wrap}.ph-left{display:flex;flex-direction:column;gap:4px}.ph-back{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;font-weight:600;color:#64748b;text-decoration:none;text-transform:uppercase;letter-spacing:.5px;transition:color .15s}.ph-back:hover{color:#2563eb;text-decoration:none}.ph-back svg{width:14px;height:14px;flex-shrink:0}.ph-title{font-size:1.65rem;font-weight:700;color:#1e293b;margin:0;letter-spacing:-.3px}.ph-right{display:flex;align-items:center;gap:10px;flex-shrink:0;flex-wrap:wrap}.ph-divider{width:1px;height:22px;background:#e2e8f0;flex-shrink:0}.ph-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#b38934,#7a5a1e);color:#fff;font-size:.78rem;font-weight:700;display:flex;align-items:center;justify-content:center;letter-spacing:.5px;flex-shrink:0;border:2px solid rgba(179,137,52,.3)}.ph-username{font-size:.87rem;color:#475569;font-weight:500;white-space:nowrap}.ph-sign-out{padding:7px 14px;border-radius:8px;border:1px solid #e2e8f0;background:transparent;color:#64748b;font-size:.84rem;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.ph-sign-out:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}@media (max-width: 640px){.ph-header{align-items:flex-start}.ph-username{display:none}}.ps-page{padding:2rem 2.5rem;background:#f1f5f9;min-height:100vh;font-family:system-ui,-apple-system,sans-serif;color:#1e293b}.ps-header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:1.5rem;flex-wrap:wrap}.ps-header-left{display:flex;flex-direction:column;gap:4px}.ps-back{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;font-weight:600;color:#64748b;text-decoration:none;text-transform:uppercase;letter-spacing:.5px;transition:color .15s}.ps-back:hover{color:#2563eb}.ps-back svg{width:14px;height:14px}.ps-title{font-size:1.65rem;font-weight:700;color:#1e293b;margin:0;letter-spacing:-.3px}.ps-stats{display:flex;gap:12px;margin-bottom:1.25rem;flex-wrap:wrap}.ps-stat-chip{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:5px 14px;font-size:.82rem;font-weight:600;color:#64748b;box-shadow:0 1px 3px #00000012}.ps-stat-val{font-size:.95rem;font-weight:700;color:#1e293b}.ps-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:1.25rem}.ps-add-btn{display:inline-flex;align-items:center;gap:6px;background:#16a34a;color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:.86rem;font-weight:600;cursor:pointer;transition:background .15s;white-space:nowrap;margin-left:auto}.ps-add-btn:hover:not(:disabled){background:#15803d}.ps-add-btn:disabled{opacity:.5;cursor:not-allowed}.ps-error{display:flex;align-items:center;gap:8px;background:#fef2f2;border:1px solid #fecaca;border-left:4px solid #dc2626;color:#dc2626;padding:10px 14px;border-radius:0 8px 8px 0;font-size:.88rem;font-weight:600;margin-bottom:16px}.ps-loading,.ps-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 24px;gap:12px;color:#64748b;font-size:.92rem;text-align:center;background:#fff;border-radius:10px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000f}.ps-spinner{width:34px;height:34px;border:3px solid #e2e8f0;border-top-color:#16a34a;border-radius:50%;animation:ps-spin .7s linear infinite}@keyframes ps-spin{to{transform:rotate(360deg)}}.ps-list{display:flex;flex-direction:column;gap:1rem}.ps-card{background:#fff;border-radius:10px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000f,0 4px 12px #0000000a;overflow:hidden;transition:box-shadow .15s}.ps-card:hover{box-shadow:0 2px 6px #00000014,0 6px 20px #0000000f}.ps-card-inner{padding:20px 24px;display:flex;gap:16px}.ps-card-body{flex:1;min-width:0}.ps-card-title-row{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap;margin-bottom:10px}.ps-card-title{font-size:1.05rem;font-weight:700;color:#1e293b;margin:0;line-height:1.35;flex:1;min-width:0}.ps-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;margin-top:2px}.ps-badge-event{background:#fffbeb;border:1px solid #fcd34d;color:#92400e}.ps-badge-info{background:#f0f9ff;border:1px solid #bae6fd;color:#0369a1}.ps-card-dates{display:flex;align-items:center;gap:5px;font-size:.8rem;font-weight:600;color:#b38934;margin-bottom:8px}.ps-card-content{font-size:.91rem;color:#334155;line-height:1.65}.ps-card-content img{max-width:100%;height:auto;border-radius:6px;display:block}.ps-card-content figure{margin:0 0 1rem}.ps-card-content figcaption{font-size:.82rem;color:#94a3b8;margin-top:4px}.ps-card-content p{margin:0 0 .75rem}.ps-card-content p:last-child{margin-bottom:0}.ps-card-content ul,.ps-card-content ol{margin:0 0 .75rem;padding-left:1.5rem}.ps-card-content strong{color:#1e293b}.ps-card-content h1,.ps-card-content h2,.ps-card-content h3{color:#1e293b;margin:0 0 .5rem}.ps-card-meta{display:flex;align-items:center;gap:6px;margin-top:14px;padding-top:12px;border-top:1px solid #f1f5f9;font-size:.78rem;color:#94a3b8}.ps-card-actions{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.ps-btn-edit{display:inline-flex;align-items:center;gap:4px;padding:6px 13px;border-radius:7px;border:1px solid #e2e8f0;background:#f8fafc;color:#1e293b;font-size:.81rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.ps-btn-edit:hover:not(:disabled){background:#eff6ff;border-color:#bfdbfe;color:#2563eb}.ps-btn-edit:disabled{opacity:.4;cursor:not-allowed}.ps-btn-delete{display:inline-flex;align-items:center;gap:4px;padding:6px 13px;border-radius:7px;border:1px solid #fecaca;background:#fff;color:#dc2626;font-size:.81rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.ps-btn-delete:hover:not(:disabled){background:#fef2f2;border-color:#dc2626}.ps-btn-delete:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 640px){.ps-page{padding:1rem .75rem}.ps-card-inner{flex-direction:column;gap:12px}.ps-card-actions{flex-direction:row;width:100%}.ps-btn-edit,.ps-btn-delete{flex:1;justify-content:center}.ps-add-btn{width:100%;justify-content:center}.ps-toolbar{flex-wrap:wrap}}.pte-page{padding:24px 20px 40px;max-width:1400px;margin:0 auto;font-family:system-ui,sans-serif}.pte-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:20px}.pte-header-left{display:flex;align-items:center;gap:16px}.pte-header-right{display:flex;gap:8px;flex-wrap:wrap}.pte-back{display:inline-flex;align-items:center;gap:4px;color:#64748b;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .15s}.pte-back:hover{color:#1e293b}.pte-back svg{width:16px;height:16px}.pte-title{margin:0;font-size:1.4rem;font-weight:700;color:#1e293b}.pte-btn-primary{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:8px;border:none;background:#2563eb;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s;white-space:nowrap}.pte-btn-primary:hover:not(:disabled){background:#1d4ed8}.pte-btn-primary:disabled{opacity:.5;cursor:not-allowed}.pte-btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:8px;border:1px solid #cbd5e1;background:#fff;color:#475569;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.pte-btn-secondary:hover:not(:disabled){background:#f1f5f9;border-color:#94a3b8}.pte-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.pte-error{display:flex;align-items:center;gap:8px;background:#fef2f2;border:1px solid #fecaca;border-left:3px solid #dc2626;color:#dc2626;padding:10px 14px;border-radius:0 8px 8px 0;font-size:.875rem;font-weight:500;margin-bottom:16px}.pte-error .pte-banner-close{color:#dc2626}.pte-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000012,0 4px 16px #0000000a;overflow:hidden}.pte-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:14px 16px;border-bottom:1px solid #f1f5f9;background:#f8fafc}.pte-toolbar label{display:flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.3px}.pte-toolbar input[type=date]{padding:7px 10px;border:1px solid #cbd5e1;border-radius:7px;font-size:.88rem;background:#fff;color:#1e293b;outline:none;transition:border-color .15s,box-shadow .15s}.pte-toolbar input[type=date]:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.pte-toolbar .pte-btn-secondary{padding:7px 14px;font-size:.83rem}.pte-success{display:flex;align-items:center;gap:8px;background:#f0fdf4;border:1px solid #bbf7d0;border-left:3px solid #16a34a;color:#15803d;padding:10px 14px;border-radius:0 8px 8px 0;font-size:.875rem;font-weight:500;margin-bottom:16px}.pte-banner-close{margin-left:auto;background:none;border:none;cursor:pointer;font-size:1.1rem;line-height:1;color:inherit;opacity:.6;padding:0 2px}.pte-banner-close:hover{opacity:1}.pte-batch{border-bottom:1px solid #f1f5f9}.pte-batch-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 16px;background:#fafbff}.pte-batch-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;margin-right:4px;white-space:nowrap}.pte-batch-tab{display:inline-flex;align-items:center;gap:5px;padding:6px 13px;border-radius:20px;border:1px solid #e2e8f0;background:#fff;color:#475569;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.pte-batch-tab:hover{background:#f8fafc;border-color:#94a3b8}.pte-batch-tab.active{background:#fff8ec;border-color:#f59e0b;color:#b45309}.pte-chevron{transition:transform .2s}.pte-chevron.open{transform:rotate(180deg)}.pte-batch-panel{padding:14px 20px;background:#fffbf0;border-top:1px solid #fde68a}.pte-batch-checks{display:flex;flex-wrap:wrap;gap:4px 14px}.pte-batch-check{display:flex;align-items:center;gap:5px;font-size:.83rem;font-weight:500;color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none}.pte-batch-check input[type=checkbox]{accent-color:#f59e0b;width:15px;height:15px;cursor:pointer}.pte-iqamah-mode{display:inline-flex;border:1px solid #fcd34d;border-radius:8px;overflow:hidden;margin-bottom:12px}.pte-mode-btn{padding:6px 16px;border:none;background:#fff;color:#92400e;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.pte-mode-btn+.pte-mode-btn{border-left:1px solid #fcd34d}.pte-mode-btn:hover:not(.active){background:#fef9ec}.pte-mode-btn.active{background:#f59e0b;color:#fff}.pte-iqamah-grid{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;margin-bottom:12px}.pte-iqamah-row{display:flex;align-items:center;gap:7px}.pte-iqamah-time{width:112px;padding:5px 8px;border:1px solid #fcd34d;border-radius:6px;font-size:.85rem;background:#fff;color:#1e293b;outline:none;transition:border-color .15s,box-shadow .15s}.pte-iqamah-time:focus{border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b26}.pte-iqamah-time:disabled{background:#f8fafc;color:#94a3b8;border-color:#e2e8f0;cursor:not-allowed}.pte-iqamah-offset-wrap{display:flex;align-items:center;gap:5px}.pte-iqamah-offset-num{width:72px;padding:5px 8px;border:1px solid #fcd34d;border-radius:6px;font-size:.85rem;background:#fff;color:#1e293b;outline:none;text-align:center;transition:border-color .15s,box-shadow .15s}.pte-iqamah-offset-num:focus{border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b26}.pte-iqamah-offset-num:disabled{background:#f8fafc;color:#94a3b8;border-color:#e2e8f0;cursor:not-allowed}.pte-iqamah-offset-num::-webkit-inner-spin-button,.pte-iqamah-offset-num::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pte-iqamah-offset-num[type=number]{-moz-appearance:textfield}.pte-iqamah-offset-unit{font-size:.78rem;font-weight:600;color:#92400e;white-space:nowrap}.pte-hijri-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-bottom:10px}.pte-batch-group-label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:#92400e;white-space:nowrap}.pte-batch-num{width:86px;padding:6px 10px;border:1px solid #fcd34d;border-radius:6px;font-size:.88rem;background:#fff;color:#1e293b;outline:none;text-align:center;transition:border-color .15s,box-shadow .15s}.pte-batch-num:focus{border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b26}.pte-batch-num::-webkit-inner-spin-button,.pte-batch-num::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pte-batch-num[type=number]{-moz-appearance:textfield}.pte-batch-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.pte-batch-hint{font-size:.78rem;color:#92400e;margin:0;line-height:1.5}.pte-batch-hint code{background:#fef3c7;border-radius:3px;padding:1px 4px;font-size:.76rem}.pte-btn-amber{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;border:none;background:#f59e0b;color:#fff;font-size:.855rem;font-weight:600;cursor:pointer;transition:background .15s;white-space:nowrap}.pte-btn-amber:hover:not(:disabled){background:#d97706}.pte-btn-amber:disabled{opacity:.45;cursor:not-allowed}.pte-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:56px 24px;color:#64748b;font-size:.9rem}.pte-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.pte-table{width:100%;border-collapse:collapse;font-size:.85rem}.pte-table thead th{padding:10px;text-align:left;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#64748b;background:#f8fafc;border-bottom:2px solid #e2e8f0;white-space:nowrap}.pte-table thead th:first-child{border-left:3px solid #B38934}.pte-table tbody td{border-bottom:1px solid #f1f5f9;padding:4px 6px;vertical-align:middle}.pte-table tbody tr:last-child td{border-bottom:none}.pte-table tbody tr:hover td{background:#fafbfc}.pte-table .cell-date{padding:4px 10px;white-space:nowrap;font-weight:700;font-size:.82rem;color:#1e293b;border-left:3px solid #B38934;min-width:90px}.pte-table .cell-hijri{min-width:130px}.pte-table input[type=time]{width:92px;padding:4px 6px;border:1px solid #e2e8f0;border-radius:6px;font-size:.83rem;background:#fff;color:#1e293b;outline:none;transition:border-color .15s,box-shadow .15s}.pte-table input[type=time]:focus:not([readOnly]){border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1f}.pte-table input[type=text]{width:130px;padding:4px 8px;border:1px solid #e2e8f0;border-radius:6px;font-size:.83rem;background:#fff;color:#1e293b;outline:none;transition:border-color .15s,box-shadow .15s}.pte-table input[type=text]:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1f}.pte-table .cell-readonly input{pointer-events:none;background:#f8fafc;color:#94a3b8;border-color:#f1f5f9}@media (max-width: 767px){.pte-table thead{display:none}.pte-table tbody tr{display:block;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:14px;padding:10px 14px 6px;background:#fff;box-shadow:0 1px 4px #0000000f}.pte-table tbody tr:hover td{background:transparent}.pte-table tbody td{display:flex;align-items:center;padding:6px 0;border:none;border-bottom:1px solid #f0f0f0;font-size:.9rem;gap:10px}.pte-table tbody td:last-child{border-bottom:none}.pte-table tbody td:before{content:attr(data-label);font-weight:600;flex:0 0 110px;color:#64748b;font-size:.72rem;text-transform:uppercase;letter-spacing:.3px}.pte-table .cell-date,.pte-table .cell-hijri{border-left:none;border-bottom:2px solid #B38934!important;padding-bottom:8px;margin-bottom:2px;font-size:.95rem}.pte-table .cell-hijri{min-width:unset}.pte-table input[type=time],.pte-table input[type=text]{flex:1;width:auto;padding:8px 10px;font-size:16px;min-height:40px;border-radius:6px;touch-action:manipulation}.pte-table .cell-readonly input{background:#f8fafc;color:#94a3b8;border-color:#f1f5f9;pointer-events:none}.pte-toolbar{flex-direction:column;align-items:stretch}.pte-toolbar label{flex-direction:column;align-items:flex-start;gap:4px}.pte-toolbar input[type=date]{width:100%;padding:9px 10px;font-size:16px;min-height:42px}.pte-toolbar .pte-btn-secondary,.pte-btn-primary,.pte-btn-secondary{min-height:42px;font-size:.9rem;justify-content:center}.pte-header-right{width:100%}.pte-header-right .pte-btn-primary,.pte-header-right .pte-btn-secondary{flex:1}.pte-page{padding:16px 12px 32px}.pte-batch-tabs{flex-wrap:wrap}.pte-batch-tab{flex:1;justify-content:center;min-height:40px}.pte-batch-panel{padding:12px 14px}.pte-iqamah-mode{width:100%}.pte-mode-btn{flex:1;text-align:center;padding:8px 10px;font-size:.85rem;min-height:40px}.pte-iqamah-grid{flex-direction:column;align-items:flex-start;gap:10px}.pte-iqamah-row{width:100%;justify-content:space-between}.pte-iqamah-time{flex:1;padding:8px 10px;font-size:16px;min-height:42px;width:auto}.pte-iqamah-offset-wrap{flex:1;justify-content:flex-end}.pte-iqamah-offset-num{flex:1;padding:8px 10px;font-size:16px;min-height:42px;width:auto;text-align:left}.pte-hijri-controls{flex-direction:column;align-items:flex-start}.pte-batch-num{width:100%;padding:9px 10px;font-size:16px;min-height:42px;text-align:left}.pte-batch-footer{flex-direction:column;align-items:flex-start}.pte-btn-amber{width:100%;justify-content:center;min-height:42px;font-size:.9rem}}.ue-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1200;padding:16px;animation:ue-fade-in .15s ease}@keyframes ue-fade-in{0%{opacity:0}to{opacity:1}}.ue-dialog{background:#fff;border-radius:14px;width:100%;max-width:620px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000002e,0 4px 16px #00000014;animation:ue-slide-up .18s ease}@keyframes ue-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ue-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid #e2e8f0;flex-shrink:0}.ue-header h3{margin:0;font-size:1.1rem;font-weight:700;color:#1e293b}.ue-close{width:32px;height:32px;border-radius:7px;border:1px solid #e2e8f0;background:#f8fafc;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:1rem;line-height:1;transition:background .15s,color .15s}.ue-close:hover{background:#fee2e2;border-color:#fecaca;color:#dc2626}.ue-body{padding:22px 24px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:18px}.ue-row-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ue-field{display:flex;flex-direction:column;gap:5px}.ue-label{font-size:.78rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.4px}.ue-input{padding:9px 12px;border:1px solid #cbd5e1;border-radius:8px;font-size:.92rem;color:#1e293b;background:#fff;transition:border-color .15s,box-shadow .15s;outline:none;width:100%;box-sizing:border-box}.ue-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.ue-input::placeholder{color:#94a3b8}.ue-input.ue-input-error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.ue-field-error{display:block;margin-top:4px;font-size:.75rem;color:#ef4444}.ue-password-row{display:flex;gap:8px;align-items:center}.ue-password-row .ue-input{flex:1}.ue-eye-btn{width:40px;height:40px;border:1px solid #cbd5e1;border-radius:8px;background:#f8fafc;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:.95rem;flex-shrink:0;transition:background .15s,border-color .15s}.ue-eye-btn:hover{background:#eff6ff;border-color:#bfdbfe;color:#2563eb}.ue-toggle-row{display:flex;align-items:center;justify-content:space-between;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;padding:12px 16px}.ue-toggle-label{display:flex;flex-direction:column;gap:2px}.ue-toggle-label span:first-child{font-weight:600;font-size:.9rem;color:#1e293b}.ue-toggle-label span:last-child{font-size:.78rem;color:#64748b}.ue-switch{position:relative;width:42px;height:24px;flex-shrink:0}.ue-switch input{opacity:0;width:0;height:0}.ue-switch-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#cbd5e1;border-radius:24px;cursor:pointer;transition:background .2s}.ue-switch-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #0003}.ue-switch input:checked+.ue-switch-slider{background:#2563eb}.ue-switch input:checked+.ue-switch-slider:before{transform:translate(18px)}.ue-switch input:disabled+.ue-switch-slider{opacity:.45;cursor:not-allowed}.ue-divider{border:none;border-top:1px solid #e2e8f0;margin:0}.ue-section-title{font-size:.78rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.4px;margin-bottom:10px}.ue-roles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}.ue-role-item{display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:background .12s,border-color .12s;font-size:.88rem;color:#1e293b;font-weight:500;-webkit-user-select:none;user-select:none}.ue-role-item:hover{background:#f8fafc}.ue-role-item.selected{background:#eff6ff;border-color:#bfdbfe;color:#2563eb;font-weight:600}.ue-role-item input[type=checkbox]{display:none}.ue-role-check{width:18px;height:18px;border-radius:5px;border:2px solid #cbd5e1;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .12s,border-color .12s}.ue-role-item.selected .ue-role-check{background:#2563eb;border-color:#2563eb}.ue-role-check-mark{display:none;color:#fff;font-size:.65rem}.ue-role-item.selected .ue-role-check-mark{display:block}.ue-error{display:flex;align-items:center;gap:7px;background:#fef2f2;border:1px solid #fecaca;border-left:3px solid #dc2626;color:#dc2626;padding:9px 12px;border-radius:0 7px 7px 0;font-size:.85rem;font-weight:500}.ue-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid #e2e8f0;background:#f8fafc;border-radius:0 0 14px 14px;flex-shrink:0}.ue-btn-cancel{padding:9px 18px;border-radius:8px;border:1px solid #cbd5e1;background:#fff;color:#475569;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.ue-btn-cancel:hover{background:#f1f5f9;border-color:#94a3b8}.ue-btn-save{padding:9px 22px;border-radius:8px;border:none;background:#2563eb;color:#fff;font-size:.88rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .15s}.ue-btn-save:hover:not(:disabled){background:#1d4ed8}.ue-btn-save:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 600px){.ue-row-2{grid-template-columns:1fr}.ue-dialog{border-radius:10px}}:root{--u-primary: #2563eb;--u-primary-lt: #eff6ff;--u-primary-dark: #1d4ed8;--u-danger: #dc2626;--u-danger-lt: #fef2f2;--u-success: #16a34a;--u-success-lt: #f0fdf4;--u-bg: #f1f5f9;--u-card: #ffffff;--u-border: #e2e8f0;--u-text: #1e293b;--u-muted: #64748b;--u-faint: #94a3b8;--u-radius: 10px;--u-shadow: 0 1px 3px rgba(0,0,0,.08), 0 4px 12px rgba(0,0,0,.05)}.users-page{padding:2rem 2.5rem;background:var(--u-bg);min-height:100vh;font-family:Segoe UI,system-ui,sans-serif;color:var(--u-text)}.users-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:1.75rem;flex-wrap:wrap}.users-header-left{display:flex;flex-direction:column;gap:4px}.users-back{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;font-weight:600;color:var(--u-muted);text-decoration:none;text-transform:uppercase;letter-spacing:.5px;transition:color .15s}.users-back:hover{color:var(--u-primary)}.users-back svg{width:14px;height:14px}.users-title{font-size:1.65rem;font-weight:700;color:var(--u-text);margin:0;letter-spacing:-.3px}.users-header-right{display:flex;align-items:center;gap:10px}.users-stats{display:flex;gap:12px;margin-bottom:1.25rem;flex-wrap:wrap}.users-stat-chip{display:inline-flex;align-items:center;gap:6px;background:var(--u-card);border:1px solid var(--u-border);border-radius:20px;padding:5px 14px;font-size:.82rem;font-weight:600;color:var(--u-muted);box-shadow:var(--u-shadow)}.users-stat-chip .stat-val{font-size:.95rem;font-weight:700;color:var(--u-text)}.users-card{background:var(--u-card);border-radius:var(--u-radius);box-shadow:var(--u-shadow);border:1px solid var(--u-border);overflow:hidden}.users-toolbar{display:flex;align-items:center;padding:14px 20px;border-bottom:1px solid var(--u-border);gap:10px}.users-search-wrap{position:relative;flex:1;max-width:320px}.users-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--u-faint);pointer-events:none;font-size:.85rem}.users-search{width:100%;padding:7px 10px 7px 32px;border:1px solid var(--u-border);border-radius:7px;font-size:.88rem;color:var(--u-text);background:var(--u-bg);transition:border-color .15s,box-shadow .15s;outline:none}.users-search:focus{border-color:var(--u-primary);box-shadow:0 0 0 3px #2563eb1a;background:#fff}.users-count{font-size:.82rem;color:var(--u-muted);margin-left:auto;white-space:nowrap}.users-table{width:100%;border-collapse:collapse}.users-table thead tr{background:#f8fafc;border-bottom:1px solid var(--u-border)}.users-table thead th{padding:11px 16px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--u-muted);text-align:left;white-space:nowrap}.users-table thead th:last-child{text-align:right}.users-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .1s}.users-table tbody tr:last-child{border-bottom:none}.users-table tbody tr:hover{background:#f8fafc}.users-table tbody td{padding:13px 16px;font-size:.9rem;color:var(--u-text);vertical-align:middle}.user-cell{display:flex;align-items:center;gap:12px}.user-avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:#fff;flex-shrink:0;letter-spacing:.5px}.user-name{font-weight:600;color:var(--u-text);line-height:1.3}.user-username{font-size:.78rem;color:var(--u-muted);margin-top:1px}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:20px;font-size:.72rem;font-weight:700;letter-spacing:.3px;white-space:nowrap}.badge-admin{background:var(--u-primary-lt);color:var(--u-primary)}.badge-role{background:#f1f5f9;color:var(--u-muted);margin:2px 2px 2px 0}.roles-cell{display:flex;flex-wrap:wrap;gap:4px}.users-table tbody td:last-child{text-align:right}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:7px;border:1px solid transparent;background:transparent;cursor:pointer;font-size:.88rem;transition:background .15s,border-color .15s,color .15s;color:var(--u-muted)}.btn-icon:disabled{opacity:.4;cursor:not-allowed}.btn-icon.edit:hover{background:var(--u-primary-lt);border-color:#bfdbfe;color:var(--u-primary)}.btn-icon.delete:hover{background:var(--u-danger-lt);border-color:#fecaca;color:var(--u-danger)}.btn-primary{display:inline-flex;align-items:center;gap:6px;background:var(--u-primary);color:#fff;border:none;border-radius:8px;padding:9px 18px;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s,transform .1s;white-space:nowrap}.btn-primary:hover{background:var(--u-primary-dark)}.btn-primary:active{transform:translateY(1px)}.users-error{display:flex;align-items:center;gap:8px;background:var(--u-danger-lt);border:1px solid #fecaca;border-left:4px solid var(--u-danger);color:var(--u-danger);padding:10px 14px;border-radius:0 8px 8px 0;font-size:.88rem;font-weight:600;margin-bottom:16px}.users-loading,.users-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;color:var(--u-muted);gap:12px}.users-empty-icon{font-size:2.5rem;opacity:.35}.users-empty p{font-size:.95rem;margin:0}.spinner{width:36px;height:36px;border:3px solid #e2e8f0;border-top-color:var(--u-primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 640px){.users-page{padding:1rem .75rem}.users-table thead{display:none}.users-table,.users-table tbody{display:block}.users-table tbody tr{display:block;margin:0;padding:14px 16px 12px;border-bottom:1px solid var(--u-border)!important;background:#fff}.users-table tbody tr:last-child{border-bottom:none!important}.users-table tbody tr:hover{background:#f8fafc}.users-table tbody td{display:block;padding:0;border:none;font-size:.88rem}.users-table tbody td:nth-child(1){margin-bottom:6px}.users-table tbody td:nth-child(2){font-size:.82rem;color:var(--u-muted);margin-bottom:4px;padding-left:50px}.users-table tbody td:nth-child(3){padding-left:50px;margin-bottom:4px}.users-table tbody td:nth-child(4){padding-left:50px;margin-bottom:10px}.users-table tbody td:nth-child(5){display:flex;gap:8px;padding-left:50px;text-align:left}.btn-icon{width:auto;height:34px;padding:0 14px;gap:6px;font-size:.82rem;font-weight:600}.btn-icon.edit:after{content:"Edit"}.btn-icon.delete:after{content:"Delete"}.btn-icon.edit{background:var(--u-primary-lt);border-color:#bfdbfe;color:var(--u-primary);flex:1;justify-content:center}.btn-icon.delete{background:var(--u-danger-lt);border-color:#fecaca;color:var(--u-danger);flex:1;justify-content:center}}:root{--nkl-primary: #d97706;--nkl-primary-lt: #fffbeb;--nkl-primary-dark: #b45309;--nkl-danger: #dc2626;--nkl-danger-lt: #fef2f2;--nkl-bg: #f1f5f9;--nkl-card: #ffffff;--nkl-border: #e2e8f0;--nkl-text: #1e293b;--nkl-muted: #64748b;--nkl-faint: #94a3b8;--nkl-shadow: 0 1px 3px rgba(0,0,0,.08), 0 4px 12px rgba(0,0,0,.05)}.nkl-page{padding:2rem 2.5rem;background:var(--nkl-bg);min-height:100vh;font-family:system-ui,-apple-system,sans-serif;color:var(--nkl-text)}.nkl-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:1.5rem;flex-wrap:wrap}.nkl-header-left{display:flex;flex-direction:column;gap:4px}.nkl-back{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;font-weight:600;color:var(--nkl-muted);text-decoration:none;text-transform:uppercase;letter-spacing:.5px;transition:color .15s}.nkl-back:hover{color:var(--nkl-primary)}.nkl-back svg{width:14px;height:14px}.nkl-title{font-size:1.65rem;font-weight:700;color:var(--nkl-text);margin:0;letter-spacing:-.3px}.nkl-stats{display:flex;gap:12px;margin-bottom:1.25rem;flex-wrap:wrap}.nkl-stat-chip{display:inline-flex;align-items:center;gap:6px;background:var(--nkl-card);border:1px solid var(--nkl-border);border-radius:20px;padding:5px 14px;font-size:.82rem;font-weight:600;color:var(--nkl-muted);box-shadow:var(--nkl-shadow)}.nkl-stat-val{font-size:.95rem;font-weight:700;color:var(--nkl-text)}.nkl-error{display:flex;align-items:center;gap:8px;background:var(--nkl-danger-lt);border:1px solid #fecaca;border-left:4px solid var(--nkl-danger);color:var(--nkl-danger);padding:10px 14px;border-radius:0 8px 8px 0;font-size:.88rem;font-weight:600;margin-bottom:16px}.nkl-card{background:var(--nkl-card);border-radius:10px;box-shadow:var(--nkl-shadow);border:1px solid var(--nkl-border);overflow:hidden}.nkl-toolbar{display:flex;align-items:center;padding:14px 20px;border-bottom:1px solid var(--nkl-border);gap:10px}.nkl-search-wrap{position:relative;flex:1;max-width:320px}.nkl-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--nkl-faint);pointer-events:none}.nkl-search{width:100%;padding:7px 10px 7px 32px;border:1px solid var(--nkl-border);border-radius:7px;font-size:.88rem;color:var(--nkl-text);background:var(--nkl-bg);outline:none;transition:border-color .15s,box-shadow .15s}.nkl-search:focus{border-color:var(--nkl-primary);box-shadow:0 0 0 3px #d977061f;background:#fff}.nkl-count{font-size:.82rem;color:var(--nkl-muted);margin-left:auto;white-space:nowrap}.nkl-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;gap:12px;color:var(--nkl-muted);font-size:.9rem}.nkl-spinner{width:36px;height:36px;border:3px solid #e2e8f0;border-top-color:var(--nkl-primary);border-radius:50%;animation:nkl-spin .7s linear infinite}@keyframes nkl-spin{to{transform:rotate(360deg)}}.nkl-empty{padding:48px 24px;text-align:center;color:var(--nkl-muted);font-size:.93rem}.nkl-table{width:100%;border-collapse:collapse}.nkl-table thead tr{background:#f8fafc;border-bottom:1px solid var(--nkl-border)}.nkl-table thead th{padding:11px 16px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--nkl-muted);text-align:left;white-space:nowrap}.nkl-table thead th:last-child{text-align:right}.nkl-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .1s}.nkl-table tbody tr:last-child{border-bottom:none}.nkl-table tbody tr:hover{background:#fdfaf3}.nkl-table tbody td{padding:13px 16px;font-size:.9rem;color:var(--nkl-text);vertical-align:middle}.nkl-couple-names{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.nkl-bride,.nkl-groom{font-weight:600;color:var(--nkl-text)}.nkl-amp{font-size:.78rem;color:var(--nkl-primary);font-weight:700}.nkl-contact{display:flex;flex-direction:column;gap:2px}.nkl-email{font-size:.78rem;color:var(--nkl-muted)}.nkl-date-cell{white-space:nowrap;font-size:.87rem}.nkl-muted{color:var(--nkl-muted)}.nkl-table thead th:last-child,.nkl-actions-cell{text-align:right}.nkl-view-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border-radius:7px;border:1px solid var(--nkl-border);background:#f8fafc;color:var(--nkl-text);font-size:.82rem;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.nkl-view-btn:hover{background:var(--nkl-primary-lt);border-color:#fde68a;color:var(--nkl-primary-dark);text-decoration:none}@media (max-width: 640px){.nkl-page{padding:1rem .75rem}.nkl-table thead{display:none}.nkl-table,.nkl-table tbody{display:block}.nkl-table tbody tr{display:block;padding:14px 16px 12px;border-bottom:1px solid var(--nkl-border)!important;background:#fff}.nkl-table tbody tr:last-child{border-bottom:none!important}.nkl-table tbody td{display:block;padding:0;border:none;font-size:.88rem}.nkl-table tbody td:nth-child(1){margin-bottom:6px}.nkl-table tbody td:nth-child(2){font-size:.82rem;color:var(--nkl-muted);margin-bottom:4px}.nkl-table tbody td:nth-child(3):before{content:"Preferred: ";font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;color:var(--nkl-faint)}.nkl-table tbody td:nth-child(3){margin-bottom:4px}.nkl-table tbody td:nth-child(4){display:none}.nkl-actions-cell{display:block!important;text-align:left;margin-top:10px}.nkl-view-btn{display:flex;justify-content:center;width:100%;padding:9px 14px;background:var(--nkl-primary-lt);border-color:#fde68a;color:var(--nkl-primary-dark);font-size:.88rem}.nkl-search-wrap{max-width:unset}.nkl-toolbar{flex-wrap:wrap}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-box{background:#fff;padding:1.75rem;border-radius:10px;width:90%;max-width:380px;box-shadow:0 6px 20px #0003;animation:scaleIn .25s ease-out}.modal-box h3{margin-top:0;margin-bottom:.75rem}.modal-actions{margin-top:1.5rem;display:flex;justify-content:flex-end;gap:.75rem}.modal-confirm{background:#d9534f;color:#fff;padding:.6rem 1rem;border:none;border-radius:6px;cursor:pointer}.modal-cancel{background:#ccc;padding:.6rem 1rem;border:none;border-radius:6px;cursor:pointer}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.modal-icon{display:flex;justify-content:center;margin-bottom:.75rem}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-4px)}to{transform:translate(0)}}.modal-box.shake{animation:shake .3s ease}.nkd-page{background:#f1f5f9;min-height:100vh;font-family:system-ui,-apple-system,sans-serif;color:#1e293b}.nkd-content{max-width:740px;margin:0 auto;padding:28px 24px 56px}.nkd-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;gap:12px;flex-wrap:wrap}.nkd-header-left{display:flex;flex-direction:column;gap:4px}.nkd-back{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;font-weight:600;color:#64748b;text-decoration:none;text-transform:uppercase;letter-spacing:.5px;transition:color .15s}.nkd-back:hover{color:#d97706}.nkd-back svg{width:14px;height:14px}.nkd-title{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0;letter-spacing:-.3px}.nkd-subtitle{font-size:.82rem;color:#94a3b8;margin:0}.nkd-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #00000012,0 4px 16px #0000000a;overflow:hidden}.nkd-card-section{padding:24px 24px 0}.nkd-section-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:#94a3b8;margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid #f1f5f9}.nkd-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;margin-bottom:20px}.nkd-form-grid.full{grid-template-columns:1fr}.nkd-field{display:flex;flex-direction:column;gap:5px}.nkd-label{font-size:.8rem;font-weight:600;color:#475569;letter-spacing:.1px}.nkd-input,.nkd-textarea{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;color:#1e293b;background:#f8fafc;outline:none;transition:border-color .15s,box-shadow .15s,background .15s;font-family:inherit}.nkd-input:focus,.nkd-textarea:focus{border-color:#d97706;box-shadow:0 0 0 3px #d977061a;background:#fff}.nkd-textarea{min-height:100px;resize:vertical;line-height:1.5}.nkd-meta{display:flex;gap:24px;flex-wrap:wrap;padding:14px 24px;border-top:1px solid #f1f5f9;background:#fafafa}.nkd-meta-item{display:flex;flex-direction:column;gap:2px}.nkd-meta-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8}.nkd-meta-value{font-size:.85rem;font-weight:600;color:#64748b}.nkd-footer{display:flex;align-items:center;gap:10px;padding:18px 24px;border-top:1px solid #e2e8f0;background:#f8fafc}.nkd-btn-save{display:inline-flex;align-items:center;gap:6px;padding:9px 20px;border-radius:8px;border:none;background:#d97706;color:#fff;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s}.nkd-btn-save:hover:not(:disabled){background:#b45309}.nkd-btn-save:disabled{opacity:.6;cursor:not-allowed}.nkd-btn-delete{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:8px;border:1px solid #fecaca;background:#fff;color:#dc2626;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s;margin-left:auto}.nkd-btn-delete:hover:not(:disabled){background:#fef2f2;border-color:#dc2626}.nkd-btn-delete:disabled{opacity:.5;cursor:not-allowed}.nkd-status{display:flex;align-items:center;gap:6px;font-size:.84rem;font-weight:600;margin-left:4px}.nkd-status.success{color:#16a34a}.nkd-status.error{color:#dc2626}.nkd-status.saving{color:#64748b}.nkd-toast{position:fixed;bottom:24px;right:24px;background:#16a34a;color:#fff;padding:12px 18px;border-radius:10px;box-shadow:0 4px 16px #0000002e;font-size:.88rem;font-weight:600;display:flex;align-items:center;gap:8px;z-index:9999;animation:nkd-slide-up .25s ease-out}@keyframes nkd-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.nkd-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:14px;color:#64748b;font-size:.9rem}.nkd-spinner{width:36px;height:36px;border:3px solid #e2e8f0;border-top-color:#d97706;border-radius:50%;animation:nkd-spin .7s linear infinite}@keyframes nkd-spin{to{transform:rotate(360deg)}}@media (max-width: 600px){.nkd-content{padding:16px 14px 40px}.nkd-form-grid{grid-template-columns:1fr}.nkd-card-section{padding:18px 16px 0}.nkd-footer{padding:14px 16px;flex-wrap:wrap}.nkd-btn-delete{margin-left:0;width:100%;justify-content:center}.nkd-btn-save{flex:1;justify-content:center}.nkd-meta{padding:12px 16px;gap:16px}}:root{--vl-primary: #2563eb;--vl-primary-lt: #eff6ff;--vl-bg: #f1f5f9;--vl-card: #ffffff;--vl-border: #e2e8f0;--vl-text: #1e293b;--vl-muted: #64748b;--vl-faint: #94a3b8;--vl-shadow: 0 1px 3px rgba(0,0,0,.08), 0 4px 12px rgba(0,0,0,.05)}.vl-page{padding:2rem 2.5rem;background:var(--vl-bg);min-height:100vh;font-family:system-ui,-apple-system,sans-serif;color:var(--vl-text)}.vl-header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:1.5rem;flex-wrap:wrap}.vl-header-left{display:flex;flex-direction:column;gap:4px}.vl-back{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;font-weight:600;color:var(--vl-muted);text-decoration:none;text-transform:uppercase;letter-spacing:.5px;transition:color .15s}.vl-back:hover{color:var(--vl-primary)}.vl-back svg{width:14px;height:14px}.vl-title{font-size:1.65rem;font-weight:700;color:var(--vl-text);margin:0;letter-spacing:-.3px}.vl-add-btn{display:inline-flex;align-items:center;gap:6px;background:var(--vl-primary);color:#fff;border:none;border-radius:8px;padding:9px 18px;font-size:.88rem;font-weight:600;text-decoration:none;transition:background .15s;white-space:nowrap;flex-shrink:0}.vl-add-btn:hover{background:#1d4ed8;text-decoration:none;color:#fff}.vl-stats{display:flex;gap:12px;margin-bottom:1.25rem;flex-wrap:wrap}.vl-stat-chip{display:inline-flex;align-items:center;gap:6px;background:var(--vl-card);border:1px solid var(--vl-border);border-radius:20px;padding:5px 14px;font-size:.82rem;font-weight:600;color:var(--vl-muted);box-shadow:var(--vl-shadow)}.vl-stat-val{font-size:.95rem;font-weight:700;color:var(--vl-text)}.vl-error{display:flex;align-items:center;gap:8px;background:#fef2f2;border:1px solid #fecaca;border-left:4px solid #dc2626;color:#dc2626;padding:10px 14px;border-radius:0 8px 8px 0;font-size:.88rem;font-weight:600;margin-bottom:16px}.vl-card{background:var(--vl-card);border-radius:10px;box-shadow:var(--vl-shadow);border:1px solid var(--vl-border);overflow:hidden}.vl-toolbar{display:flex;align-items:center;padding:14px 20px;border-bottom:1px solid var(--vl-border);gap:10px}.vl-search-wrap{position:relative;flex:1;max-width:320px}.vl-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--vl-faint);pointer-events:none}.vl-search{width:100%;padding:7px 10px 7px 32px;border:1px solid var(--vl-border);border-radius:7px;font-size:.88rem;color:var(--vl-text);background:var(--vl-bg);outline:none;transition:border-color .15s,box-shadow .15s}.vl-search:focus{border-color:var(--vl-primary);box-shadow:0 0 0 3px #2563eb1a;background:#fff}.vl-count{font-size:.82rem;color:var(--vl-muted);margin-left:auto;white-space:nowrap}.vl-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;gap:12px;color:var(--vl-muted);font-size:.9rem}.vl-spinner{width:36px;height:36px;border:3px solid #e2e8f0;border-top-color:var(--vl-primary);border-radius:50%;animation:vl-spin .7s linear infinite}@keyframes vl-spin{to{transform:rotate(360deg)}}.vl-empty{padding:48px 24px;text-align:center;color:var(--vl-muted);font-size:.93rem}.vl-table{width:100%;border-collapse:collapse}.vl-table thead tr{background:#f8fafc;border-bottom:1px solid var(--vl-border)}.vl-table thead th{padding:11px 16px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--vl-muted);text-align:left;white-space:nowrap}.vl-table thead th:last-child{text-align:right}.vl-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .1s}.vl-table tbody tr:last-child{border-bottom:none}.vl-table tbody tr:hover{background:#f8fafc}.vl-table tbody td{padding:10px 16px;font-size:.9rem;color:var(--vl-text);vertical-align:middle}.vl-title-cell{display:flex;align-items:center;gap:12px}.vl-thumb{width:80px;height:45px;object-fit:cover;border-radius:6px;background:#e2e8f0;flex-shrink:0;display:block}.vl-thumb-placeholder{width:80px;height:45px;border-radius:6px;background:#f1f5f9;border:1px dashed #cbd5e1;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--vl-faint)}.vl-title-text{font-weight:600;color:var(--vl-text);line-height:1.3}.vl-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:.72rem;font-weight:700;letter-spacing:.3px;white-space:nowrap}.vl-badge-active{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.vl-badge-inactive{background:#f8fafc;color:var(--vl-faint);border:1px solid #e2e8f0}.vl-table thead th:last-child,.vl-table tbody td:last-child{text-align:right}.vl-edit-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border-radius:7px;border:1px solid var(--vl-border);background:#f8fafc;color:var(--vl-text);font-size:.82rem;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.vl-edit-btn:hover{background:var(--vl-primary-lt);border-color:#bfdbfe;color:var(--vl-primary);text-decoration:none}@media (max-width: 640px){.vl-page{padding:1rem .75rem}.vl-table thead{display:none}.vl-table,.vl-table tbody{display:block}.vl-table tbody tr{display:flex;flex-direction:column;padding:14px 16px;border-bottom:1px solid var(--vl-border)!important;gap:10px}.vl-table tbody tr:last-child{border-bottom:none!important}.vl-table tbody td{display:block;padding:0;border:none}.vl-title-cell{gap:10px}.vl-thumb,.vl-thumb-placeholder{width:100px;height:56px}.vl-table tbody td:nth-child(3){display:none}.vl-table tbody td:last-child{display:block}.vl-edit-btn{display:flex;justify-content:center;width:100%;padding:9px 14px;background:var(--vl-primary-lt);border-color:#bfdbfe;color:var(--vl-primary);font-size:.88rem}.vl-search-wrap{max-width:unset}.vl-header{align-items:flex-start}}.vf-section{padding:22px 24px 6px}.vf-section-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:#94a3b8;margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid #f1f5f9}.vf-field{display:flex;flex-direction:column;gap:5px;margin-bottom:16px}.vf-label{font-size:.8rem;font-weight:600;color:#475569}.vf-input{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;color:#1e293b;background:#f8fafc;outline:none;font-family:inherit;transition:border-color .15s,box-shadow .15s,background .15s}.vf-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;background:#fff}.vf-hint{font-size:.76rem;color:#94a3b8;margin:2px 0 0;line-height:1.4}.vf-preview{margin-bottom:16px;border-radius:10px;overflow:hidden;border:1px solid #e2e8f0;background:#000;aspect-ratio:16 / 9;max-width:320px}.vf-preview img{width:100%;height:100%;object-fit:cover;display:block}.vf-toggle-row{display:flex;align-items:center;gap:12px;padding:14px 24px 18px;border-top:1px solid #f1f5f9}.vf-toggle-label{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.vf-checkbox{width:18px;height:18px;accent-color:#2563eb;cursor:pointer;flex-shrink:0}.vf-toggle-text{font-size:.9rem;font-weight:600;color:#1e293b}.vf-toggle-hint{font-size:.78rem;color:#94a3b8;margin:0}.vd-page{background:#f1f5f9;min-height:100vh;font-family:system-ui,-apple-system,sans-serif;color:#1e293b}.vd-content{max-width:620px;margin:0 auto;padding:28px 24px 56px}.vd-header{display:flex;flex-direction:column;gap:4px;margin-bottom:24px}.vd-back{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;font-weight:600;color:#64748b;text-decoration:none;text-transform:uppercase;letter-spacing:.5px;transition:color .15s}.vd-back:hover{color:#2563eb}.vd-back svg{width:14px;height:14px}.vd-title{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0;letter-spacing:-.3px}.vd-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #00000012,0 4px 16px #0000000a;overflow:hidden}.vd-error{display:flex;align-items:center;gap:8px;background:#fef2f2;border:1px solid #fecaca;border-left:4px solid #dc2626;color:#dc2626;padding:10px 14px;border-radius:0 8px 8px 0;font-size:.88rem;font-weight:600;margin-bottom:16px}.vd-footer{display:flex;align-items:center;gap:10px;padding:18px 24px;border-top:1px solid #e2e8f0;background:#f8fafc;flex-wrap:wrap}.vd-btn-save{display:inline-flex;align-items:center;gap:6px;padding:9px 20px;border-radius:8px;border:none;background:#2563eb;color:#fff;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s}.vd-btn-save:hover:not(:disabled){background:#1d4ed8}.vd-btn-save:disabled{opacity:.6;cursor:not-allowed}.vd-btn-cancel{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#475569;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s}.vd-btn-cancel:hover{background:#f1f5f9}.vd-btn-delete{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:8px;border:1px solid #fecaca;background:#fff;color:#dc2626;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s;margin-left:auto}.vd-btn-delete:hover{background:#fef2f2;border-color:#dc2626}.vd-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:14px;color:#64748b;font-size:.9rem}.vd-spinner{width:36px;height:36px;border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:vd-spin .7s linear infinite}@keyframes vd-spin{to{transform:rotate(360deg)}}@media (max-width: 600px){.vd-content{padding:16px 14px 40px}.vd-footer{padding:14px 16px}.vd-btn-delete{margin-left:0;width:100%;justify-content:center}.vd-btn-save,.vd-btn-cancel{flex:1;justify-content:center}}.es-stats{display:flex;gap:12px;margin-bottom:1.25rem;flex-wrap:wrap}.es-stat-chip{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:5px 14px;font-size:.82rem;font-weight:600;color:#64748b;box-shadow:0 1px 3px #00000012}.es-stat-val{font-size:.95rem;font-weight:700;color:#1e293b}.es-error{display:flex;align-items:center;gap:8px;background:#fef2f2;border:1px solid #fecaca;border-left:4px solid #dc2626;color:#dc2626;padding:10px 14px;border-radius:0 8px 8px 0;font-size:.88rem;font-weight:600;margin-bottom:16px}.es-card{background:#fff;border-radius:10px;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000d;border:1px solid #e2e8f0;overflow:hidden}.es-toolbar{display:flex;align-items:center;gap:10px;padding:14px 20px;border-bottom:1px solid #e2e8f0;flex-wrap:wrap}.es-search-wrap{position:relative;flex:1;min-width:180px;max-width:320px}.es-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.es-search{width:100%;padding:7px 10px 7px 32px;border:1px solid #e2e8f0;border-radius:7px;font-size:.88rem;color:#1e293b;background:#f8fafc;outline:none;transition:border-color .15s,box-shadow .15s}.es-search:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;background:#fff}.es-count{font-size:.82rem;color:#64748b;margin-left:auto;white-space:nowrap}.es-add-btn{display:inline-flex;align-items:center;gap:6px;background:#2563eb;color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:.86rem;font-weight:600;cursor:pointer;transition:background .15s;white-space:nowrap;flex-shrink:0}.es-add-btn:hover:not(:disabled){background:#1d4ed8}.es-add-btn:disabled{opacity:.5;cursor:not-allowed}.es-loading,.es-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 24px;gap:12px;color:#64748b;font-size:.92rem;text-align:center}.es-spinner{width:34px;height:34px;border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:es-spin .7s linear infinite}@keyframes es-spin{to{transform:rotate(360deg)}}.es-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.es-table{width:100%;border-collapse:collapse}.es-table thead tr{background:#f8fafc;border-bottom:1px solid #e2e8f0}.es-table thead th{padding:11px 16px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#64748b;text-align:left;white-space:nowrap}.es-table thead th:last-child{text-align:right}.es-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .1s}.es-table tbody tr:last-child{border-bottom:none}.es-table tbody tr:hover{background:#f8fafc}.es-table tbody td{padding:12px 16px;font-size:.88rem;color:#1e293b;vertical-align:middle}.es-key-pill{display:inline-block;background:#f1f5f9;border:1px solid #e2e8f0;padding:3px 9px;border-radius:6px;font-family:SFMono-Regular,Consolas,Courier New,monospace;font-size:.8rem;color:#0f172a;letter-spacing:.3px;white-space:nowrap}.es-value-cell{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#334155;font-size:.87rem}.es-desc-cell{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#94a3b8;font-size:.82rem}.es-date-cell{color:#94a3b8;font-size:.8rem;white-space:nowrap}.es-table thead th:last-child,.es-table tbody td:last-child{text-align:right}.es-edit-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 13px;border-radius:7px;border:1px solid #e2e8f0;background:#f8fafc;color:#1e293b;font-size:.81rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.es-edit-btn:hover:not(:disabled){background:#eff6ff;border-color:#bfdbfe;color:#2563eb}.es-edit-btn:disabled{opacity:.4;cursor:not-allowed}.es-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1200;padding:16px}.es-modal{background:#fff;border-radius:14px;box-shadow:0 20px 60px #0003,0 4px 16px #00000014;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;animation:es-modal-in .22s ease-out}@keyframes es-modal-in{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.es-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid #f1f5f9}.es-modal-title{font-size:1.1rem;font-weight:700;color:#1e293b;margin:0}.es-modal-close{width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.4rem;line-height:1;transition:background .15s,color .15s}.es-modal-close:hover{background:#f1f5f9;color:#1e293b}.es-modal-body{padding:20px 24px;display:flex;flex-direction:column;gap:16px}.es-field{display:flex;flex-direction:column;gap:5px}.es-label{font-size:.8rem;font-weight:600;color:#475569}.es-input{padding:9px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;color:#1e293b;background:#f8fafc;outline:none;font-family:inherit;transition:border-color .15s,box-shadow .15s,background .15s}.es-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;background:#fff}.es-input:disabled{background:#f1f5f9;color:#94a3b8;cursor:default;font-family:SFMono-Regular,Consolas,monospace;font-size:.85rem}.es-input-hint{font-size:.74rem;color:#94a3b8;margin:1px 0 0}.es-modal-footer{display:flex;align-items:center;gap:8px;padding:16px 24px;border-top:1px solid #f1f5f9;background:#fafafa;border-radius:0 0 14px 14px}.es-btn-save{display:inline-flex;align-items:center;gap:6px;padding:9px 20px;border-radius:8px;border:none;background:#2563eb;color:#fff;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s}.es-btn-save:hover:not(:disabled){background:#1d4ed8}.es-btn-save:disabled{opacity:.6;cursor:not-allowed}.es-btn-cancel{padding:9px 18px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#475569;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s}.es-btn-cancel:hover:not(:disabled){background:#f1f5f9}.es-btn-cancel:disabled{opacity:.5;cursor:not-allowed}.es-btn-delete{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:8px;border:1px solid #fecaca;background:#fff;color:#dc2626;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s;margin-left:auto}.es-btn-delete:hover:not(:disabled){background:#fef2f2;border-color:#dc2626}.es-btn-delete:disabled{opacity:.5;cursor:not-allowed}.es-toast{position:fixed;bottom:24px;right:24px;background:#0f172a;color:#fff;padding:12px 18px;border-radius:10px;box-shadow:0 4px 20px #0003;font-size:.86rem;font-weight:500;display:flex;align-items:center;gap:8px;z-index:9999;animation:es-toast-in .25s ease-out;max-width:calc(100vw - 48px)}@keyframes es-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.es-toast-dot{width:8px;height:8px;border-radius:50%;background:#4ade80;flex-shrink:0}@media (max-width: 640px){.es-table-scroll{overflow-x:visible}.es-table thead{display:none}.es-table,.es-table tbody{display:block}.es-table tbody tr{display:block;padding:14px 16px;border-bottom:1px solid #e2e8f0!important}.es-table tbody tr:last-child{border-bottom:none!important}.es-table tbody td{display:block;padding:0;border:none;max-width:unset;white-space:normal;overflow:visible;text-overflow:unset}.es-table tbody td:nth-child(1){margin-bottom:6px}.es-table tbody td:nth-child(2){font-size:.9rem;color:#334155;margin-bottom:4px;white-space:normal}.es-table tbody td:nth-child(3){font-size:.78rem;color:#94a3b8;margin-bottom:4px;white-space:normal}.es-table tbody td:nth-child(4){margin-bottom:10px}.es-table tbody td:nth-child(5){display:block;text-align:left}.es-edit-btn{display:flex;justify-content:center;width:100%;padding:9px 14px;background:#eff6ff;border-color:#bfdbfe;color:#2563eb;font-size:.88rem}.es-toolbar{flex-wrap:wrap}.es-search-wrap{max-width:unset}.es-add-btn{width:100%;justify-content:center}.es-count{margin-left:0}.es-modal{border-radius:12px}.es-modal-footer{flex-wrap:wrap}.es-btn-delete{margin-left:0;width:100%;justify-content:center}.es-btn-save,.es-btn-cancel{flex:1;justify-content:center}}.es-system-cell{text-align:center;white-space:nowrap}.es-system-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:4px;background:#fffbeb;border:1px solid #fcd34d;color:#92400e;font-size:.72rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.es-locked-badge{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:7px;border:1px solid #e2e8f0;background:#f8fafc;color:#94a3b8;font-size:.8rem;font-weight:500;cursor:default;white-space:nowrap}.es-field-checkbox{flex-direction:row;align-items:flex-start;gap:10px}.es-checkbox{margin-top:3px;width:16px;height:16px;accent-color:#2563eb;cursor:pointer;flex-shrink:0}.es-label-inline{display:flex;flex-direction:column;gap:2px;cursor:pointer}.es-label-hint{font-size:.78rem;font-weight:400;color:#6b7280}.es-page{padding:2rem 2.5rem;background:#f1f5f9;min-height:100vh;font-family:system-ui,-apple-system,sans-serif;color:#1e293b}.es-header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:1.5rem;flex-wrap:wrap}.es-header-left{display:flex;flex-direction:column;gap:4px}.es-back{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;font-weight:600;color:#64748b;text-decoration:none;text-transform:uppercase;letter-spacing:.5px;transition:color .15s}.es-back:hover{color:#2563eb}.es-back svg{width:14px;height:14px}.es-title{font-size:1.65rem;font-weight:700;color:#1e293b;margin:0;letter-spacing:-.3px}@media (max-width: 640px){.es-page{padding:1rem .75rem}}.dp-page{padding:2rem 2.5rem;background:#f1f5f9;min-height:100vh;font-family:system-ui,-apple-system,sans-serif;color:#1e293b}.dp-header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:1.5rem;flex-wrap:wrap}.dp-header-left{display:flex;flex-direction:column;gap:4px}.dp-back{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;font-weight:600;color:#64748b;text-decoration:none;text-transform:uppercase;letter-spacing:.5px;transition:color .15s}.dp-back:hover{color:#2563eb}.dp-back svg{width:14px;height:14px}.dp-title{font-size:1.65rem;font-weight:700;color:#1e293b;margin:0;letter-spacing:-.3px}.dp-subtitle{font-size:.88rem;color:#64748b;margin:.25rem 0 0}.dp-error{display:flex;align-items:center;gap:8px;background:#fef2f2;border:1px solid #fecaca;border-left:4px solid #dc2626;color:#dc2626;padding:10px 14px;border-radius:0 8px 8px 0;font-size:.88rem;font-weight:600;margin-bottom:1.25rem}.dp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem}.dp-card{background:#fff;border-radius:10px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000f,0 4px 12px #0000000a;overflow:hidden;transition:box-shadow .15s;display:flex;flex-direction:column}.dp-card:hover{box-shadow:0 2px 6px #00000014,0 6px 20px #0000000f}.dp-card--green{border-top:3px solid #16a34a}.dp-card--blue{border-top:3px solid #2563eb}.dp-card-body{padding:20px 22px 16px;flex:1}.dp-card-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:14px}.dp-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dp-icon--green{background:#f0fdf4;color:#16a34a}.dp-icon--blue{background:#eff6ff;color:#2563eb}.dp-card-title{font-size:1rem;font-weight:700;color:#1e293b;margin:0 0 4px;line-height:1.3}.dp-card-desc{font-size:.83rem;color:#64748b;margin:0;line-height:1.4}.dp-detail-list{list-style:none;margin:0 0 16px;background:#f8fafc;border-radius:8px;padding:10px 14px;border:1px solid #e2e8f0}.dp-detail-list li{display:flex;align-items:flex-start;gap:8px;font-size:.82rem;color:#475569;line-height:1.45;padding:3px 0}.dp-detail-list li svg{flex-shrink:0;margin-top:2px}.dp-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 22px;border-top:1px solid #f1f5f9;background:#fafafa}.dp-status{display:flex;align-items:center;gap:6px;font-size:.79rem;font-weight:600}.dp-status--idle{color:#94a3b8}.dp-status--loading{color:#2563eb}.dp-status--success{color:#16a34a}.dp-status--error{color:#dc2626}.dp-spinner{width:14px;height:14px;border:2px solid #bfdbfe;border-top-color:#2563eb;border-radius:50%;animation:dp-spin .7s linear infinite}@keyframes dp-spin{to{transform:rotate(360deg)}}.dp-run-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:7px;border:none;font-size:.84rem;font-weight:600;cursor:pointer;transition:background .15s;white-space:nowrap;flex-shrink:0}.dp-run-btn--green{background:#16a34a;color:#fff}.dp-run-btn--green:hover:not(:disabled){background:#15803d}.dp-run-btn--blue{background:#2563eb;color:#fff}.dp-run-btn--blue:hover:not(:disabled){background:#1d4ed8}.dp-run-btn:disabled{opacity:.5;cursor:not-allowed}.dp-range-row{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin-bottom:14px;padding:10px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.dp-range-field{display:flex;flex-direction:column;gap:4px}.dp-range-label-text{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:#64748b}.dp-month-input{padding:5px 9px;border:1px solid #e2e8f0;border-radius:6px;font-size:.84rem;color:#1e293b;background:#fff;cursor:pointer;transition:border-color .15s;height:34px}.dp-month-input:focus{outline:none;border-color:#16a34a;box-shadow:0 0 0 2px #16a34a26}.dp-month-input:disabled{opacity:.5;cursor:not-allowed}.dp-month-input--invalid{border-color:#dc2626}.dp-month-input--invalid:focus{border-color:#dc2626;box-shadow:0 0 0 2px #dc262626}.dp-range-sep{font-size:1rem;color:#94a3b8;padding-bottom:5px;flex-shrink:0}.dp-range-summary{font-size:.79rem;font-weight:600;color:#16a34a;padding-bottom:5px;white-space:nowrap}.dp-range-summary--error{color:#dc2626}.dp-card--amber{border-top:3px solid #d97706}.dp-icon--amber{background:#fffbeb;color:#d97706}.dp-run-btn--amber{background:#d97706;color:#fff}.dp-run-btn--amber:hover:not(:disabled){background:#b45309}.dp-spreadsheet-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.dp-template-link{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:6px;border:1px solid #d97706;background:#fffbeb;color:#b45309;font-size:.81rem;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .15s;flex-shrink:0}.dp-template-link:hover{background:#fef3c7}.dp-file-pick{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;border:1px solid #e2e8f0;background:#f8fafc;color:#475569;font-size:.81rem;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s;flex:1;min-width:0;overflow:hidden}.dp-file-pick:hover{background:#f1f5f9;border-color:#94a3b8}.dp-file-pick input[type=file]{display:none}.dp-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dp-error-list{list-style:none;margin:6px 0 0;padding:8px 12px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px}.dp-error-list li{font-size:.78rem;color:#b91c1c;padding:2px 0;line-height:1.4}@media (max-width: 640px){.dp-page{padding:1rem .75rem}.dp-grid{grid-template-columns:1fr}.dp-range-row{flex-direction:column;align-items:flex-start}.dp-range-sep{display:none}.dp-range-summary{padding-bottom:0}.dp-spreadsheet-actions{flex-direction:column;align-items:stretch}.dp-template-link{justify-content:center}}.je-bg{background:#f1f5f9;min-height:100vh}.je-page{padding:24px 20px 40px;max-width:860px;margin:0 auto;font-family:system-ui,sans-serif}.je-header{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:6px}.je-header-left{display:flex;align-items:center;gap:16px}.je-header-right{display:flex;gap:8px;margin-left:auto}.je-back{display:inline-flex;align-items:center;gap:4px;color:#64748b;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .15s}.je-back:hover{color:#1e293b}.je-back svg{width:16px;height:16px}.je-title{margin:0;font-size:1.4rem;font-weight:700;color:#1e293b}.je-intro{color:#64748b;font-size:.9rem;margin:4px 0 16px;line-height:1.55}.je-btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;border:1px solid #cbd5e1;background:#fff;color:#475569;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.je-btn-secondary:hover:not(:disabled){background:#f1f5f9;border-color:#94a3b8}.je-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.je-error{display:flex;align-items:center;gap:8px;background:#fef2f2;border:1px solid #fecaca;border-left:3px solid #dc2626;color:#dc2626;padding:10px 14px;border-radius:0 8px 8px 0;font-size:.875rem;font-weight:500;margin-bottom:16px}.je-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000012,0 4px 16px #0000000a;overflow:hidden}.je-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.je-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;color:#64748b;font-size:.9rem}.je-table{width:100%;border-collapse:collapse;font-size:.9rem}.je-table thead th{padding:11px 12px;text-align:left;font-size:.82rem;font-weight:700;color:#111;background:#f0f4f8;border-bottom:2px solid #e2e8f0;white-space:nowrap}.je-table thead th.th-khutbah{border-top:3px solid #B38934;color:#111;background:#fef3c7}.je-table thead th:first-child{border-top-left-radius:0}.je-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .12s}.je-table tbody tr:last-child{border-bottom:none}.je-table tbody tr:hover td{background:#fafbfc}.je-table tbody td{padding:10px 12px;vertical-align:middle;color:#111;font-size:.9rem}.je-khatib-cell{font-weight:600;color:#000}.je-row-set td:first-child{border-left:3px solid #B38934}.je-row-default td:first-child{border-left:3px solid transparent}.je-date-cell{white-space:nowrap}.je-date-label{font-weight:600;font-size:.9rem;color:#1e293b}.je-set-badge{display:inline-block;margin-left:8px;padding:1px 7px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:#fef3c7;color:#92400e;border-radius:20px;border:1px solid #fde68a}.je-default-val{color:#475569;font-style:italic}.je-notes-cell{max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#475569;font-size:.85rem}.je-edit-row td{background:#eff6ff!important;border-bottom:1px solid #bfdbfe!important;padding:8px 10px}.je-time-input{width:100px;padding:6px 8px;border:1px solid #cbd5e1;border-radius:7px;font-size:.88rem;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}.je-time-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.je-text-input{width:140px;padding:6px 10px;border:1px solid #cbd5e1;border-radius:7px;font-size:.88rem;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}.je-text-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.je-notes-input{width:160px}.je-actions{white-space:nowrap;text-align:right}.je-btn-edit,.je-btn-delete{width:32px;height:32px;border-radius:7px;border:1px solid #e2e8f0;background:#f8fafc;cursor:pointer;font-size:.8rem;transition:background .15s,border-color .15s,color .15s}.je-btn-edit{color:#2563eb;margin-right:4px}.je-btn-delete{color:#dc2626}.je-btn-edit:hover{background:#eff6ff;border-color:#bfdbfe}.je-btn-delete:hover{background:#fef2f2;border-color:#fecaca}.je-btn-save{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:7px;border:none;background:#2563eb;color:#fff;font-size:.84rem;font-weight:600;cursor:pointer;transition:background .15s;margin-right:6px}.je-btn-save:hover:not(:disabled){background:#1d4ed8}.je-btn-save:disabled{opacity:.6;cursor:not-allowed}.je-btn-cancel-inline{padding:6px 12px;border-radius:7px;border:1px solid #cbd5e1;background:#fff;color:#475569;font-size:.84rem;font-weight:600;cursor:pointer;transition:background .15s}.je-btn-cancel-inline:hover{background:#f1f5f9}@media (max-width: 768px){.je-table thead{display:none}.je-table tbody tr{display:block;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:12px;padding:10px 12px 8px;background:#fff;box-shadow:0 1px 4px #0000000f}.je-table tbody td{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid #f0f0f0;max-width:unset;white-space:normal;overflow:visible;text-overflow:unset}.je-table tbody td:last-child{border-bottom:none}.je-table tbody td:before{content:attr(data-label);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.3px;color:#64748b;flex-shrink:0;margin-right:12px}.je-row-set td:first-child{border-left:none;border-top:3px solid #B38934}.je-row-default td:first-child{border-left:none}.je-time-input,.je-text-input,.je-notes-input{width:100%}.je-actions{justify-content:flex-end}.je-page{padding:16px 12px 32px}}.hd-bg{background:#f1f5f9;min-height:100vh}.hd-page{padding:24px 20px 40px;max-width:900px;margin:0 auto;font-family:system-ui,sans-serif}.hd-header{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:6px}.hd-header-left{display:flex;align-items:center;gap:16px}.hd-header-right{display:flex;gap:8px;margin-left:auto}.hd-back{display:inline-flex;align-items:center;gap:4px;color:#64748b;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .15s}.hd-back:hover{color:#1e293b}.hd-back svg{width:16px;height:16px}.hd-title{margin:0;font-size:1.4rem;font-weight:700;color:#1e293b}.hd-intro{color:#64748b;font-size:.9rem;margin:4px 0 16px;line-height:1.55}.hd-btn-primary{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;border:none;background:#b38934;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s}.hd-btn-primary:hover:not(:disabled){background:#9a7528}.hd-btn-primary:disabled{opacity:.5;cursor:not-allowed}.hd-btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;border:1px solid #cbd5e1;background:#fff;color:#475569;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s}.hd-btn-secondary:hover:not(:disabled){background:#f1f5f9}.hd-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.hd-error{display:flex;align-items:center;gap:8px;background:#fef2f2;border:1px solid #fecaca;border-left:3px solid #dc2626;color:#dc2626;padding:10px 14px;border-radius:0 8px 8px 0;font-size:.875rem;font-weight:500;margin-bottom:16px}.hd-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000012,0 4px 16px #0000000a;overflow:hidden}.hd-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;color:#64748b;font-size:.9rem}.hd-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.hd-table{width:100%;border-collapse:collapse;font-size:.9rem}.hd-table thead th{padding:11px 12px;text-align:left;font-size:.82rem;font-weight:700;color:#111;background:#f0f4f8;border-bottom:2px solid #e2e8f0;white-space:nowrap}.hd-table thead th.th-text{width:45%}.hd-table thead th.th-ref{width:18%}.hd-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .12s}.hd-table tbody tr:last-child{border-bottom:none}.hd-table tbody tr:hover td{background:#fafbfc}.hd-table tbody td{padding:10px 12px;vertical-align:top;color:#111;font-size:.88rem}.hd-order-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#fef3c7;color:#92400e;font-size:.78rem;font-weight:700;border:1px solid #fde68a}.hd-today-badge{display:inline-block;margin-left:6px;padding:1px 6px;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px;background:#dcfce7;color:#166534;border-radius:20px;border:1px solid #bbf7d0;vertical-align:middle}.hd-text-preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#1e293b;line-height:1.5}.hd-ref{color:#b38934;font-weight:600;font-size:.82rem}.hd-narrator{color:#64748b;font-size:.82rem;font-style:italic}.hd-actions{white-space:nowrap;text-align:right;vertical-align:middle!important}.hd-btn-edit,.hd-btn-delete{width:32px;height:32px;border-radius:7px;border:1px solid #e2e8f0;background:#f8fafc;cursor:pointer;font-size:.8rem;transition:background .15s,border-color .15s,color .15s}.hd-btn-edit{color:#2563eb;margin-right:4px}.hd-btn-delete{color:#dc2626}.hd-btn-edit:hover{background:#eff6ff;border-color:#bfdbfe}.hd-btn-delete:hover{background:#fef2f2;border-color:#fecaca}.hd-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1200;padding:16px}.hd-modal{background:#fff;border-radius:14px;box-shadow:0 20px 60px #0003;width:100%;max-width:580px;display:flex;flex-direction:column;animation:hd-slide-in .18s ease}@keyframes hd-slide-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.hd-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e2e8f0}.hd-modal-title{margin:0;font-size:1.05rem;font-weight:700;color:#1e293b}.hd-modal-close{width:30px;height:30px;border-radius:6px;border:none;background:none;color:#64748b;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.hd-modal-close:hover{background:#f1f5f9}.hd-modal-body{padding:20px;display:flex;flex-direction:column;gap:14px}.hd-field{display:flex;flex-direction:column;gap:5px}.hd-label{font-size:.8rem;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.4px}.hd-input,.hd-textarea{padding:8px 10px;border:1px solid #cbd5e1;border-radius:7px;font-size:.9rem;font-family:inherit;outline:none;transition:border-color .15s,box-shadow .15s;background:#fff;color:#111}.hd-input:focus,.hd-textarea:focus{border-color:#b38934;box-shadow:0 0 0 3px #b389341f}.hd-textarea{resize:vertical;min-height:110px;line-height:1.6}.hd-input-row{display:flex;gap:12px}.hd-input-row .hd-field{flex:1}.hd-input-sm{width:80px}.hd-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid #f1f5f9}.hd-btn-save{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:8px;border:none;background:#b38934;color:#fff;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s}.hd-btn-save:hover:not(:disabled){background:#9a7528}.hd-btn-save:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 640px){.hd-table thead{display:none}.hd-table tbody tr{display:block;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:12px;padding:10px 12px;background:#fff;box-shadow:0 1px 4px #0000000f}.hd-table tbody td{display:flex;align-items:flex-start;padding:5px 0;border-bottom:1px solid #f0f0f0;gap:10px}.hd-table tbody td:last-child{border-bottom:none}.hd-table tbody td:before{content:attr(data-label);flex:0 0 80px;font-weight:700;font-size:.7rem;text-transform:uppercase;color:#64748b;padding-top:2px}.hd-actions{justify-content:flex-end}.hd-page{padding:16px 12px 32px}.hd-input-row{flex-direction:column}.hd-input-sm{width:100%}}.be-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1200;padding:16px}.be-modal{width:100%;max-width:860px;max-height:92vh;background:#fff;border-radius:14px;box-shadow:0 20px 60px #0003,0 4px 16px #00000014;display:flex;flex-direction:column;overflow:hidden;animation:be-in .22s ease-out}@keyframes be-in{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.be-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #f1f5f9;flex-shrink:0}.be-header-title{font-size:1.05rem;font-weight:700;color:#1e293b;margin:0}.be-close{width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.4rem;line-height:1;transition:background .15s,color .15s}.be-close:hover{background:#f1f5f9;color:#1e293b}.be-body{flex:1;min-height:0;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:14px}.be-error{display:flex;align-items:center;gap:8px;background:#fef2f2;border:1px solid #fecaca;border-left:4px solid #dc2626;color:#dc2626;padding:10px 14px;border-radius:0 8px 8px 0;font-size:.88rem;font-weight:600;flex-shrink:0}.be-input,.be-select,.be-date-input{width:100%;box-sizing:border-box;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:.92rem;color:#1e293b;background:#f8fafc;outline:none;font-family:inherit;transition:border-color .15s,box-shadow .15s,background .15s}.be-input:focus,.be-select:focus,.be-date-input:focus{border-color:#b38934;box-shadow:0 0 0 3px #b389341f;background:#fff}.be-input::placeholder{color:#94a3b8}.be-input.be-required:focus{border-color:#b38934}.be-select{cursor:pointer}.be-row{display:flex;gap:12px}.be-field{flex:1;display:flex;flex-direction:column;gap:5px}.be-label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.be-label-optional{font-weight:400;text-transform:none;letter-spacing:0;color:#94a3b8;font-size:.75rem}.be-label-required{color:#dc2626}.be-active-row{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.be-active-label{font-size:.88rem;font-weight:600;color:#1e293b;flex:1}.be-active-desc{font-size:.78rem;color:#64748b;margin-top:2px}.be-toggle{position:relative;width:40px;height:22px;flex-shrink:0}.be-toggle input{opacity:0;width:0;height:0}.be-toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;background:#cbd5e1;border-radius:11px;cursor:pointer;transition:background .2s}.be-toggle input:checked+.be-toggle-track{background:#b38934}.be-toggle-track:after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s}.be-toggle input:checked+.be-toggle-track:after{transform:translate(18px)}.be-logo-section{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.be-logo-preview{width:60px;height:60px;border-radius:10px;object-fit:cover;border:1px solid #e2e8f0;flex-shrink:0}.be-logo-initials{width:60px;height:60px;border-radius:10px;background:linear-gradient(135deg,#b38934,#7a5a1e);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:800;flex-shrink:0}.be-logo-actions{display:flex;flex-direction:column;gap:6px}.be-file-hidden{display:none}.be-file-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:7px;border:1px solid #e2e8f0;background:#f8fafc;color:#475569;font-size:.83rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap;width:fit-content}.be-file-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.be-logo-hint{font-size:.78rem;color:#94a3b8}.be-logo-remove{font-size:.78rem;color:#dc2626;background:none;border:none;padding:0;cursor:pointer;font-weight:600;text-align:left}.be-logo-remove:hover{text-decoration:underline}.be-toolbar{display:flex;align-items:center;gap:2px;flex-wrap:wrap;padding:5px 8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0}.be-toolbar-sep{width:1px;height:18px;background:#e2e8f0;margin:0 5px;flex-shrink:0}.be-tbtn{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 5px;border-radius:6px;border:none;background:transparent;color:#475569;font-size:.88rem;cursor:pointer;transition:background .12s,color .12s;line-height:1}.be-tbtn:hover:not(:disabled){background:#e2e8f0;color:#1e293b}.be-tbtn.is-active{background:#fef9e7;color:#b38934}.be-tbtn:disabled{opacity:.4;cursor:not-allowed}.be-editor-wrap{flex:1;min-height:160px;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden auto;background:#fff}.be-editor-wrap:focus-within{border-color:#b38934;box-shadow:0 0 0 3px #b389341a}.be-editor-wrap .tiptap,.be-editor-wrap .ProseMirror{min-height:180px;padding:14px 16px;outline:none;font-size:.92rem;line-height:1.65;color:#1e293b}.be-editor-wrap .tiptap p,.be-editor-wrap .ProseMirror p{margin:0 0 .75rem}.be-editor-wrap .tiptap p:last-child,.be-editor-wrap .ProseMirror p:last-child{margin-bottom:0}.be-editor-wrap .tiptap img,.be-editor-wrap .ProseMirror img{max-width:100%;border-radius:6px}.be-editor-wrap .tiptap ul,.be-editor-wrap .tiptap ol,.be-editor-wrap .ProseMirror ul,.be-editor-wrap .ProseMirror ol{padding-left:1.5rem;margin:0 0 .75rem}.be-footer{display:flex;align-items:center;gap:8px;padding:14px 24px;border-top:1px solid #f1f5f9;background:#fafafa;border-radius:0 0 14px 14px;flex-shrink:0}.be-btn-save{display:inline-flex;align-items:center;gap:6px;padding:9px 20px;border-radius:8px;border:none;background:#b38934;color:#fff;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s}.be-btn-save:hover:not(:disabled){background:#9a7528}.be-btn-save:disabled{opacity:.6;cursor:not-allowed}.be-btn-cancel{padding:9px 18px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#475569;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s}.be-btn-cancel:hover:not(:disabled){background:#f1f5f9}.be-btn-cancel:disabled{opacity:.5;cursor:not-allowed}.be-btn-delete{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:8px;border:1px solid #fecaca;background:#fff;color:#dc2626;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s;margin-left:auto}.be-btn-delete:hover:not(:disabled){background:#fef2f2;border-color:#dc2626}.be-btn-delete:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.be-modal{border-radius:12px}.be-header{padding:12px 16px}.be-body{padding:14px 16px}.be-footer{flex-wrap:wrap;padding:12px 16px}.be-btn-save,.be-btn-cancel{flex:1;justify-content:center}.be-btn-delete{margin-left:0;width:100%;justify-content:center}.be-row{flex-direction:column}}.biz-page{padding:2rem 2.5rem;background:#f1f5f9;min-height:100vh;font-family:system-ui,-apple-system,sans-serif;color:#1e293b}.biz-header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:1.5rem;flex-wrap:wrap}.biz-header-left{display:flex;flex-direction:column;gap:4px}.biz-back{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;font-weight:600;color:#64748b;text-decoration:none;text-transform:uppercase;letter-spacing:.5px;transition:color .15s}.biz-back:hover{color:#2563eb}.biz-back svg{width:14px;height:14px}.biz-title{font-size:1.65rem;font-weight:700;color:#1e293b;margin:0;letter-spacing:-.3px}.biz-stats{display:flex;gap:12px;margin-bottom:1.25rem;flex-wrap:wrap}.biz-stat-chip{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:5px 14px;font-size:.82rem;font-weight:600;color:#64748b;box-shadow:0 1px 3px #00000012}.biz-stat-val{font-size:.95rem;font-weight:700;color:#1e293b}.biz-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:1.25rem}.biz-add-btn{display:inline-flex;align-items:center;gap:6px;background:#b38934;color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:.86rem;font-weight:600;cursor:pointer;transition:background .15s;white-space:nowrap;margin-left:auto}.biz-add-btn:hover:not(:disabled){background:#9a7528}.biz-add-btn:disabled{opacity:.5;cursor:not-allowed}.biz-error{display:flex;align-items:center;gap:8px;background:#fef2f2;border:1px solid #fecaca;border-left:4px solid #dc2626;color:#dc2626;padding:10px 14px;border-radius:0 8px 8px 0;font-size:.88rem;font-weight:600;margin-bottom:16px}.biz-loading,.biz-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 24px;gap:12px;color:#64748b;font-size:.92rem;text-align:center;background:#fff;border-radius:10px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000f}.biz-spinner{width:34px;height:34px;border:3px solid #e2e8f0;border-top-color:#b38934;border-radius:50%;animation:biz-spin .7s linear infinite}@keyframes biz-spin{to{transform:rotate(360deg)}}.biz-list{display:flex;flex-direction:column;gap:1rem}.biz-card{background:#fff;border-radius:10px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000f,0 4px 12px #0000000a;overflow:hidden;transition:box-shadow .15s}.biz-card:hover{box-shadow:0 2px 6px #00000014,0 6px 20px #0000000f}.biz-card-inner{padding:18px 22px;display:flex;gap:16px;align-items:flex-start}.biz-logo-wrap{flex-shrink:0}.biz-logo{width:52px;height:52px;border-radius:10px;object-fit:cover}.biz-logo-initials{width:52px;height:52px;border-radius:10px;background:linear-gradient(135deg,#b38934,#7a5a1e);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.15rem;font-weight:800;letter-spacing:-.5px;flex-shrink:0}.biz-card-body{flex:1;min-width:0}.biz-card-title-row{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap;margin-bottom:6px}.biz-card-title{font-size:1.05rem;font-weight:700;color:#1e293b;margin:0;line-height:1.35;flex:1;min-width:0}.biz-badge-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:2px}.biz-badge-category{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;background:#fffbeb;border:1px solid #fcd34d;color:#92400e;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.biz-badge-active{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;background:#dcfce7;border:1px solid #86efac;color:#166534;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.biz-badge-inactive{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;background:#f1f5f9;border:1px solid #cbd5e1;color:#64748b;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.biz-card-contact{display:flex;flex-wrap:wrap;gap:12px;margin:8px 0;font-size:.81rem;color:#64748b}.biz-contact-item{display:inline-flex;align-items:center;gap:4px;color:#64748b;text-decoration:none}.biz-contact-item:hover{color:#b38934}.biz-card-content{font-size:.88rem;color:#475569;line-height:1.6;margin-top:6px}.biz-card-content img{max-width:100%;border-radius:6px;display:block}.biz-card-content p{margin:0 0 .5rem}.biz-card-content p:last-child{margin-bottom:0}.biz-card-meta{display:flex;align-items:center;gap:6px;margin-top:12px;padding-top:10px;border-top:1px solid #f1f5f9;font-size:.78rem;color:#94a3b8}.biz-card-actions{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.biz-btn-edit{display:inline-flex;align-items:center;gap:4px;padding:6px 13px;border-radius:7px;border:1px solid #e2e8f0;background:#f8fafc;color:#1e293b;font-size:.81rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.biz-btn-edit:hover:not(:disabled){background:#eff6ff;border-color:#bfdbfe;color:#2563eb}.biz-btn-edit:disabled{opacity:.4;cursor:not-allowed}.biz-btn-delete{display:inline-flex;align-items:center;gap:4px;padding:6px 13px;border-radius:7px;border:1px solid #fecaca;background:#fff;color:#dc2626;font-size:.81rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.biz-btn-delete:hover:not(:disabled){background:#fef2f2;border-color:#dc2626}.biz-btn-delete:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 640px){.biz-page{padding:1rem .75rem}.biz-card-inner{flex-direction:column;gap:12px}.biz-card-actions{flex-direction:row;width:100%}.biz-btn-edit,.biz-btn-delete{flex:1;justify-content:center}.biz-add-btn{width:100%;justify-content:center}.biz-toolbar{flex-wrap:wrap}}