:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e5e7eb;background:#0b0f14;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{margin:0;min-width:100%;min-height:100vh}body{margin:0;background:#0b0f14}a{color:inherit;text-decoration:none}.app{display:flex;min-height:100vh;width:100%}.main-content{width:calc(100% - 250px);min-height:100vh;margin-left:250px}@media(max-width:768px){.main-content{width:calc(100% - 210px);margin-left:210px}}@media(max-width:600px){.app{display:block}.main-content{width:100%;margin-left:0}}.sidebar{position:fixed;top:0;left:0;width:250px;height:100vh;padding:28px 20px;display:flex;flex-direction:column;background:#11161d;border-right:1px solid #1f2933}.sidebar-logo{font-size:18px;font-weight:700;letter-spacing:.08em;margin-bottom:42px}.sidebar-logo span{margin-left:5px;font-weight:400;color:#7dd3fc}.sidebar-nav{display:flex;flex-direction:column;gap:8px}.sidebar-nav>a,.sidebar-section a,.sidebar-bottom a{display:block;padding:9px 12px;border-radius:7px;color:#9ca3af;font-size:14px;transition:background .15s ease,color .15s ease}.sidebar-nav>a:hover,.sidebar-section a:hover,.sidebar-bottom a:hover{background:#1a222c;color:#fff}.sidebar-section{margin-top:24px}.sidebar-section>span{display:block;padding:0 12px 8px;color:#64748b;font-size:10px;font-weight:700;letter-spacing:.12em}.sidebar-bottom{margin-top:auto}@media(max-width:768px){.sidebar{width:210px}}@media(max-width:600px){.sidebar{position:static;width:100%;height:auto;border-right:0;border-bottom:1px solid #1f2933}.sidebar-bottom{margin-top:24px}}.topbar{min-height:88px;padding:22px 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1f2933;background:#0b0f14}.topbar h1{margin:0;font-size:24px;font-weight:600;color:#f8fafc}.topbar p{margin:5px 0 0;color:#64748b;font-size:13px}.topbar-account{padding:8px 13px;border:1px solid #27313d;border-radius:7px;color:#cbd5e1;font-size:13px}.dashboard-content{padding:36px}.welcome-card{max-width:760px;padding:30px;border:1px solid #1f2933;border-radius:12px;background:#11161d}.welcome-card h2{margin:0 0 10px;color:#f8fafc;font-size:22px}.welcome-card p{margin:0;max-width:600px;color:#94a3b8;line-height:1.6}.subscribers-page{padding:36px}.subscribers-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px}.subscribers-header h1{margin:0 0 6px;font-size:24px;font-weight:600;color:#f8fafc}.subscribers-header p{margin:0;color:#64748b;font-size:13px}.subscribers-add-button{padding:9px 15px;border:1px solid #2d7fc4;border-radius:7px;background:#1769aa;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s ease}.subscribers-add-button:hover{background:#1d78bf}.subscribers-card{width:100%;border:1px solid #1f2933;border-radius:12px;background:#11161d;overflow:hidden}.subscribers-card-header{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1f2933}.subscribers-card-header>div{margin:0;padding:0}.subscribers-card-header h2{margin:0 0 6px;padding:0;font-size:16px;font-weight:600;color:#f8fafc}.subscribers-card-header p{margin:0;padding:0;color:#64748b;font-size:13px}.subscribers-count{min-width:28px;padding:5px 9px;border:1px solid #27313d;border-radius:999px;background:#151b23;color:#94a3b8;font-size:12px;text-align:center}.subscribers-table-wrapper{width:100%;overflow-x:auto}.subscribers-table{width:100%;border-collapse:collapse}.subscribers-table th{padding:13px 24px;text-align:left;background:#0d131a;border-bottom:1px solid #1f2933;color:#64748b;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.subscribers-table td{padding:16px 24px;border-bottom:1px solid #1a222c;color:#cbd5e1;font-size:13px}.subscribers-table tbody tr:last-child td{border-bottom:0}.subscribers-table tbody tr:hover{background:#151b23}.subscriber-status{display:inline-flex;align-items:center;gap:7px;font-size:12px}.subscriber-status:before{content:"";width:7px;height:7px;border-radius:50%}.subscriber-status.active{color:#86efac}.subscriber-status.active:before{background:#4ade80}.subscriber-status.expired{color:#94a3b8}.subscriber-status.expired:before{background:#64748b}.subscribers-empty{padding:50px 24px;text-align:center;color:#64748b;font-size:13px}@media(max-width:600px){.subscribers-page{padding:24px}.subscribers-header{flex-direction:column}.subscribers-add-button{width:100%}.subscribers-table th,.subscribers-table td{padding-left:16px;padding-right:16px}}.add-subscriber-page{padding:36px}.add-subscriber-header{margin-bottom:28px}.add-subscriber-back{display:block;background:none;border:none;padding:0;margin:0 0 16px;color:#7890a8;font-size:11px;cursor:pointer}.add-subscriber-back:hover{color:#fff}.add-subscriber-header h1{margin:0 0 6px;font-size:24px;font-weight:600;color:#f8fafc}.add-subscriber-header p{margin:0;color:#64748b;font-size:13px}.add-subscriber-card{width:100%;box-sizing:border-box;border:1px solid #1f2933;border-radius:12px;background:#11161d;overflow:hidden;padding:0}.add-subscriber-card-header{padding:20px 24px;border-bottom:1px solid #1f2933}.add-subscriber-card-header h2{margin:0 0 6px;font-size:16px;font-weight:600;color:#f8fafc}.add-subscriber-card-header p{margin:0;color:#64748b;font-size:13px}.add-subscriber-form{padding:24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;row-gap:20px}.add-subscriber-field{display:flex;flex-direction:column;gap:8px}.add-subscriber-field label{color:#cbd5e1;font-size:11px;font-weight:600}.add-subscriber-field input,.add-subscriber-field select{width:100%;box-sizing:border-box;height:38px;padding:0 12px;background:#0d131a;border:1px solid #27313d;border-radius:6px;color:#cbd5e1;font-size:13px;outline:none}.add-subscriber-field input::placeholder{color:#64748b}.add-subscriber-field input:focus,.add-subscriber-field select:focus{border-color:#2d7fc4}.add-subscriber-field input:disabled{background:#11161d;border-color:#1f2933;color:#64748b;cursor:not-allowed}.add-subscriber-actions{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #1f2933}.add-subscriber-cancel,.add-subscriber-submit{padding:9px 15px;border-radius:7px;font-size:13px;font-weight:500;cursor:pointer}.add-subscriber-cancel{background:transparent;border:1px solid #27313d;color:#94a3b8}.add-subscriber-cancel:hover{background:#151b23;color:#fff}.add-subscriber-submit{background:#1769aa;border:1px solid #2d7fc4;color:#fff}.add-subscriber-submit:hover{background:#1d78bf}@media(max-width:700px){.add-subscriber-page{padding:24px}.add-subscriber-form{grid-template-columns:1fr}}@media(max-width:600px){.add-subscriber-header{flex-direction:column}.add-subscriber-actions{flex-direction:column-reverse}.add-subscriber-cancel,.add-subscriber-submit{width:100%}}.subscriber-detail-page{padding:36px}.subscriber-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px}.subscriber-detail-header-actions{display:flex;align-items:center;gap:10px}.subscriber-detail-back{display:inline-block;margin-bottom:18px;padding:0;border:0;background:none;color:#64748b;font-size:13px;cursor:pointer;transition:color .15s ease}.subscriber-detail-back:hover{color:#f8fafc}.subscriber-detail-header h1{margin:0 0 6px;font-size:24px;font-weight:600;color:#f8fafc}.subscriber-detail-header p{margin:0;color:#64748b;font-size:13px}.subscriber-detail-edit{padding:9px 15px;border:1px solid #2d7fc4;border-radius:7px;background:#1769aa;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s ease,border-color .15s ease}.subscriber-detail-edit:hover{background:#1d78bf;border-color:#3b8ed0}.subscriber-detail-delete{padding:9px 15px;border:1px solid #5a2b31;border-radius:7px;background:#1a1113;color:#d98a92;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.subscriber-detail-delete:hover{background:#28171a;border-color:#7a363e;color:#f0a0a8}.subscriber-detail-status{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid #1f5134;border-radius:999px;background:#10251a;color:#86efac;font-size:12px}.subscriber-detail-status:before{content:"";width:7px;height:7px;border-radius:50%;background:#4ade80}.subscriber-detail-card{width:100%;margin-bottom:20px;border:1px solid #1f2933;border-radius:12px;background:#11161d;overflow:hidden}.subscriber-detail-card:last-child{margin-bottom:0}.subscriber-detail-card-header{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #1f2933}.subscriber-detail-card-header h2{margin:0 0 5px;color:#f8fafc;font-size:16px;font-weight:600}.subscriber-detail-card-header p{margin:0;color:#64748b;font-size:12px}.subscriber-detail-count{min-width:28px;padding:5px 9px;border:1px solid #27313d;border-radius:999px;background:#151b23;color:#94a3b8;font-size:12px;text-align:center}.subscriber-detail-row{min-height:58px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #1a222c}.subscriber-detail-row:last-child{border-bottom:0}.subscriber-detail-row>span:first-child{color:#64748b;font-size:13px}.subscriber-detail-row strong{color:#cbd5e1;font-size:13px;font-weight:500}.subscriber-detail-table-wrapper{width:100%;overflow-x:auto}.subscriber-detail-table{width:100%;border-collapse:collapse}.subscriber-detail-table th{padding:13px 24px;text-align:left;background:#0d131a;border-bottom:1px solid #1f2933;color:#64748b;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.subscriber-detail-table td{padding:16px 24px;border-bottom:1px solid #1a222c;color:#cbd5e1;font-size:13px}.subscriber-detail-table tbody tr:last-child td{border-bottom:0}.subscriber-detail-table tbody tr:hover{background:#151b23}.subscriber-payment-status{display:inline-flex;align-items:center;gap:7px;font-size:12px}.subscriber-payment-status:before{content:"";width:7px;height:7px;border-radius:50%}.subscriber-payment-status.paid{color:#86efac}.subscriber-payment-status.paid:before{background:#4ade80}.subscriber-access-status{display:inline-flex;align-items:center;gap:7px;font-size:12px}.subscriber-access-status:before{content:"";width:7px;height:7px;border-radius:50%}.subscriber-access-status.active{color:#86efac}.subscriber-access-status.active:before{background:#4ade80}@media(max-width:600px){.subscriber-detail-page{padding:24px}.subscriber-detail-header{flex-direction:column}.subscriber-detail-header-actions{width:100%;flex-wrap:wrap;justify-content:flex-start}.subscriber-detail-status{align-self:flex-start}.subscriber-detail-edit,.subscriber-detail-delete{flex-shrink:0}.subscriber-detail-card-header{padding:18px 16px}.subscriber-detail-row{padding:0 16px}.subscriber-detail-table th,.subscriber-detail-table td{padding-left:16px;padding-right:16px}}.subscriptions-page{padding:36px}.subscriptions-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px}.subscriptions-header h1{margin:0 0 6px;font-size:24px;font-weight:600;color:#f8fafc}.subscriptions-header p{margin:0;color:#64748b;font-size:13px}.subscriptions-add-button{padding:9px 15px;border:1px solid #2d7fc4;border-radius:7px;background:#1769aa;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s ease}.subscriptions-add-button:hover{background:#1d78bf}.subscriptions-card{width:100%;border:1px solid #1f2933;border-radius:12px;background:#11161d;overflow:hidden}.subscriptions-card-header{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1f2933}.subscriptions-card-header h2{margin:0 0 5px;font-size:16px;font-weight:600;color:#f8fafc}.subscriptions-card-header p{margin:0;color:#94a3b8;font-size:13px}.subscriptions-count{min-width:28px;padding:5px 9px;border:1px solid #27313d;border-radius:999px;background:#151b23;color:#94a3b8;font-size:12px;text-align:center}.subscriptions-table-wrapper{width:100%;overflow-x:auto}.subscriptions-table{width:100%;border-collapse:collapse}.subscriptions-table th{padding:13px 24px;text-align:left;background:#0d131a;border-bottom:1px solid #1f2933;color:#64748b;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.subscriptions-table td{padding:16px 24px;border-bottom:1px solid #1a222c;color:#cbd5e1;font-size:13px}.subscriptions-table tbody tr:last-child td{border-bottom:0}.subscriptions-table tbody tr:hover{background:#151b23}.subscription-status{display:inline-flex;align-items:center;gap:7px;font-size:12px}.subscription-status:before{content:"";width:7px;height:7px;border-radius:50%}.subscription-status.active{color:#86efac}.subscription-status.active:before{background:#4ade80}.subscription-status.inactive{color:#94a3b8}.subscription-status.inactive:before{background:#64748b}@media(max-width:600px){.subscriptions-page{padding:24px}.subscriptions-header{flex-direction:column}.subscriptions-add-button{width:100%}.subscriptions-table th,.subscriptions-table td{padding-left:16px;padding-right:16px}}.add-subscription-page{padding:36px}.add-subscription-header{margin-bottom:28px}.add-subscription-back{display:block;background:none;border:none;padding:0;margin:0 0 16px;color:#7890a8;font-size:11px;cursor:pointer}.add-subscription-back:hover{color:#fff}.add-subscription-header h1{margin:0 0 6px;font-size:24px;font-weight:600;color:#f8fafc}.add-subscription-header p{margin:0;color:#64748b;font-size:13px}.add-subscription-card{width:100%;box-sizing:border-box;border:1px solid #1f2933;border-radius:12px;background:#11161d;overflow:hidden;padding:0}.add-subscription-card-header{padding:20px 24px;border-bottom:1px solid #1f2933}.add-subscription-card-header h2{margin:0 0 6px;font-size:16px;font-weight:600;color:#f8fafc}.add-subscription-card-header p{margin:0;color:#64748b;font-size:13px}.add-subscription-form{padding:24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;row-gap:20px}.add-subscription-field{display:flex;flex-direction:column;gap:8px}.add-subscription-field label{color:#cbd5e1;font-size:11px;font-weight:600}.add-subscription-field input,.add-subscription-field select{width:100%;box-sizing:border-box;height:38px;padding:0 12px;background:#0d131a;border:1px solid #27313d;border-radius:6px;color:#cbd5e1;font-size:13px;outline:none}.add-subscription-field input::placeholder{color:#64748b}.add-subscription-field input:focus,.add-subscription-field select:focus{border-color:#2d7fc4}.add-subscription-field input:disabled,.add-subscription-field select:disabled{background:#11161d;border-color:#1f2933;color:#64748b;cursor:not-allowed}.add-subscription-actions{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #1f2933}.add-subscription-cancel,.add-subscription-submit{padding:9px 15px;border-radius:7px;font-size:13px;font-weight:500;cursor:pointer}.add-subscription-cancel{background:transparent;border:1px solid #27313d;color:#94a3b8}.add-subscription-cancel:hover{background:#151b23;color:#fff}.add-subscription-submit{background:#1769aa;border:1px solid #2d7fc4;color:#fff}.add-subscription-submit:hover{background:#1d78bf}@media(max-width:700px){.add-subscription-page{padding:24px}.add-subscription-form{grid-template-columns:1fr}}@media(max-width:600px){.add-subscription-header{flex-direction:column}.add-subscription-actions{flex-direction:column-reverse}.add-subscription-cancel,.add-subscription-submit{width:100%}}.subscription-detail-page{padding:36px}.subscription-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px}.subscription-detail-header-actions{display:flex;align-items:center;gap:10px}.subscription-detail-edit{padding:9px 15px;border:1px solid #2d7fc4;border-radius:7px;background:#1769aa;color:#fff;font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s ease,border-color .15s ease}.subscription-detail-edit:hover{background:#1d78bf;border-color:#3b8ed0}.subscription-detail-delete{padding:9px 15px;border:1px solid #5a2b31;border-radius:7px;background:#1a1113;color:#d98a92;font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.subscription-detail-delete:hover{background:#28171a;border-color:#7a363e;color:#f0a0a8}.subscription-detail-back{display:inline-block;margin-bottom:18px;padding:0;border:0;background:none;color:#64748b;font-family:inherit;font-size:13px;cursor:pointer;transition:color .15s ease}.subscription-detail-back:hover{color:#f8fafc}.subscription-detail-header h1{margin:0 0 6px;font-size:24px;font-weight:600;color:#f8fafc}.subscription-detail-header p{margin:0;color:#64748b;font-size:13px}.subscription-detail-status{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid #1f5134;border-radius:999px;background:#10251a;color:#86efac;font-size:12px}.subscription-detail-status:before{content:"";width:7px;height:7px;border-radius:50%;background:#4ade80}.subscription-detail-card{width:100%;margin-bottom:20px;border:1px solid #1f2933;border-radius:12px;background:#11161d;overflow:hidden}.subscription-detail-card:last-child{margin-bottom:0}.subscription-detail-card-header{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #1f2933}.subscription-detail-card-header h2{margin:0 0 5px;color:#f8fafc;font-size:16px;font-weight:600}.subscription-detail-card-header p{margin:0;color:#64748b;font-size:12px}.subscription-detail-row{min-height:58px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #1a222c}.subscription-detail-row:last-child{border-bottom:0}.subscription-detail-row>span:first-child{color:#64748b;font-size:13px}.subscription-detail-row strong{color:#cbd5e1;font-size:13px;font-weight:500}.subscription-detail-count{min-width:28px;padding:5px 9px;border:1px solid #27313d;border-radius:999px;background:#151b23;color:#94a3b8;font-size:12px;text-align:center}.subscription-detail-table-wrapper{width:100%;overflow-x:auto}.subscription-detail-table{width:100%;border-collapse:collapse}.subscription-detail-table th{padding:13px 24px;text-align:left;background:#0d131a;border-bottom:1px solid #1f2933;color:#64748b;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.subscription-detail-table td{padding:16px 24px;border-bottom:1px solid #1a222c;color:#cbd5e1;font-size:13px}.subscription-detail-table tbody tr:last-child td{border-bottom:0}.subscription-detail-table tbody tr{transition:background .15s ease}.subscription-detail-table tbody tr:hover{background:#151b23}.subscription-detail-subscriber-status{display:inline-flex;align-items:center;gap:7px;font-size:12px}.subscription-detail-subscriber-status:before{content:"";width:7px;height:7px;border-radius:50%;background:#4ade80}.subscription-detail-subscriber-status.active{color:#86efac}@media(max-width:600px){.subscription-detail-page{padding:24px}.subscription-detail-header{flex-direction:column}.subscription-detail-header-actions{width:100%;flex-wrap:wrap;justify-content:flex-start}.subscription-detail-edit,.subscription-detail-delete{flex-shrink:0}.subscription-detail-status{align-self:flex-start}.subscription-detail-card-header{padding:18px 16px}.subscription-detail-row{padding:0 16px}.subscription-detail-table th,.subscription-detail-table td{padding-left:16px;padding-right:16px}}.payments-page{padding:36px}.payments-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px}.payments-header h1{margin:0 0 6px;font-size:24px;font-weight:600;color:#f8fafc}.payments-header p{margin:0;color:#64748b;font-size:13px}.payments-card{width:100%;border:1px solid #1f2933;border-radius:12px;background:#11161d;overflow:hidden}.payments-card-header{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #1f2933}.payments-card-header h2{margin:0 0 4px;font-size:16px;font-weight:600;color:#f8fafc}.payments-card-header p{margin:0;color:#64748b;font-size:12px}.payments-count{min-width:28px;padding:5px 9px;border:1px solid #27313d;border-radius:999px;background:#151b23;color:#94a3b8;font-size:12px;text-align:center}.payments-table-wrapper{width:100%;overflow-x:auto}.payments-table{width:100%;border-collapse:collapse}.payments-table th{padding:13px 24px;text-align:left;background:#0d131a;border-bottom:1px solid #1f2933;color:#64748b;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.payments-table td{padding:16px 24px;border-bottom:1px solid #1a222c;color:#cbd5e1;font-size:13px}.payments-table tbody tr:last-child td{border-bottom:0}.payments-table tbody tr:hover{background:#151b23}.payment-status{display:inline-flex;align-items:center;gap:7px;font-size:12px}.payment-status:before{content:"";width:7px;height:7px;border-radius:50%}.payment-status.paid{color:#86efac}.payment-status.paid:before{background:#4ade80}@media(max-width:600px){.payments-page{padding:24px}.payments-card-header{padding:18px 16px}.payments-table th,.payments-table td{padding-left:16px;padding-right:16px}}.payment-detail-page{padding:36px}.payment-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px}.payment-detail-back{display:inline-block;margin-bottom:12px;padding:0;border:0;background:transparent;color:#64748b;font-size:11px;cursor:pointer}.payment-detail-back:hover{color:#cbd5e1}.payment-detail-header h1{margin:0 0 6px;font-size:24px;font-weight:600;color:#f8fafc}.payment-detail-header p{margin:0;color:#64748b;font-size:13px}.payment-detail-status{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid #164e2a;border-radius:999px;background:#0d2417;color:#86efac;font-size:12px}.payment-detail-status:before{content:"";width:7px;height:7px;border-radius:50%;background:#4ade80}.payment-detail-card{width:100%;border:1px solid #1f2933;border-radius:12px;background:#11161d;overflow:hidden}.payment-detail-card-header{min-height:78px;padding:18px 24px;display:flex;align-items:center;border-bottom:1px solid #1a222c}.payment-detail-card-header h2{margin:0 0 4px;color:#f8fafc;font-size:13px;font-weight:600}.payment-detail-card-header p{margin:0;color:#64748b;font-size:11px}.payment-detail-row{min-height:58px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #1a222c}.payment-detail-row:last-child{border-bottom:0}.payment-detail-row>span:first-child{color:#64748b;font-size:12px}.payment-detail-row strong{color:#cbd5e1;font-size:13px;font-weight:500}.payment-detail-clickable{cursor:pointer}.payment-detail-clickable:hover{background:#151b23}.payment-detail-clickable strong{color:#60a5fa}.payment-detail-clickable:hover strong{color:#93c5fd}.payment-detail-paid{display:inline-flex;align-items:center;gap:7px;color:#86efac!important;font-size:12px!important}.payment-detail-paid:before{content:"";width:6px;height:6px;border-radius:50%;background:#4ade80}@media(max-width:600px){.payment-detail-page{padding:24px}.payment-detail-header{flex-direction:column}.payment-detail-status{align-self:flex-start}.payment-detail-row{padding:0 16px}}