*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif}.login-page{min-height:100vh;display:flex}.login-left{background:#1a1a1a;flex-direction:column;flex:1;justify-content:center;max-width:50%;padding:3rem 4rem;display:flex}.login-left h1{color:#fff;letter-spacing:-.02em;margin:0 0 1.5rem;font-size:2.5rem;font-weight:700}.login-left p{color:#ffffffe6;max-width:28rem;margin:0;font-size:1rem;line-height:1.6}.login-right{background:#fff;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.login-form-container{width:100%;max-width:24rem}.login-form-container h2{color:#1a1a1a;margin:0 0 .5rem;font-size:1.75rem;font-weight:600}.signup-prompt{color:#374151;margin:0 0 2rem;font-size:.9375rem}.signup-prompt a{color:#1877f2;text-decoration:none}.signup-prompt a:hover{text-decoration:underline}.login-form{flex-direction:column;gap:1.25rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:#1a1a1a;font-size:.875rem;font-weight:500}.input-wrapper{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:.75rem;padding:0 1rem;display:flex}.input-wrapper:focus-within{border-color:#1877f2;outline:none;box-shadow:0 0 0 2px #1877f233}.input-icon{color:#6b7280;flex-shrink:0;width:20px;height:20px}.input-wrapper input{color:#1a1a1a;background:0 0;border:none;flex:1;padding:.75rem 0;font-size:1rem}.input-wrapper input::placeholder{color:#9ca3af}.input-wrapper input:focus{outline:none}.forgot-link{color:#1877f2;align-self:flex-end;margin-top:-.25rem;font-size:.875rem;text-decoration:none}.forgot-link:hover{text-decoration:underline}.btn-login{color:#fff;cursor:pointer;background:#1877f2;border:none;border-radius:8px;margin-top:.25rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:background .2s}.btn-login:hover{background:#166fe5}.btn-login:disabled{opacity:.7;cursor:not-allowed}.login-error{color:#dc2626;margin:0;font-size:.875rem}.divider{align-items:center;gap:1rem;margin:.25rem 0;display:flex}.divider:before,.divider:after{content:"";background:#e5e7eb;flex:1;height:1px}.divider span{color:#6b7280;font-size:.875rem}.btn-google{color:#1a1a1a;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;gap:.75rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:background .2s,border-color .2s;display:flex}.btn-google:hover{background:#f9fafb;border-color:#d1d5db}.google-icon{flex-shrink:0}@media (width<=768px){.login-page{flex-direction:column}.login-left{max-width:100%;min-height:auto;padding:2rem}.login-left h1{font-size:1.75rem}.login-right{padding:2rem 1.5rem}}.matches-content{padding-top:0}.matches-tabs{border-bottom:1px solid #e5e7eb;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.tab-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.75rem 1rem;font-size:.9375rem;font-weight:500;transition:color .2s,border-color .2s}.tab-btn:hover{color:#374151}.tab-btn.active{color:#3b82f6;border-bottom-color:#3b82f6}.matches-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.matches-search{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex:1;align-items:center;gap:.75rem;min-width:200px;max-width:320px;padding:.5rem 1rem;display:flex}.matches-search .search-icon{color:#6b7280;flex-shrink:0}.matches-search input{color:#1a1a2e;background:0 0;border:none;flex:1;font-size:.9375rem}.matches-search input::placeholder{color:#9ca3af}.matches-search input:focus{outline:none}.matches-filters{align-items:center;gap:.75rem;display:flex}.status-dropdown{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9375rem;transition:border-color .2s;display:flex}.status-dropdown:hover{border-color:#d1d5db}.btn-new-match{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9375rem;font-weight:500;transition:background .2s;display:flex}.btn-new-match:hover{background:#2563eb}.matches-table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.matches-table{border-collapse:collapse;width:100%;font-size:.9375rem}.matches-table th,.matches-table td{text-align:left;border-bottom:1px solid #f3f4f6;padding:1rem 1.25rem}.matches-table th{color:#6b7280;text-transform:uppercase;letter-spacing:.02em;background:#f9fafb;font-size:.8125rem;font-weight:600}.matches-table th:first-child,.matches-table td:first-child{width:48px;padding-left:1.25rem}.matches-table tbody tr:hover{background:#f9fafb}.matches-table tbody tr:last-child td{border-bottom:none}.matches-table input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;width:16px;height:16px}.match-cell{color:#1a1a2e;font-weight:500}.status-pill{border-radius:9999px;align-items:center;gap:.375rem;padding:.25rem .75rem;font-size:.8125rem;font-weight:500;display:inline-flex}.status-pill.upcoming{color:#16a34a;background:#22c55e1f}.status-pill.upcoming .status-dot{background:#22c55e}.status-pill.last8hr{color:#374151;background:#f3f4f6}.status-pill.last8hr .status-dot{background:#1a1a2e}.status-pill.pending{color:#b45309;background:#f59e0b1f}.status-pill.pending .status-dot{background:#f59e0b}.status-pill.completed{color:#2563eb;background:#3b82f61f}.status-pill.completed .status-dot{background:#3b82f6}.status-pill.live{color:#dc2626;background:#ef44441f}.status-pill.live .status-dot{background:#ef4444}.status-pill.cancelled{color:#4b5563;background:#6b72801f}.status-pill.cancelled .status-dot{background:#6b7280}.status-pill.won{color:#15803d;background:#22c55e1f}.status-pill.won .status-dot{background:#22c55e}.status-pill.lost{color:#b91c1c;background:#ef44441f}.status-pill.lost .status-dot{background:#ef4444}.status-dot{border-radius:50%;width:6px;height:6px}.action-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.375rem;transition:color .2s,background .2s;display:flex}.match-actions{align-items:center;gap:.25rem;display:flex}.action-btn:hover{color:#1a1a2e;background:#f3f4f6}.action-btn-delete:hover{color:#dc2626;background:#fef2f2}.delete-match-modal{max-width:420px;overflow:hidden}.delete-match-modal .modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.delete-match-modal .modal-header h2{color:#111827;margin:0;font-size:1.25rem;font-weight:650;line-height:1.3}.delete-match-modal .modal-close{flex:none;width:36px;height:36px;padding:0}.delete-match-modal .modal-body{padding:1.5rem}.delete-match-modal .modal-body>p{color:#4b5563;margin:0;font-size:.9375rem;line-height:1.55}.delete-match-actions{justify-content:flex-end;gap:.75rem;margin-top:1.5rem;display:flex}.btn-delete-cancel,.btn-delete-confirm{cursor:pointer;border-radius:8px;min-height:42px;padding:.625rem 1rem;font-size:.9375rem;font-weight:600}.btn-delete-cancel{color:#374151;background:#fff;border:1px solid #d1d5db}.btn-delete-confirm{color:#fff;background:#dc2626;border:1px solid #dc2626}.btn-delete-confirm:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c}.btn-delete-cancel:hover:not(:disabled){background:#f9fafb}.btn-delete-cancel:disabled,.btn-delete-confirm:disabled{cursor:not-allowed;opacity:.6}@media (width<=480px){.delete-match-actions{flex-direction:column-reverse}.btn-delete-cancel,.btn-delete-confirm{width:100%}}.matches-empty-state{text-align:center;color:#6b7280;padding:2rem 1.25rem}@media (width<=768px){.matches-toolbar{flex-direction:column;align-items:stretch}.matches-search{max-width:none}.matches-table-wrapper{overflow-x:auto}.matches-table{min-width:700px}}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-dialog{background:#fff;border-radius:12px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.new-match-modal .modal-header{justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 0;display:flex}.new-match-modal .modal-header h2{color:#1a1a2e;margin:0;font-size:1.5rem;font-weight:600}.modal-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.5rem;transition:color .2s,background .2s;display:flex}.modal-close:hover{color:#1a1a2e;background:#f3f4f6}.new-match-modal .modal-body,.status-match-modal .modal-body{padding:1.5rem}.status-match-title{color:#1a1a2e;margin:0 0 1rem;font-size:1rem;font-weight:600}.match-form-message{border-radius:8px;margin:0 0 1rem;padding:.75rem .875rem;font-size:.875rem}.match-form-message.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.form-row{margin-bottom:1.25rem}.form-row-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.new-match-modal .form-group{flex-direction:column;gap:.5rem;display:flex}.new-match-modal .form-group label{color:#374151;font-size:.875rem;font-weight:500}.required{color:#ef4444}.new-match-modal .form-group input,.new-match-modal .form-group select{color:#1a1a2e;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:.625rem .875rem;font-size:.9375rem}.new-match-modal .form-group input::placeholder{color:#9ca3af}.new-match-modal .form-group input:focus,.new-match-modal .form-group select:focus{border-color:#3b82f6;outline:none}.platform-section{border-top:1px solid #e5e7eb;margin-top:1.5rem;padding-top:1.5rem}.platform-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.platform-header h3{color:#1a1a2e;margin:0;font-size:1rem;font-weight:600}.platform-help{color:#6b7280;font-size:.75rem}.btn-add-platform{color:#3b82f6;cursor:pointer;background:0 0;border:1px solid #3b82f6;border-radius:8px;padding:.5rem .875rem;font-size:.875rem;font-weight:500;transition:background .2s,color .2s}.btn-add-platform:hover{color:#fff;background:#3b82f6}.btn-add-platform:disabled,.btn-remove-platform:disabled,.btn-continue:disabled{opacity:.7;cursor:not-allowed}.platform-list{flex-direction:column;gap:.75rem;display:flex}.platform-row{grid-template-columns:1fr 1fr 1fr auto;align-items:center;gap:.75rem;display:grid}.platform-row input,.platform-row select{color:#1a1a2e;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:.625rem .875rem;font-size:.9375rem}.platform-row input::placeholder{color:#9ca3af}.platform-row .platform-name-input{color:#1f2937;cursor:default;background:#f3f4f6;font-weight:600}.platform-row input:focus,.platform-row select:focus{border-color:#3b82f6;outline:none}.btn-remove-platform{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.25rem;transition:color .2s,background .2s;display:flex}.btn-remove-platform:hover{color:#ef4444;background:#fef2f2}.btn-continue{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;width:100%;margin-top:1.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:background .2s}.btn-continue:hover{background:#2563eb}.btn-continue:disabled:hover{background:#3b82f6}@media (width<=600px){.form-row-2{grid-template-columns:1fr}.platform-row{grid-template-columns:1fr 1fr}.platform-row .btn-remove-platform{grid-column:span 2}}.referrals-content{padding-top:0}.referrals-overview{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border-radius:12px;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem;padding:1.5rem;display:grid}.overview-item{flex-direction:column;gap:.25rem;display:flex}.overview-label{color:#ffffffe6;font-size:.875rem}.overview-value{color:#fff;font-size:1.25rem;font-weight:600}.referrals-table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.referrals-message{border-radius:8px;margin:0 0 1rem;padding:.75rem .875rem;font-size:.875rem}.referrals-message-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.referrals-table{border-collapse:collapse;width:100%;font-size:.9375rem}.referrals-table th,.referrals-table td{text-align:left;border-bottom:1px solid #f3f4f6;padding:1rem 1.25rem}.referrals-table th{color:#6b7280;text-transform:uppercase;letter-spacing:.02em;background:#f9fafb;font-size:.8125rem;font-weight:600}.referrals-table th:first-child,.referrals-table td:first-child{width:48px;padding-left:1.25rem}.referrals-table tbody tr:nth-child(2n){background:#f9fafb}.referrals-table tbody tr:hover{background:#f3f4f6}.referrals-table tbody tr:last-child td{border-bottom:none}.referrals-table input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;width:16px;height:16px}.referrals-table .status-pill{border-radius:9999px;align-items:center;gap:.375rem;padding:.25rem .75rem;font-size:.8125rem;font-weight:500;display:inline-flex}.referrals-table .status-pill.status-confirmed{color:#16a34a;background:#22c55e1f}.referrals-table .status-pill.status-confirmed .status-dot{background:#22c55e}.referrals-table .status-pill.status-pending{color:#d97706;background:#f59e0b26}.referrals-table .status-pill.status-pending .status-dot{background:#f59e0b}.referrals-table .status-pill.status-expired{color:#dc2626;background:#ef44441f}.referrals-table .status-pill.status-expired .status-dot{background:#ef4444}.referrals-table .status-dot{border-radius:50%;width:6px;height:6px}.action-dash{color:#9ca3af;font-size:1rem}.action-buttons{align-items:center;gap:.5rem;display:flex}.action-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:opacity .2s,transform .2s;display:flex}.action-btn:hover{opacity:.9;transform:scale(1.05)}.action-approve{color:#16a34a;background:#22c55e26}.action-approve:hover{background:#22c55e40}.action-reject{color:#dc2626;background:#ef444426}.action-reject:hover{background:#ef444440}.referrals-empty-state{text-align:center;color:#6b7280;padding:2rem 1rem}.referrals-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:.75rem;padding:.9rem .25rem 0;display:flex}.referrals-results{color:#6b7280;font-size:.875rem}.referrals-pagination{align-items:center;gap:.4rem;display:flex}@media (width<=1024px){.referrals-overview{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.referrals-overview{grid-template-columns:1fr}.referrals-table-wrapper{overflow-x:auto}.referrals-table{min-width:800px}}.confirm-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.confirm-modal{background:#fff;border-radius:12px;width:100%;max-width:420px;padding:1.5rem;position:relative;box-shadow:0 25px 50px -12px #00000040}.confirm-modal-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.375rem;transition:color .2s,background .2s;display:flex;position:absolute;top:1rem;right:1rem}.confirm-modal-close:hover{color:#1a1a2e;background:#f3f4f6}.confirm-modal-title{color:#1a1a2e;margin:0 0 .75rem;font-size:1.25rem;font-weight:600}.confirm-modal-message{color:#4b5563;margin:0 0 1.5rem;font-size:.9375rem;line-height:1.5}.confirm-modal-actions{justify-content:flex-end;gap:.75rem;display:flex}.confirm-modal-actions .btn-cancel{color:#1a1a2e;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:500;transition:border-color .2s,background .2s}.confirm-modal-actions .btn-cancel:hover{background:#f9fafb;border-color:#9ca3af}.confirm-modal-actions .btn-confirm{color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:500;transition:opacity .2s}.confirm-modal-actions .btn-confirm:hover{opacity:.95}.confirm-modal-actions .btn-expire{background:#ef4444}.confirm-modal-actions .btn-credit{background:#3b82f6}.tx-content{padding-top:0}.tx-summary{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}.tx-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:1rem;min-height:96px;padding:1.25rem;display:flex}.tx-card-icon{color:#6b7280;background:#f3f4f6;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.tx-card-label{color:#6b7280;margin-bottom:.25rem;font-size:.875rem;display:block}.tx-card-value{color:#111827;letter-spacing:-.02em;font-size:1.75rem;font-weight:700;display:block}.tx-table-shell{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.tx-toolbar{border-bottom:1px solid #f3f4f6;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.tx-search{background:#f9fafb;border:1px solid #e5e7eb;border-radius:9999px;flex:1;align-items:center;gap:.75rem;min-width:240px;max-width:360px;padding:.5rem 1rem;display:flex}.tx-search-icon{color:#9ca3af;flex-shrink:0}.tx-search input{color:#111827;background:0 0;border:none;flex:1;font-size:.9375rem}.tx-search input::placeholder{color:#9ca3af}.tx-search input:focus{outline:none}.tx-filters{gap:.75rem;display:flex}.tx-select{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:9999px;padding:.5rem .875rem;font-size:.875rem}.tx-select:focus{border-color:#3b82f6;outline:none}.tx-message{border-radius:8px;margin:0 1.25rem 1rem;padding:.75rem .875rem;font-size:.875rem}.tx-message-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.tx-table-wrapper{width:100%;overflow-x:auto}.tx-table{border-collapse:collapse;width:100%;min-width:980px;font-size:.9375rem}.tx-table th,.tx-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #f3f4f6;padding:.9rem 1.1rem}.tx-table th{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;background:#f9fafb;font-size:.75rem;font-weight:600}.tx-table th:first-child,.tx-table td:first-child{width:48px}.tx-table tbody tr:hover{background:#f9fafb}.tx-table tbody tr:last-child td{border-bottom:none}.tx-table input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;width:16px;height:16px}.tx-id{color:#111827;font-weight:600}.tx-status{border-radius:9999px;align-items:center;gap:.4rem;padding:.25rem .75rem;font-size:.8125rem;font-weight:500;display:inline-flex}.tx-status-dot{border-radius:50%;width:6px;height:6px}.tx-status.success{color:#16a34a;background:#22c55e1f}.tx-status.success .tx-status-dot{background:#22c55e}.tx-status.pending{color:#2563eb;background:#3b82f61f}.tx-status.pending .tx-status-dot{background:#3b82f6}.tx-view{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s,color .2s;display:inline-flex}.tx-view:hover{color:#111827;background:#f3f4f6}.tx-empty{color:#6b7280;text-align:center;padding:2rem 1.25rem}.tx-footer{background:#fff;border-top:1px solid #f3f4f6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.25rem;display:flex}.tx-results{color:#6b7280;font-size:.875rem}.tx-pagination{align-items:center;gap:.4rem;display:flex}@media (width<=900px){.tx-summary{grid-template-columns:1fr}.tx-search{max-width:none}}.tx-modal-overlay{z-index:1100;background:#00000073;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.tx-modal{background:#fff;border-radius:14px;width:100%;max-width:720px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.tx-modal-header{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.tx-modal-header h2{color:#111827;letter-spacing:-.02em;margin:0;font-size:1.75rem;font-weight:600}.tx-modal-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;transition:background .2s,color .2s;display:inline-flex}.tx-modal-close:hover{color:#111827;background:#f3f4f6}.tx-modal-card{border:1px solid #eef2f7;border-radius:12px;margin:1rem;padding:1.25rem 1.5rem 1.5rem}.tx-modal-state{color:#4b5563;background:#f9fafb;border-radius:12px;margin:1rem;padding:1rem 1.25rem;font-size:.9375rem}.tx-modal-state-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.tx-modal-top{border-bottom:1px solid #eef2f7;margin-bottom:1rem;padding-bottom:1rem}.tx-modal-id{color:#111827;font-size:1.25rem;font-weight:600}.tx-modal-grid{grid-template-columns:1fr 1fr;gap:1.25rem 2rem;padding:.5rem 0;display:grid}.tx-row{grid-template-columns:120px 1fr;align-items:center;gap:1rem;display:grid}.tx-k{color:#9ca3af;font-size:.95rem}.tx-v{color:#111827;font-size:1rem}.tx-v.strong{font-weight:600}.tx-modal-section{padding-top:.75rem}.tx-modal-section h3{color:#111827;margin:.75rem 0 .5rem;font-size:1.25rem;font-weight:600}.tx-modal-divider{background:#eef2f7;height:1px;margin:.75rem 0 .5rem}.tx-pill{border-radius:9999px;align-items:center;gap:.5rem;width:fit-content;padding:.3rem .85rem;font-size:.9rem;font-weight:500;display:inline-flex}.tx-pill-dot{background:#22c55e;border-radius:50%;width:8px;height:8px}.tx-pill.upcoming{color:#16a34a;background:#22c55e1f}.tx-pill.pending{color:#d97706;background:#f59e0b26}.tx-pill.pending .tx-pill-dot{background:#f59e0b}.tx-pill.completed{color:#2563eb;background:#3b82f61f}.tx-pill.completed .tx-pill-dot{background:#3b82f6}@media (width<=760px){.tx-modal-header h2{font-size:1.4rem}.tx-modal-card{margin:.75rem;padding:1rem}.tx-modal-grid{grid-template-columns:1fr}.tx-row{grid-template-columns:90px 1fr}}.user-push-backdrop{z-index:1200;background:#0f172a94;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.user-push-modal{color:#182033;background:#fff;border-radius:16px;width:min(540px,100%);max-height:92vh;padding:24px;overflow-y:auto;box-shadow:0 24px 64px #0f172a4d}.user-push-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.user-push-heading h2{color:#111827;margin:0 0 5px;font-size:20px}.user-push-heading p{color:#6b7280;margin:0;font-size:13px;line-height:1.45}.user-push-close{color:#6b7280;cursor:pointer;background:0 0;border:0;flex:none;font-size:28px;line-height:1}.user-push-close:disabled{opacity:.5;cursor:not-allowed}.user-push-recipient{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:11px;margin:20px 0;padding:12px;display:flex}.user-push-avatar{color:#fff;background:#2563eb;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-weight:700;display:grid}.user-push-recipient>span:last-child{flex-direction:column;gap:2px;min-width:0;display:flex}.user-push-recipient strong{color:#1f2937;font-size:14px}.user-push-recipient small{color:#6b7280;text-overflow:ellipsis;font-size:12px;overflow:hidden}.user-push-alert{border-radius:8px;margin-bottom:16px;padding:11px 12px;font-size:13px;line-height:1.45}.user-push-alert.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.user-push-form label{color:#374151;flex-direction:column;gap:7px;margin-bottom:16px;font-size:13px;font-weight:600;display:flex}.user-push-form input,.user-push-form textarea,.user-push-form select{color:#111827;width:100%;font:inherit;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;padding:10px 12px;font-weight:400}.user-push-form textarea{resize:vertical;min-height:110px}.user-push-form input:focus,.user-push-form textarea:focus,.user-push-form select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.user-push-count{color:#9ca3af;text-align:right;margin-top:-3px;font-weight:400}.user-push-review h3{color:#111827;margin:0 0 12px;font-size:17px}.user-push-review dl{margin:0}.user-push-review dl>div{border-bottom:1px solid #f1f5f9;grid-template-columns:100px minmax(0,1fr);gap:12px;padding:10px 0;display:grid}.user-push-review dt{color:#6b7280;font-size:12px}.user-push-review dd{color:#1f2937;overflow-wrap:anywhere;margin:0;font-size:13px}.user-push-warning{color:#a16207;background:#fefce8;border:1px solid #fde68a;border-radius:8px;margin:16px 0 0;padding:11px 12px;font-size:12px;line-height:1.5}.user-push-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.user-push-primary,.user-push-secondary{cursor:pointer;border-radius:8px;padding:10px 15px;font-weight:600}.user-push-primary{color:#fff;background:#2563eb;border:1px solid #2563eb}.user-push-primary:hover{background:#1d4ed8}.user-push-secondary{color:#374151;background:#fff;border:1px solid #d1d5db}.user-push-primary:disabled,.user-push-secondary:disabled{opacity:.55;cursor:not-allowed}@media (width<=600px){.user-push-modal{padding:18px}.user-push-review dl>div{grid-template-columns:1fr;gap:4px}.user-push-actions{flex-direction:column-reverse}.user-push-primary,.user-push-secondary{width:100%}}.users-content{padding-top:0}.users-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;padding:.75rem 0;display:flex}.users-customers{color:#111827;align-items:center;gap:.6rem;display:flex}.customers-label{color:#374151;font-size:.95rem}.customers-value{color:#111827;font-size:.95rem;font-weight:600}.users-download{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:.5rem;padding:.55rem .9rem;font-size:.9rem;transition:background .2s,border-color .2s;display:inline-flex}.users-download:hover{background:#f9fafb;border-color:#d1d5db}.users-filters-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.status-cards{flex-wrap:wrap;gap:.75rem;display:flex}.status-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:.75rem;min-width:200px;padding:.7rem .95rem;transition:border-color .2s,box-shadow .2s;display:inline-flex}.status-card.active{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61f}.status-radio{background:0 0;border:2px solid #d1d5db;border-radius:50%;flex-shrink:0;width:12px;height:12px}.status-card.active .status-radio{border-color:#3b82f6;box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 10px #3b82f6}.status-radio.inactive{border-color:#f59e0b}.status-radio.verified{border-color:#22c55e}.status-radio.unverified{border-color:#f59e0b}.status-radio.all{border-color:#3b82f6}.status-card-label{color:#111827;font-size:.95rem;font-weight:500}.status-card-count{color:#111827;margin-left:auto;font-size:.95rem;font-weight:600}.users-actions{gap:.75rem;display:flex}.users-btn{cursor:pointer;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.9rem;transition:background .2s,border-color .2s;display:inline-flex}.users-btn:hover{background:#f9fafb;border-color:#d1d5db}.users-message{border-radius:8px;margin:0 0 1rem;padding:.75rem .875rem;font-size:.875rem}.users-message-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.users-message-success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.users-table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.users-table{border-collapse:collapse;width:100%;min-width:980px;font-size:.9375rem}.users-table th,.users-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #f3f4f6;padding:.95rem 1.15rem}.users-table th{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;background:#f9fafb;font-size:.75rem;font-weight:600}.users-table th:first-child,.users-table td:first-child{width:48px}.users-table tbody tr:hover{background:#f9fafb}.users-table tbody tr:last-child td{border-bottom:none}.users-table input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;width:16px;height:16px}.users-name{color:#111827;font-weight:600}.users-status{border-radius:9999px;align-items:center;gap:.4rem;padding:.25rem .75rem;font-size:.8125rem;font-weight:500;display:inline-flex}.users-status-dot{border-radius:50%;width:6px;height:6px}.users-status.active{color:#16a34a;background:#22c55e1f}.users-status.active .users-status-dot{background:#22c55e}.users-status.inactive{color:#d97706;background:#f59e0b26}.users-status.inactive .users-status-dot{background:#f59e0b}.users-status.blacklisted{color:#dc2626;background:#ef44441f}.users-status.blacklisted .users-status-dot{background:#ef4444}.users-row-actions{align-items:center;gap:4px;display:flex}.users-icon-action{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s,color .2s;display:inline-flex}.users-icon-action:hover{color:#111827;background:#f3f4f6}.users-notify{color:#2563eb}.users-notify:hover{color:#1d4ed8;background:#eff6ff}.users-empty-state{text-align:center;color:#6b7280;padding:2rem 1rem}.users-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:.75rem;padding:.9rem .25rem 0;display:flex}.users-results{color:#6b7280;font-size:.875rem}.users-pagination{align-items:center;gap:.4rem;display:flex}.page-btn,.page-num{color:#374151;cursor:pointer;background:#f3f4f6;border:none;border-radius:9999px;width:32px;height:32px;transition:background .2s,color .2s}.page-btn:hover,.page-num:hover{background:#e5e7eb}.page-num.active{color:#fff;background:#3b82f6}@media (width<=900px){.status-card{min-width:180px}}.ud-content{padding-top:0}.ud-message{border-radius:8px;margin:0 0 1rem;padding:.75rem .875rem;font-size:.875rem}.ud-message-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.ud-message-success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.ud-subheader{justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:.75rem 0;display:flex}.ud-back{color:#111827;cursor:pointer;background:0 0;border:none;align-items:center;gap:.6rem;font-weight:500;display:inline-flex}.ud-back-icon{color:#374151;font-size:1.1rem}.ud-badge{color:#111827;align-items:center;gap:.5rem;font-size:.875rem;display:inline-flex}.ud-badge-dot{background:#f59e0b;border-radius:50%;width:6px;height:6px}.ud-top{grid-template-columns:1fr 360px;gap:1.25rem;margin-bottom:1.25rem;display:grid}.ud-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.25rem 1.5rem}.ud-name{color:#111827;margin:.25rem 0 1rem;font-size:1.5rem;font-weight:600}.ud-grid{grid-template-columns:1fr 1fr;gap:1.25rem 2rem;padding-top:.25rem;display:grid}.ud-item{flex-direction:column;gap:.35rem;display:flex}.ud-k{color:#9ca3af;font-size:.875rem}.ud-v{color:#111827;font-size:.95rem}.ud-v.strong{font-weight:600}.ud-v.verified{color:#16a34a;font-weight:600}.ud-side{flex-direction:column;gap:.9rem;display:flex}.ud-actions{justify-content:flex-end;gap:.75rem;display:flex}.ud-btn{cursor:pointer;color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:9999px;padding:.6rem 1rem;font-size:.875rem;font-weight:600}.ud-btn:hover{background:#f9fafb;border-color:#d1d5db}.ud-btn-primary{color:#fff;background:#2563eb;border-color:#2563eb}.ud-btn-primary:hover{color:#fff;background:#1d4ed8;border-color:#1d4ed8}.ud-btn:disabled{opacity:.55;cursor:not-allowed}.ud-referral{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.ud-referral-top{color:#fff;background:#0b0b10;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;display:flex}.ud-referral-title{letter-spacing:.06em;font-size:.75rem;font-weight:700}.ud-referral-sub{color:#ffffffd9;margin-top:.25rem;font-size:.85rem}.ud-referral-sub span{color:#60a5fa;font-weight:700}.ud-history{color:#ffffffe6;cursor:pointer;background:0 0;border:none;align-items:center;gap:.4rem;font-size:.85rem;display:inline-flex}.ud-history-arrow{color:#60a5fa}.ud-referral-body{background:#f3f4f6;height:160px}.ud-wallet-body{flex-direction:column;gap:.9rem;height:auto;padding:1rem;display:flex}.ud-wallet-row{color:#111827;justify-content:space-between;align-items:center;gap:1rem;font-size:.95rem;display:flex}.ud-wallet-row strong{font-weight:700}.ud-tx-shell{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.ud-tx-header{border-bottom:1px solid #f3f4f6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.ud-tx-header h3{color:#111827;margin:0;font-size:1.1rem;font-weight:700}.ud-tx-controls{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.ud-tx-search{background:#f9fafb;border:1px solid #e5e7eb;border-radius:9999px;align-items:center;gap:.75rem;min-width:260px;padding:.5rem 1rem;display:flex}.ud-search-icon{color:#9ca3af}.ud-tx-search input{color:#111827;background:0 0;border:none;outline:none;flex:1;font-size:.9rem}.ud-tx-search input::placeholder{color:#9ca3af}.ud-tx-select{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:9999px;padding:.5rem .875rem;font-size:.875rem}.ud-tx-select:focus{border-color:#3b82f6;outline:none}.ud-table-wrap{overflow-x:auto}.ud-table{border-collapse:collapse;width:100%;min-width:880px;font-size:.9375rem}.ud-table th,.ud-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #f3f4f6;padding:.9rem 1.1rem}.ud-table th{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;background:#f9fafb;font-size:.75rem;font-weight:600}.ud-table th:first-child,.ud-table td:first-child{width:48px}.ud-table tbody tr:hover{background:#f9fafb}.ud-table input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;width:16px;height:16px}.ud-tx-id{color:#111827;font-weight:600}.ud-status{border-radius:9999px;align-items:center;gap:.4rem;padding:.25rem .75rem;font-size:.8125rem;font-weight:500;display:inline-flex}.ud-status-dot{border-radius:50%;width:6px;height:6px}.ud-status.success{color:#16a34a;background:#22c55e1f}.ud-status.success .ud-status-dot{background:#22c55e}.ud-status.pending{color:#2563eb;background:#3b82f61f}.ud-status.pending .ud-status-dot{background:#3b82f6}.ud-more{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s,color .2s;display:inline-flex}.ud-more:hover{color:#111827;background:#f3f4f6}.ud-empty-state{text-align:center;color:#6b7280;padding:2rem 1rem}.ud-footer{border-top:1px solid #f3f4f6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.25rem;display:flex}.ud-results{color:#6b7280;font-size:.875rem}.ud-pagination{align-items:center;gap:.4rem;display:flex}.page-btn:disabled,.page-num:disabled{opacity:.6;cursor:not-allowed}@media (width<=1100px){.ud-top{grid-template-columns:1fr}.ud-actions{justify-content:flex-start}}@media (width<=640px){.ud-grid{grid-template-columns:1fr}}.du-modal-overlay{z-index:1200;background:#00000073;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.du-modal{background:#fff;border-radius:12px;width:100%;max-width:860px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.du-modal-header{justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.du-modal-header h2{color:#111827;letter-spacing:-.02em;margin:0;font-size:2rem;font-weight:500}.du-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;transition:background .2s,color .2s;display:inline-flex}.du-close:hover{color:#111827;background:#f3f4f6}.du-divider{background:#d1d5db;height:1px}.du-modal-body{text-align:center;padding:1.5rem 1.5rem 1.25rem}.du-modal-body p{color:#111827;margin:0;font-size:1.125rem}.du-actions{justify-content:flex-end;gap:1rem;padding:1.25rem 1.5rem 1.5rem;display:flex}.du-cancel{color:#111827;cursor:pointer;background:#fff;border:1.5px solid #3b82f699;border-radius:9999px;padding:.8rem 2.2rem;font-weight:500}.du-cancel:hover{background:#f9fafb}.du-confirm{color:#fff;cursor:pointer;background:#ff3b30;border:none;border-radius:9999px;padding:.8rem 2.2rem;font-weight:500}.du-confirm:hover{opacity:.95}@media (width<=640px){.du-modal-header h2{font-size:1.5rem}.du-actions{flex-direction:column;align-items:stretch}}.dur-overlay{z-index:1250;background:#00000073;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.dur-modal{background:#fff;border-radius:14px;width:100%;max-width:760px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.dur-header{justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.dur-header h2{color:#111827;letter-spacing:-.02em;margin:0;font-size:2rem;font-weight:600}.dur-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;transition:background .2s,color .2s;display:inline-flex}.dur-close:hover{color:#111827;background:#f3f4f6}.dur-body{padding:.25rem 1.5rem 1.75rem}.dur-label{color:#111827;margin:1rem 0 .75rem;font-size:1.05rem;font-weight:500;display:block}.dur-textarea{color:#111827;resize:none;border:1px solid #e5e7eb;border-radius:6px;width:100%;padding:1rem;font-size:1rem}.dur-textarea::placeholder{color:#9ca3af}.dur-textarea:focus{border-color:#ef444480;outline:none}.dur-delete{cursor:pointer;background:#fff;border:1.5px solid #ef444459;border-radius:9999px;width:100%;margin-top:1.75rem;padding:1.05rem 1.5rem;font-size:1.05rem;font-weight:600}.dur-delete.disabled{color:#ef444459}.dur-delete.enabled{color:#ef4444;border-color:#ef44448c}.dur-delete.enabled:hover{background:#fff5f5}@media (width<=640px){.dur-header h2{font-size:1.5rem}.dur-body{padding:0 1rem 1.25rem}}.ad-overlay{z-index:1300;background:#00000073;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.ad-modal{text-align:center;background:#fff;border-radius:14px;width:100%;max-width:720px;padding:2.25rem 2rem 2rem;box-shadow:0 25px 50px -12px #00000040}.ad-icon{background:#3b82f61f;border-radius:9999px;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto 1.25rem;display:flex}.ad-icon-inner{background:#4bb6ff;border-radius:9999px;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.ad-title{color:#111827;letter-spacing:-.02em;margin:0 0 .75rem;font-size:2rem;font-weight:700}.ad-message{color:#374151;max-width:520px;margin:0 auto 1.75rem;font-size:1rem;line-height:1.6}.ad-btn{color:#fff;cursor:pointer;background:#4bb6ff;border:none;border-radius:9999px;width:100%;max-width:560px;padding:1.05rem 1.5rem;font-size:1.05rem;font-weight:700;transition:opacity .2s}.ad-btn:hover{opacity:.95}@media (width<=640px){.ad-modal{padding:1.75rem 1.25rem 1.25rem}.ad-title{font-size:1.6rem}}.acct-content{padding-top:0}.acct-area{background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding:1rem 1.25rem;display:flex}.acct-area-title{color:#111827;font-weight:600}.acct-logout{color:#111827;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:9999px;padding:.6rem 1.2rem}.acct-logout:hover{background:#f9fafb;border-color:#d1d5db}.acct-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.acct-message{border-radius:8px;margin:0 0 1rem;padding:.75rem .875rem;font-size:.875rem}.acct-message-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.acct-profile-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.acct-profile{align-items:center;gap:.9rem;display:flex}.acct-avatar{color:#1d4ed8;background:#dbeafe;border-radius:9999px;justify-content:center;align-items:center;width:48px;height:48px;font-weight:700;display:flex}.acct-name{color:#111827;font-size:1rem;font-weight:700}.acct-role{color:#6b7280;margin-top:.15rem;font-size:.875rem}.acct-actions{align-items:center;gap:.75rem;display:flex}.acct-btn{color:#111827;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:9999px;align-items:center;gap:.5rem;padding:.55rem .9rem;font-size:.875rem;display:inline-flex}.acct-btn:hover{background:#f9fafb;border-color:#d1d5db}.acct-divider{background:#e5e7eb;height:1px}.acct-sections{grid-template-columns:1fr 1fr;gap:2rem;padding:1.5rem;display:grid}.acct-section-title{color:#111827;margin:0 0 1.25rem;font-size:1.25rem;font-weight:700}.acct-grid{grid-template-columns:1fr 1fr;gap:1.25rem 2rem;display:grid}.acct-label{color:#9ca3af;margin-bottom:.4rem;font-size:.875rem}.acct-value{color:#111827;font-size:.95rem;font-weight:600}@media (width<=1024px){.acct-sections{grid-template-columns:1fr;gap:1.5rem}}@media (width<=640px){.acct-grid{grid-template-columns:1fr}.acct-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}}.ep-overlay{z-index:1400;background:#00000073;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.ep-modal{background:#fff;border-radius:14px;width:100%;max-width:760px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.ep-header{justify-content:space-between;align-items:center;padding:1.25rem 1.5rem 1rem;display:flex}.ep-header h2{color:#111827;margin:0;font-size:1.75rem;font-weight:700}.ep-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;transition:background .2s,color .2s;display:inline-flex}.ep-close:hover{color:#111827;background:#f3f4f6}.ep-card{border:1px solid #e5e7eb;border-radius:12px;margin:0 1rem 1rem;overflow:hidden}.ep-stepper{grid-template-columns:1fr 1fr;gap:0;padding:1.25rem 1.25rem 1rem;display:grid;position:relative}.ep-step{text-align:center;position:relative}.ep-line{background:#e5e7eb;width:46%;height:2px;position:absolute;top:18px}.ep-line.left{left:0}.ep-line.right{right:0}.ep-dot{color:#6b7280;background:#fff;border:2px solid #e5e7eb;border-radius:9999px;justify-content:center;align-items:center;width:34px;height:34px;margin:0 auto .5rem;font-weight:700;display:inline-flex}.ep-step.active .ep-dot,.ep-step.done .ep-dot{color:#0b0b10;background:#4bb6ff;border-color:#4bb6ff}.ep-step-title{color:#111827;font-weight:700}.ep-step-sub{color:#6b7280;margin-top:.15rem;font-size:.85rem}.ep-step-title.muted,.ep-step-sub.muted{color:#9ca3af;font-weight:600}.ep-divider{background:#e5e7eb;height:1px}.ep-message{border-radius:10px;margin:1rem 1.25rem 0;padding:.75rem .875rem;font-size:.875rem}.ep-message-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.ep-message-success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.ep-body{padding:1.25rem 1.25rem 1rem}.ep-label{color:#6b7280;font-size:.95rem;font-weight:500}.ep-image-actions{justify-content:center;gap:.75rem;padding:1.25rem 0 1rem;display:flex}.ep-small{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:9999px;padding:.6rem 1.35rem;font-weight:600}.ep-primary{color:#0b0b10;background:#4bb6ff;border-color:#4bb6ff}.ep-outline{color:#6b7280;background:#fff}.ep-form{grid-template-columns:1fr 1fr;gap:1.15rem;display:grid}.ep-field-full{grid-column:1/-1}.ep-field label{color:#6b7280;margin-bottom:.5rem;font-size:.95rem;display:block}.ep-field input{color:#111827;background:#f3f4f6;border:none;border-radius:10px;width:100%;padding:1rem;font-size:1rem}.ep-field input:focus{outline:none;box-shadow:0 0 0 2px #4bb6ff40}.ep-footer{border-top:1px solid #e5e7eb;gap:.75rem;padding:1.1rem 1.25rem 1.25rem;display:flex}.ep-back{color:#111827;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:9999px;width:160px;padding:1.05rem 1.25rem;font-size:1rem;font-weight:600}.ep-back:hover{background:#f9fafb}.ep-continue{color:#0b0b10;cursor:pointer;background:#4bb6ff;border:none;border-radius:9999px;width:100%;padding:1.05rem 1.25rem;font-size:1.05rem;font-weight:700}.ep-continue:hover{opacity:.95}.ep-back:disabled,.ep-continue:disabled{opacity:.7;cursor:not-allowed}@media (width<=640px){.ep-card{margin:0 .75rem .75rem}.ep-form{grid-template-columns:1fr}.ep-line{width:40%}.ep-footer{flex-direction:column}.ep-back{width:100%}}.notifications-page{color:#182033}.notification-alert{border-radius:10px;margin-bottom:16px;padding:12px 14px;font-size:14px}.notification-alert.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.notification-alert.success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.notification-grid{grid-template-columns:minmax(420px,.95fr) minmax(420px,1.05fr);align-items:start;gap:20px;display:grid}.notification-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:22px;box-shadow:0 1px 2px #0f172a0a}.announcement-editor{margin-bottom:20px}.announcement-editor>label{color:#374151;flex-direction:column;gap:7px;font-size:13px;font-weight:600;display:flex}.announcement-editor textarea{resize:vertical;color:#111827;width:100%;min-height:74px;font:inherit;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;padding:10px 12px;font-weight:400}.announcement-editor textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.announcement-state{color:#6b7280;background:#f3f4f6;border-radius:999px;flex:none;padding:4px 9px;font-size:11px;font-weight:700}.announcement-state.active{color:#15803d;background:#dcfce7}.announcement-actions{justify-content:space-between;align-items:center;gap:16px;margin-top:14px;display:flex}.announcement-toggle{color:#374151;align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.announcement-toggle input{accent-color:#2563eb;width:17px;height:17px}.card-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.card-heading h2{color:#111827;margin:0 0 4px;font-size:18px}.card-heading p{color:#6b7280;margin:0;font-size:13px}.live-badge{color:#2563eb;letter-spacing:.04em;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:700}.composer-card>label,.field-row label,.user-picker>label{color:#374151;flex-direction:column;gap:7px;margin-bottom:16px;font-size:13px;font-weight:600;display:flex}.optional{color:#9ca3af;font-size:11px;font-weight:400}.composer-card input,.composer-card textarea,.composer-card select{color:#111827;width:100%;font:inherit;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;padding:10px 12px;font-weight:400}.composer-card textarea{resize:vertical;min-height:105px}.composer-card input:focus,.composer-card textarea:focus,.composer-card select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.character-count{color:#9ca3af;text-align:right;margin-top:-2px;font-size:11px;font-weight:400}.field-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.user-picker{margin-bottom:16px}.user-options{border:1px solid #e5e7eb;border-radius:8px;max-height:190px;overflow:auto}.user-option{cursor:pointer;border-bottom:1px solid #f3f4f6;align-items:center;gap:10px;padding:10px 12px;display:flex}.user-option:last-child{border:0}.user-option:hover{background:#f9fafb}.user-option input{width:auto}.user-option span{flex-direction:column;min-width:0;display:flex}.user-option strong{color:#1f2937;font-size:13px}.user-option small{color:#6b7280;text-overflow:ellipsis;overflow:hidden}.schedule-box{background:#f8fafc;border:1px solid #e5e7eb;border-radius:9px;grid-template-columns:auto auto;gap:10px 18px;margin-bottom:18px;padding:14px;display:grid}.schedule-box .radio-option{color:#374151;align-items:center;gap:7px;font-size:13px;font-weight:600;display:flex}.schedule-box .radio-option input{width:auto}.schedule-box>input,.schedule-box>small{grid-column:1/-1}.schedule-box>small{color:#6b7280}.send-button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:8px;padding:10px 16px;font-weight:600}.composer-card>.send-button{width:100%;padding:12px}.send-button:hover{background:#1d4ed8}.send-button:disabled{opacity:.55;cursor:not-allowed}.refresh-button,.cancel-button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:8px 12px;font-weight:600}.history-card{padding-bottom:8px}.history-list{max-height:calc(100vh - 210px);margin:0 -8px;padding:0 8px;overflow:auto}.history-item{border-top:1px solid #edf0f4;padding:16px 0}.history-item:first-child{border-top:0;padding-top:0}.history-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.history-top strong{color:#111827;font-size:14px}.history-item>p{color:#4b5563;margin:7px 0 10px;font-size:13px;line-height:1.45}.history-meta,.delivery-stats{color:#6b7280;flex-wrap:wrap;gap:8px 16px;font-size:11px;display:flex}.delivery-stats{color:#4b5563;margin-top:10px}.delivery-stats b{color:#111827}.delivery-channel{background:#f8fafc;border-radius:8px;margin-top:12px;padding:10px 12px}.delivery-channel>strong{color:#374151;text-transform:uppercase;letter-spacing:.04em;font-size:11px}.delivery-channel .delivery-stats{margin-top:6px}.campaign-error{overflow-wrap:anywhere;background:#fef2f2;border:1px solid #fecaca;border-radius:7px;padding:9px 10px;color:#b91c1c!important;margin:10px 0 0!important;font-size:11px!important}.campaign-status{color:#4b5563;background:#f3f4f6;border-radius:999px;flex:none;padding:4px 8px;font-size:10px;font-weight:700}.campaign-status.sent{color:#15803d;background:#dcfce7}.campaign-status.partially_sent{color:#a16207;background:#fef9c3}.campaign-status.failed{color:#b91c1c;background:#fee2e2}.campaign-status.processing,.campaign-status.scheduled{color:#1d4ed8;background:#dbeafe}.empty-state{color:#6b7280;text-align:center;padding:42px 10px;font-size:14px}.notification-modal-backdrop{z-index:1000;background:#0f172a8c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.notification-modal{background:#fff;border-radius:14px;width:min(560px,100%);max-height:90vh;padding:24px;overflow:auto;box-shadow:0 24px 64px #0f172a40}.notification-modal h2{color:#111827;margin:0 0 18px;font-size:20px}.notification-modal dl{margin:0}.notification-modal dl>div{border-bottom:1px solid #f1f5f9;grid-template-columns:105px 1fr;gap:12px;padding:10px 0;display:grid}.notification-modal dt{color:#6b7280;font-size:12px}.notification-modal dd{color:#1f2937;overflow-wrap:anywhere;margin:0;font-size:13px}.modal-warning{color:#a16207;background:#fefce8;border-radius:8px;padding:10px;font-size:12px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}@media (width<=1100px){.notification-grid{grid-template-columns:1fr}.history-list{max-height:none}}@media (width<=700px){.notification-card{padding:16px}.field-row{grid-template-columns:1fr;gap:0}.schedule-box{grid-template-columns:1fr}.notification-modal dl>div{grid-template-columns:1fr;gap:4px}}.dashboard-layout{min-height:100vh;display:flex}.sidebar{background:#1a1a2e;flex-direction:column;width:260px;min-width:260px;padding:1.5rem 0;display:flex}.sidebar-logo{border-bottom:1px solid #ffffff1a;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:0 1.5rem 1.5rem;display:flex}.logo-icon{color:#fff;background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:.875rem;font-weight:700;display:flex}.logo-text{color:#fff;font-size:1.25rem;font-weight:600}.sidebar-nav{flex-direction:column;flex:1;gap:.25rem;padding:0 .75rem;display:flex}.nav-link{color:#ffffffb3;border-radius:8px;align-items:center;gap:.75rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s;display:flex}.nav-link:hover{color:#fff;background:#ffffff14}.nav-link.active{color:#fff;background:#3b82f6}.nav-link svg{flex-shrink:0}.sidebar-footer{border-top:1px solid #ffffff1a;padding:1rem .75rem}.nav-link.logout{color:#ffffffb3}.nav-link.logout:hover{color:#ef4444}.dashboard-main{background:#f9fafb;flex-direction:column;flex:1;min-width:0;display:flex}.dashboard-content{flex:1;padding:1.5rem 2rem;overflow:auto}.dashboard-message{border-radius:8px;margin:0 0 1rem;padding:.75rem .875rem;font-size:.875rem}.dashboard-message-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.dashboard-state{color:#6b7280;justify-content:center;align-items:center;min-height:180px;font-size:.9375rem;display:flex}.dashboard-header{background:#fff;border-bottom:1px solid #e5e7eb;align-items:center;gap:2rem;padding:1.25rem 2rem;display:flex}.header-title{color:#1a1a2e;margin:0;font-size:1.5rem;font-weight:600}.header-search{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;flex:1;align-items:center;gap:.75rem;max-width:400px;padding:.5rem 1rem;display:flex}.search-icon{color:#6b7280;flex-shrink:0}.search-input{color:#1a1a2e;background:0 0;border:none;flex:1;font-size:.9375rem}.search-input::placeholder{color:#9ca3af}.search-input:focus{outline:none}.header-actions{align-items:center;gap:.75rem;display:flex}.icon-btn,.profile-btn{cursor:pointer;color:#374151;background:0 0;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem;transition:background .2s;display:flex}.icon-btn:hover,.profile-btn:hover{background:#f3f4f6}.dropdown-arrow{color:#6b7280}.summary-cards{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:1.5rem;display:grid}.summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.25rem}.summary-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.summary-card-icon{color:#3b82f6}.summary-dropdown{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:.25rem .5rem;font-size:.8125rem}.summary-value{color:#1a1a2e;margin-bottom:.25rem;font-size:1.5rem;font-weight:600;display:block}.summary-title{color:#6b7280;font-size:.875rem;display:block}.summary-sub{color:#22c55e;margin-top:.25rem;font-size:.75rem;display:block}.dashboard-charts{grid-template-columns:1fr 340px;gap:1.5rem;display:grid}.revenue-chart-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem}.chart-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.chart-header h3{color:#1a1a2e;margin:0;font-size:1.125rem;font-weight:600}.chart-legend-row{align-items:center;gap:1rem;display:flex}.chart-legend{color:#6b7280;align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.legend-dot{border-radius:50%;width:8px;height:8px}.legend-dot.revenue{background:#fbbf24}.legend-dot.profits{background:#3b82f6}.chart-dropdown{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:.25rem .5rem;font-size:.8125rem}.chart-container{width:100%}.chart-tooltip{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:.75rem 1rem;box-shadow:0 4px 6px -1px #0000001a}.tooltip-label{margin:0 0 .25rem;font-size:.875rem;font-weight:600}.tooltip-revenue,.tooltip-profits{color:#6b7280;margin:0;font-size:.8125rem}.revenue-breakdown-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;height:fit-content;padding:1.5rem}.breakdown-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.breakdown-header h3{color:#1a1a2e;margin:0;font-size:1.125rem;font-weight:600}.breakdown-dropdown{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:.25rem .5rem;font-size:.8125rem}.breakdown-list{margin:0 0 1rem;padding:0;list-style:none}.breakdown-item{color:#374151;border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:.75rem 0;font-size:.9375rem;display:flex}.breakdown-item:last-child{border-bottom:none}.breakdown-value{color:#1a1a2e;font-weight:500}.breakdown-total{border-top:1px solid #e5e7eb;padding-top:1rem}.total-row{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.total-row span:first-child{color:#6b7280;font-size:.875rem}.total-value{color:#1a1a2e;font-size:1.125rem;font-weight:600}.total-trend{color:#22c55e;align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.trend-icon{flex-shrink:0}@media (width<=1200px){.dashboard-charts{grid-template-columns:1fr}}@media (width<=900px){.summary-cards{grid-template-columns:repeat(2,1fr)}.dashboard-header{flex-wrap:wrap}.header-search{order:3;width:100%;max-width:100%}}@media (width<=640px){.summary-cards{grid-template-columns:1fr}.sidebar{width:72px;min-width:72px}.logo-text,.nav-link span{display:none}.sidebar-logo{justify-content:center;padding:0 .75rem 1rem}.nav-link{justify-content:center;padding:.75rem}.sidebar-footer .nav-link{justify-content:center}}