: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 h2{margin:0;font-size:16px;font-weight:600;color:#f8fafc}.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}}.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-back{display:inline-block;margin-bottom:18px;color:#64748b;font-size:13px;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-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%;border:1px solid #1f2933;border-radius:12px;background:#11161d;overflow:hidden}.subscriber-detail-row{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1a222c}.subscriber-detail-row:last-child{border-bottom:0}.subscriber-detail-row span{color:#64748b;font-size:13px}.subscriber-detail-row strong{color:#cbd5e1;font-size:13px;font-weight:500}@media(max-width:600px){.subscriber-detail-page{padding:24px}.subscriber-detail-header{flex-direction:column}}.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}}.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-back{display:inline-block;margin-bottom:12px;color:#64748b;font-size:11px;text-decoration:none}.subscription-detail-back:hover{color:#cbd5e1}.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 #164e2a;border-radius:999px;background:#0d2417;color:#86efac;font-size:12px}.subscription-detail-status:before{content:"";width:7px;height:7px;border-radius:50%;background:#4ade80}.subscription-detail-card{width:100%;border:1px solid #1f2933;border-radius:12px;background:#11161d;overflow:hidden}.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 4px;font-size:16px;font-weight:600;color:#f8fafc}.subscription-detail-card-header p{margin:0;color:#64748b;font-size:12px}.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-status{align-self:flex-start}.subscription-detail-card-header{padding:18px 16px}.subscription-detail-table th,.subscription-detail-table td{padding-left:16px;padding-right:16px}}