:root{color:var(--text);background:var(--bg);--primary:#004d5b;--secondary:#73fcd7;--success:#00b259;--danger:#f5434a;--bg:#f8f8f8;--surface:#fff;--text:#252b2d;--muted:#687376;--border:#e3e7e8;--soft:#edf7f5;--warning-bg:#fff4ec;--warning-text:#964112;--danger-bg:#fff0f0;--danger-text:#b9222b;--primary-text:#fff;--overlay:#172d3670;font-family:PingARLT,IBM Plex Sans Arabic,system-ui,sans-serif;font-size:14px;line-height:1.65}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--primary:#baefe3;--secondary:#baefe3;--bg:#1d1e20;--surface:#26282b;--text:#edf1f0;--muted:#b1b9ba;--border:#414548;--soft:#283e3b;--warning-bg:#3d3028;--warning-text:#ffc695;--danger-bg:#412a2d;--danger-text:#ffa8ad;--primary-text:#173833}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid var(--primary)}button{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-weight:500;transition:opacity .15s;display:inline-flex}button:hover{opacity:.8}button:disabled{opacity:.5;cursor:not-allowed}.primary{background:var(--primary);border-color:var(--primary);color:var(--primary-text)}.danger{background:var(--danger-bg);color:var(--danger-text);border-color:var(--danger)}.text-button{background:0 0;border-color:#0000;padding:8px}.danger-text{color:var(--danger-text)}h1,h2,h3,p{margin:0}h1{letter-spacing:-.5px;font-size:24px;font-weight:650}h2{font-size:18px;font-weight:650}h3{font-size:16px;font-weight:600}p,small{color:var(--muted)}small{font-size:12px}a{color:var(--primary);text-underline-offset:4px}.app-page{min-height:100vh;padding:24px}.app-content{min-width:0;max-width:1100px;margin-inline:auto}.demo-header{justify-content:space-between;align-items:center;margin-block:32px 24px;display:flex}.eyebrow{letter-spacing:2px;color:var(--primary);margin-block-end:4px;font-size:11px;font-weight:650}.demo-header p{margin-block-start:4px}.demo-banner{background:var(--primary);color:var(--primary-text);border-radius:6px;padding:8px 16px;font-size:12px}.actions{flex-wrap:wrap;gap:8px;display:flex}.demo-nav{border-block-end:1px solid var(--border);flex-wrap:wrap;gap:8px;margin-block-end:24px;display:flex}.demo-nav button{border:0;color:var(--muted);background:0 0;border-block-end:2px solid #0000;border-radius:0;padding:12px 16px}.demo-nav button.selected{color:var(--primary);border-block-end-color:var(--primary);font-weight:650}.notice{background:var(--soft);border:1px solid var(--border);color:var(--primary);border-radius:6px;margin-block-end:24px;padding:12px 16px;font-size:13px}.error{background:var(--danger-bg);color:var(--danger-text);border-radius:6px;justify-content:space-between;align-items:center;margin-block-end:16px;padding:12px 16px;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-block-end:24px;display:grid}.stat{flex-direction:column;padding:24px;display:flex}.stat>span{color:var(--muted);font-size:13px}.stat strong{color:var(--primary);margin-block:12px;font-size:32px;font-weight:650;line-height:1.3}.stat strong small{color:var(--muted);font-size:16px;font-weight:400}.stat>span:last-child{font-size:12px}.section-head{border-block-end:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:24px;display:flex}.section-head p{margin-block-start:4px;font-size:13px}.card-body{padding:24px}.filters{border-block-end:1px solid var(--border);gap:12px;padding:16px 24px;display:flex}.filters input{flex:1;min-width:0}.filters select{width:auto;max-width:45%}.subscription{align-items:center;gap:16px;padding:24px;display:flex}.subscription+.subscription{border-block-start:1px solid var(--border)}.service-glyph{background:var(--soft);color:var(--primary);border:1px solid var(--border);border-radius:8px;flex-shrink:0;place-items:center;width:48px;height:48px;font-size:20px;font-weight:600;display:grid}.subscription-info{overflow-wrap:anywhere;flex:1;min-width:0}.name-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.subscription-info p{margin-block-start:8px;font-size:13px}.dot{padding-inline:8px}.meta{color:var(--muted);margin-block-start:4px;font-size:12px}.notes{white-space:pre-wrap}.row-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row-actions button{font-size:13px}.badge{background:var(--soft);color:var(--primary);white-space:normal;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;display:inline-flex}.badge.soon,.badge.due{background:var(--warning-bg);color:var(--warning-text)}.badge.overdue{background:var(--danger-bg);color:var(--danger-text)}.badge.paused{background:var(--bg);color:var(--muted)}.empty{text-align:center;padding:56px 24px}.empty p{max-width:400px;margin:8px auto 24px}.empty-icon{color:var(--primary);margin-block-end:16px;font-size:40px}.empty-small{text-align:center;padding:32px}.footnote{margin-block:16px 32px;font-size:12px}.editor form{padding:24px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-block-end:24px;display:grid}label{flex-direction:column;gap:8px;min-width:0;font-weight:500;display:flex}input,select,textarea{border:1px solid var(--border);width:100%;color:var(--text);background:var(--surface);border-radius:6px;min-width:0;padding:10px 12px}textarea{resize:vertical}input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);flex-shrink:0}fieldset{border:0;margin:0 0 24px;padding:0}legend{margin-block-end:12px;padding:0;font-weight:600}.choices{flex-wrap:wrap;gap:8px;display:flex}.choice{border:1px solid var(--border);border-radius:6px;flex-direction:row;align-items:center;padding:8px 12px;font-size:13px}.choice:has(input:checked){border-color:var(--primary);background:var(--soft)}fieldset small{margin-block-start:8px;display:block}.check{flex-direction:row;align-items:center;gap:8px;margin-block:16px;font-size:13px;display:flex}.form-actions{gap:12px;margin-block-start:24px;display:flex}.channel-card{background:var(--bg);border:1px solid var(--border);border-radius:8px;margin-block-end:24px;padding:24px}.channel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-block-end:16px;display:flex}.channel-head .check{margin:0}.channel-card>small{margin-block-start:8px;display:block}.channel-card label{max-width:560px}.data-controls{border-block-start:1px solid var(--border);padding:24px}.data-controls h3{margin-block-end:16px}.plan-grid{grid-template-columns:1fr 1fr;gap:24px;margin-block-end:24px;display:grid}.plan{flex-direction:column;align-items:flex-start;gap:16px;padding:32px;display:flex}.plan strong{color:var(--primary);font-size:24px}.featured{border-color:var(--primary)}.plan .notice{margin:0}.notification{border:1px solid var(--border);border-radius:6px;margin-block-end:16px;padding:16px}.notification.unread{border-inline-start:4px solid var(--primary);background:var(--soft)}.notification p{margin-block:8px}.delivery{border-block-end:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-block:16px;display:flex}.delivery>div{flex-direction:column;gap:4px;display:flex}.delivery:last-child{border:0}footer{color:var(--muted);flex-wrap:wrap;align-items:center;gap:24px;padding-block:32px;font-size:12px;display:flex}footer span{margin-inline-end:auto}footer a{color:var(--muted)}dialog{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;width:calc(100% - 32px);max-width:500px;padding:32px}dialog::backdrop{background:var(--overlay)}dialog p{margin-block:12px 24px}.welcome{text-align:center;max-width:600px;padding:80px 24px}.welcome p{margin-block:16px 32px}.brand-mark{color:var(--primary);font-size:64px;display:block}.legal-links{justify-content:center;gap:24px;margin-block-start:48px;display:flex}@media (width<=800px){.subscription{flex-wrap:wrap}.row-actions{width:100%;padding-inline-start:64px}.section-head{flex-wrap:wrap}.stats{gap:8px}.stat{padding:16px}.stat strong{font-size:28px}.app-page{padding:16px}}@media (width<=500px){.form-grid,.plan-grid,.stats{grid-template-columns:1fr}.stat{flex-direction:row;justify-content:space-between;align-items:center;gap:12px}.stat strong{margin:0}.stat>span:last-child{display:none}.demo-header{align-items:flex-start}.demo-header h1{font-size:20px}.demo-nav{gap:0}.demo-nav button{padding:8px;font-size:12px}.subscription,.section-head,.card-body,.editor form{padding:16px}.row-actions{padding:0}.filters{padding:16px}.service-glyph{width:40px;height:40px}.notice{font-size:12px}.app-page{padding:12px}footer{gap:16px}}