@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--canvas:#f7f9fb;--surface:#fff;--surface-soft:#fbfcfd;--surface-muted:#f4f7f8;--border:#e7ecef;--border-strong:#d8e2e6;--text:#172b35;--text-soft:#55717d;--muted:#8aa0aa;--teal-50:#effcf9;--teal-100:#d5f8f1;--teal-500:#18b8a6;--teal-600:#0d9488;--teal-700:#08776f;--blue-50:#eef7ff;--blue-500:#3184d8;--violet-50:#f5f1ff;--violet-500:#8d72df;--amber-50:#fff8e7;--amber-500:#e6a82c;--red-50:#fff0f1;--red-500:#e1606a;--green-50:#ecfaf3;--green-500:#2eaf76;--shadow-card:0 1px 2px #152d3805, 0 8px 28px #152d380b;--shadow-elevated:0 16px 50px #152d3821;--radius-card:16px;--radius-control:11px;--sidebar-width:248px;--header-height:72px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Manrope,PingFang SC,Microsoft YaHei,system-ui,sans-serif}:root[data-theme=dark]{--canvas:#0d1a21;--surface:#14262f;--surface-soft:#172b34;--surface-muted:#102128;--border:#28414c;--border-strong:#385661;--text:#eff7f8;--text-soft:#acc1c8;--muted:#74909b;--teal-50:#123b3b;--teal-100:#174d4b;--blue-50:#173752;--violet-50:#302954;--amber-50:#49391c;--red-50:#4c252c;--green-50:#1d4435;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--canvas);color:var(--text);-webkit-font-smoothing:antialiased;font-size:13px;line-height:1.5}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit;border:0}button:disabled{cursor:not-allowed;opacity:.55}input,select,textarea{color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-control);outline:0;transition:border .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:var(--teal-500);box-shadow:0 0 0 3px #18b8a621}input::placeholder,textarea::placeholder{color:#a7b7bd}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--surface);border-right:1px solid var(--border);z-index:30;flex-direction:column;transition:width .25s,transform .25s;display:flex;position:fixed;inset:0 auto 0 0}.sidebar.collapsed{width:74px}.sidebar-top{height:var(--header-height);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:0 18px 0 20px;display:flex}.brand{color:var(--text);letter-spacing:-.05em;align-items:center;gap:10px;font-size:19px;font-weight:800;display:inline-flex}.brand img{object-fit:cover;border-radius:10px;width:30px;height:30px}.brand-button{background:0 0;padding:0}.sidebar.collapsed .brand{width:34px;overflow:hidden}.sidebar.collapsed .brand span{display:none}.collapse-btn{background:var(--surface-muted);border:1px solid var(--border);width:27px;height:27px;color:var(--text-soft);border-radius:8px;place-items:center;display:grid}.collapse-btn:hover{color:var(--teal-600);border-color:var(--teal-500)}.sidebar.collapsed .collapse-btn{z-index:2;background:var(--surface);position:absolute;top:23px;right:-13px}.sidebar-nav{flex:1;padding:26px 12px 14px;overflow-y:auto}.nav-label{letter-spacing:.14em;color:var(--muted);text-transform:uppercase;margin:0 10px 9px;font-size:10px;font-weight:800}.nav-label-secondary{margin-top:27px}.nav-item{width:100%;height:43px;color:var(--text-soft);text-align:left;background:0 0;border-radius:11px;align-items:center;gap:12px;margin-bottom:4px;padding:0 12px;font-weight:600;transition:all .18s;display:flex}.nav-item:hover{color:var(--text);background:var(--surface-muted)}.nav-item.active{color:var(--teal-700);background:var(--teal-50);box-shadow:inset 3px 0 0 var(--teal-500)}.nav-item.active svg{color:var(--teal-600)}.nav-item em{text-align:center;background:var(--red-500);color:#fff;border-radius:999px;min-width:18px;margin-left:auto;font-size:10px;font-style:normal;line-height:18px}.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-item span,.sidebar.collapsed .nav-item em,.sidebar.collapsed .upgrade-card,.sidebar.collapsed .sidebar-status span:not(.status-dot):not(.status-ping){display:none}.sidebar.collapsed .nav-item{justify-content:center;padding:0}.sidebar-bottom{padding:0 12px 18px}.upgrade-card{color:var(--text);background:linear-gradient(140deg,#effcf9,#f8fcfb);border:1px solid #d6efeb;border-radius:14px;align-items:center;gap:9px;padding:13px 12px;display:flex}:root[data-theme=dark] .upgrade-card{background:linear-gradient(140deg,#123a3a,#17323a);border-color:#245b59}.upgrade-icon{background:var(--teal-100);height:30px;color:var(--teal-700);border-radius:9px;flex:0 0 30px;place-items:center;display:grid}.upgrade-copy{flex:1;gap:2px;min-width:0;display:grid}.upgrade-copy strong{font-size:11px}.upgrade-copy span{color:var(--text-soft);font-size:10px;line-height:1.35}.sidebar-status{color:var(--muted);align-items:center;gap:7px;padding:17px 9px 0;font-size:10px;display:flex}.status-dot,.status-ping{background:var(--green-500);border-radius:50%;width:6px;height:6px}.status-ping{opacity:.25;margin-left:auto;box-shadow:0 0 0 4px #2eaf761f}.app-main{min-height:100vh;margin-left:var(--sidebar-width);transition:margin .25s}.app-main.sidebar-collapsed{margin-left:74px}.topbar{height:var(--header-height);z-index:20;background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);border-bottom:1px solid color-mix(in srgb, var(--border) 80%, transparent);align-items:center;gap:22px;padding:0 31px;display:flex;position:sticky;top:0}.topbar-copy{flex:1;min-width:0}.topbar-copy h1{letter-spacing:-.02em;margin:0;font-size:16px;font-weight:800;line-height:1.35}.topbar-copy p{color:var(--muted);margin:2px 0 0;font-size:11px}.topbar-actions{align-items:center;gap:8px;display:flex}.icon-btn{width:35px;height:35px;color:var(--text-soft);background:0 0;border-radius:10px;place-items:center;transition:all .18s;display:inline-grid}.icon-btn:hover{background:var(--surface-muted);color:var(--text)}.icon-btn.small{border:1px solid var(--border);background:var(--surface);border-radius:8px;width:29px;height:29px}.icon-btn.danger-hover:hover{color:var(--red-500);border-color:var(--red-500);background:var(--red-50)}.icon-btn.has-dot{position:relative}.icon-btn.has-dot:after{content:"";background:var(--red-500);border:1px solid var(--surface);border-radius:50%;width:5px;height:5px;position:absolute;top:6px;right:6px}.theme-toggle{background:var(--surface-muted);border:1px solid var(--border);color:var(--muted);border-radius:9px;align-items:center;gap:1px;padding:3px;display:flex}.theme-toggle span{border-radius:6px;place-items:center;width:23px;height:23px;font-size:14px;display:grid}.theme-toggle .selected{background:var(--surface);color:var(--teal-600);box-shadow:0 1px 3px #1428321f}.profile-wrap{position:relative}.profile-trigger{background:0 0;align-items:center;gap:9px;padding:3px 0 3px 5px;display:flex}.avatar{color:#fff;border-radius:10px;flex:none;place-items:center;width:32px;height:32px;font-size:12px;font-weight:800;display:inline-grid}.avatar.mini{border-radius:9px;width:28px;height:28px;font-size:11px}.avatar.teal{background:linear-gradient(145deg,#39cbb8,#0d9488)}.avatar.violet{background:linear-gradient(145deg,#ae94ef,#765dcc)}.avatar.blue{background:linear-gradient(145deg,#5badee,#3478c8)}.profile-meta{text-align:left;gap:1px;display:grid}.profile-meta strong{font-size:11px}.profile-meta small{color:var(--muted);font-size:10px}.profile-trigger svg{color:var(--muted)}.profile-menu{background:var(--surface);border:1px solid var(--border);width:246px;box-shadow:var(--shadow-elevated);border-radius:13px;padding:9px;animation:.16s ease-out scale-in;position:absolute;top:calc(100% + 11px);right:0}.profile-menu-head{align-items:center;gap:9px;padding:9px;display:flex}.profile-menu-head div{gap:2px;display:grid}.profile-menu-head strong{font-size:12px}.profile-menu-head span{color:var(--muted);font-size:10px}.profile-menu-sep{border-top:1px solid var(--border);margin:4px 0}.profile-menu>button{width:100%;color:var(--text-soft);text-align:left;background:0 0;border-radius:8px;align-items:center;gap:9px;padding:9px;font-size:12px;display:flex}.profile-menu>button:hover{background:var(--surface-muted);color:var(--text)}.mobile-menu{color:var(--text-soft);background:0 0;display:none}.mobile-overlay{display:none}.page-content{max-width:1536px;margin:0 auto;padding:30px 32px 56px}.page-heading-row,.page-toolbar{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:25px;display:flex}.page-heading-row h2{letter-spacing:-.045em;margin:3px 0 2px;font-size:25px;line-height:1.25}.eyebrow{color:var(--teal-600);letter-spacing:.11em;text-transform:uppercase;margin:0;font-size:10px;font-weight:800}.heading-sub,.toolbar-sub{color:var(--text-soft);margin:0;font-size:12px}.wave{color:var(--amber-500);font-size:17px;animation:3s ease-in-out infinite float;display:inline-block}.heading-actions,.toolbar-actions{align-items:center;gap:9px;display:flex}.btn{border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:0 14px;font-size:12px;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{color:#fff;background:linear-gradient(135deg,#19bba8,#0d9488);box-shadow:0 6px 16px #0d94882b}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 9px 20px #0d948840}.btn-secondary{background:var(--surface);color:var(--text-soft);border:1px solid var(--border-strong);box-shadow:0 1px 2px #152d3808}.btn-secondary:hover{border-color:var(--teal-500);color:var(--teal-700)}.btn-danger{color:#fff;background:linear-gradient(135deg,#e96c75,#d84958)}.btn-block{width:100%;height:44px;margin-top:20px}.link-btn{color:var(--teal-600);background:0 0;align-items:center;gap:5px;padding:0;font-size:11px;font-weight:700;display:inline-flex}.link-btn:hover{color:var(--teal-700)}.subtle-btn{color:var(--text-soft);background:0 0;border-radius:8px;align-items:center;gap:6px;padding:7px 9px;font-size:11px;font-weight:600;display:inline-flex}.subtle-btn:hover{color:var(--teal-600);background:var(--teal-50)}.toolbar-title{letter-spacing:-.04em;margin:2px 0 0;font-size:22px}.stat-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:17px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);min-height:155px;box-shadow:var(--shadow-card);padding:17px 18px 14px;position:relative;overflow:hidden}.stat-card:after{content:"";background:var(--teal-50);opacity:.65;border-radius:50%;width:120px;height:120px;position:absolute;top:-60px;right:-55px}.stat-top{z-index:1;justify-content:space-between;align-items:center;margin-bottom:12px;display:flex;position:relative}.stat-icon{border-radius:10px;place-items:center;width:31px;height:31px;display:grid}.stat-icon.teal{color:var(--teal-600);background:var(--teal-50)}.stat-icon.blue{color:var(--blue-500);background:var(--blue-50)}.stat-icon.amber{color:var(--amber-500);background:var(--amber-50)}.stat-icon.violet{color:var(--violet-500);background:var(--violet-50)}.stat-trend{border-radius:999px;padding:3px 7px;font-size:9px;font-weight:800}.stat-trend.positive{background:var(--green-50);color:var(--green-500)}.stat-trend.warning{background:var(--amber-50);color:#ae7820}.stat-trend.neutral{background:var(--surface-muted);color:var(--text-soft)}.stat-label{color:var(--text-soft);font-size:11px;display:block}.stat-value{letter-spacing:-.055em;margin:2px 0 1px;font-size:24px;line-height:1.2;display:block}.stat-caption{min-height:16px;color:var(--muted);white-space:nowrap;font-size:10px;display:block}.stat-foot{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;padding-top:9px;font-size:10px;display:flex;position:absolute;bottom:12px;left:18px;right:18px}.stat-foot svg{opacity:.6}.arrow-up-right{transform:rotate(-45deg)}.dashboard-grid{grid-template-columns:minmax(0,1.44fr) minmax(290px,.8fr);gap:17px;margin-bottom:17px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.card-head{justify-content:space-between;align-items:flex-start;gap:15px;padding:18px 19px 14px;display:flex}.card-head h3{letter-spacing:-.02em;margin:0;font-size:14px}.card-head p{color:var(--muted);margin:4px 0 0;font-size:10px}.upcoming-card,.month-card{min-height:374px;overflow:hidden}.upcoming-list{padding:0 9px}.upcoming-row{border-top:1px solid var(--border);grid-template-columns:31px minmax(130px,1fr) 74px 80px 60px;align-items:center;gap:12px;min-height:55px;padding:7px 10px;display:grid}.upcoming-row:hover{background:var(--surface-soft)}.service-logo{color:#fff;text-transform:uppercase;border-radius:10px;place-items:center;width:31px;height:31px;font-size:14px;font-weight:800;display:grid}.service-logo.tiny{border-radius:8px;width:28px;height:28px;font-size:11px}.service-logo.violet{background:#a28ae4}.service-logo.slate{background:#5e727c}.service-logo.red{background:#e36368}.service-logo.orange{background:#e7a146}.service-logo.green{background:#43b978}.service-logo.pink{background:#df77a4}.service-logo.blue{background:#569dd7}.service-logo.teal{background:#2ab8a8}.upcoming-main,.upcoming-date,.upcoming-amount{gap:2px;min-width:0;display:grid}.upcoming-title{align-items:center;gap:6px;min-width:0;display:flex}.upcoming-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.upcoming-main>span,.upcoming-date span,.upcoming-amount span{color:var(--muted);white-space:nowrap;font-size:10px}.upcoming-date strong,.upcoming-amount strong{font-size:11px}.upcoming-date span{font-size:9px}.upcoming-amount{text-align:right}.row-actions{justify-content:flex-end;gap:4px;display:flex}.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;width:fit-content;padding:3px 7px;font-size:9px;font-weight:700;line-height:1;display:inline-flex}.badge i{background:currentColor;border-radius:50%;width:5px;height:5px;display:inline-block}.badge.gray{color:var(--text-soft);background:var(--surface-muted)}.badge.success{color:#168255;background:var(--green-50)}.badge.warning{color:#aa7420;background:var(--amber-50)}.badge.danger{color:#c74a55;background:var(--red-50)}.badge.blue{color:#357dbd;background:var(--blue-50)}.badge.violet{color:#775bc9;background:var(--violet-50)}.overdue-text{color:var(--red-500)!important}.today-text{color:var(--teal-600)!important}.card-foot{border-top:1px solid var(--border);min-height:45px;color:var(--muted);justify-content:space-between;align-items:center;gap:10px;padding:10px 19px;font-size:10px;display:flex}.card-foot.right{justify-content:flex-end}.live-dot{background:var(--green-500);border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block;box-shadow:0 0 0 3px #2eaf761f}.month-card{background:linear-gradient(155deg, var(--surface) 0%, var(--surface) 67%, var(--teal-50) 100%)}.month-switch{gap:3px;display:flex}.month-switch button{border:1px solid var(--border);background:var(--surface);width:24px;height:24px;color:var(--text-soft);border-radius:7px;place-items:center;display:grid}.month-switch button:hover{color:var(--teal-600);border-color:var(--teal-500)}.month-total{padding:12px 19px 20px}.month-total strong,.dash-total{letter-spacing:-.06em;font-size:29px;line-height:1.1;display:block}.month-total small{color:var(--green-500);align-items:center;gap:4px;margin-top:6px;font-size:10px;display:flex}.dash-total{color:var(--muted)}.month-total .dash-total+small{color:var(--amber-500)}.mini-bars{border-bottom:1px dashed var(--border-strong);justify-content:space-between;align-items:flex-end;gap:9px;height:104px;padding:0 19px;display:flex}.mini-bar{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;height:100%;display:flex}.bar-label,.bar-value{color:var(--muted);font-size:9px}.mini-bar i{background:linear-gradient(to top, var(--teal-600), #65d8c8);border-radius:7px 7px 2px 2px;width:11px;min-height:4px;display:block}.bar-value{color:var(--text-soft);font-size:8px;font-weight:700}.outline-wide{border:1px solid var(--border-strong);background:var(--surface);width:calc(100% - 38px);height:36px;color:var(--text-soft);border-radius:9px;justify-content:center;align-items:center;gap:6px;margin:17px 19px 0;font-size:11px;font-weight:700;display:flex}.outline-wide:hover{color:var(--teal-600);border-color:var(--teal-500)}.recent-card{overflow:hidden}.table-actions{align-items:center;gap:5px;display:flex}.table-wrap{width:100%;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:11px}.data-table th{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface-soft);color:var(--muted);white-space:nowrap;padding:10px 19px;font-size:10px;font-weight:700}.data-table td{border-bottom:1px solid var(--border);vertical-align:middle;white-space:nowrap;padding:11px 19px}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:var(--surface-soft)}.align-right{text-align:right}.table-service{align-items:center;gap:9px;display:flex}.table-service>div{gap:2px;display:grid}.table-service strong{font-size:11px}.table-service small,.cell-sub{color:var(--muted);margin-top:3px;font-size:9px;display:block}.inline-actions{gap:4px;display:inline-flex}.table-caption{color:var(--muted);margin:4px 0 0;font-size:10px}.table-footer{border-top:1px solid var(--border);min-height:43px;color:var(--muted);justify-content:space-between;align-items:center;gap:10px;padding:0 19px;font-size:10px;display:flex}.page-toolbar{align-items:center}.page-toolbar>div:first-child:not(.tabs):not(.month-picker){flex:1}.tabs{background:var(--surface-muted);border:1px solid var(--border);border-radius:11px;gap:3px;padding:4px;display:flex}.tabs button{color:var(--text-soft);background:0 0;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:11px;font-weight:700;display:inline-flex}.tabs button span{background:var(--border);min-width:16px;color:var(--muted);border-radius:99px;padding:1px 4px;font-size:9px}.tabs button.active{background:var(--surface);color:var(--text);box-shadow:0 1px 4px #152d381a}.tabs button.active svg{color:var(--teal-600)}.table-page-card{overflow:hidden}.table-filters{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:15px;min-height:68px;padding:12px 19px;display:flex}.search-control{background:var(--surface-soft);border:1px solid var(--border);width:min(340px,42vw);height:34px;color:var(--muted);border-radius:9px;align-items:center;gap:7px;padding:0 10px;display:flex}.search-control:focus-within{border-color:var(--teal-500);box-shadow:0 0 0 3px #18b8a61c}.search-control input{min-width:0;height:100%;box-shadow:none;background:0 0;border:0;border-radius:0;flex:1;padding:0;font-size:11px}.filter-pills{align-items:center;gap:4px;display:flex}.filter-pills button{color:var(--text-soft);background:0 0;border-radius:8px;padding:7px 9px;font-size:10px;font-weight:600}.filter-pills button:hover,.filter-pills button.active{color:var(--teal-700);background:var(--teal-50)}.filter-pills button.filter-icon{border:1px solid var(--border);width:28px;padding:7px 0}.quick-note{background:var(--teal-50);color:var(--text-soft);border:1px solid #dcebec;border-radius:11px;align-items:center;gap:8px;margin-top:14px;padding:12px 14px;font-size:10px;display:flex}.quick-note svg{color:var(--teal-600);flex:none}.quick-note span{flex:1}.quick-note button{color:var(--teal-600);background:0 0;font-size:10px;font-weight:700}.month-picker{align-items:center;gap:8px;display:flex}.month-picker strong{letter-spacing:-.02em;font-size:15px}.compact-select{border:1px solid var(--border-strong);background:var(--surface);height:34px;color:var(--muted);border-radius:9px;align-items:center;gap:8px;padding:0 10px;font-size:10px;display:flex}.compact-select select{height:29px;box-shadow:none;background:0 0;border:0;padding:0 2px;font-size:11px;font-weight:700}.bill-summary-grid{grid-template-columns:1.55fr repeat(3,1fr);gap:12px;margin-bottom:15px;display:grid}.bill-total-card{background:linear-gradient(145deg, var(--surface), var(--teal-50));min-height:144px;padding:16px 18px}.bill-total-label{color:var(--text-soft);align-items:center;gap:8px;font-size:11px;display:flex}.bill-total-value{letter-spacing:-.055em;margin-top:9px;font-size:28px;display:block}.muted-value{color:var(--muted)}.bill-total-meta{color:var(--green-500);align-items:center;gap:5px;margin-top:7px;font-size:10px;display:flex}.summary-mini{min-height:144px;padding:16px;position:relative}.summary-mini>span:not(.summary-dot){color:var(--text-soft);font-size:11px}.summary-mini strong{letter-spacing:-.04em;margin-top:11px;font-size:21px;display:block}.summary-mini small{color:var(--muted);margin-top:4px;font-size:9px;display:block}.summary-dot{border-radius:50%;width:8px;height:8px;position:absolute;top:19px;right:17px}.summary-dot.success{background:var(--green-500);box-shadow:0 0 0 4px var(--green-50)}.summary-dot.warning{background:var(--amber-500);box-shadow:0 0 0 4px var(--amber-50)}.summary-dot.blue{background:var(--blue-500);box-shadow:0 0 0 4px var(--blue-50)}.summary-dot.danger{background:var(--red-500);box-shadow:0 0 0 4px var(--red-50)}.rate-banner{background:var(--amber-50);border:1px solid #f0dfb7;border-radius:12px;align-items:center;gap:12px;margin-bottom:15px;padding:12px 14px;display:flex}.rate-banner svg{color:var(--amber-500);flex:none}.rate-banner>div{flex:1}.rate-banner strong{font-size:11px}.rate-banner p{color:var(--text-soft);margin:2px 0 0;font-size:10px}.bill-table-card{overflow:hidden}.bill-table td{padding-top:13px;padding-bottom:13px}.unconverted{color:var(--amber-500);font-size:10px}.group-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.group-card{min-height:177px;padding:17px;transition:transform .18s,box-shadow .18s}.group-card:hover{box-shadow:var(--shadow-elevated);transform:translateY(-2px)}.group-card-top{justify-content:space-between;align-items:center;display:flex}.group-icon{border-radius:11px;place-items:center;width:35px;height:35px;display:grid}.group-icon.teal{color:var(--teal-600);background:var(--teal-50)}.group-icon.violet{color:var(--violet-500);background:var(--violet-50)}.group-icon.amber{color:var(--amber-500);background:var(--amber-50)}.group-icon.blue{color:var(--blue-500);background:var(--blue-50)}.group-card h3{margin:18px 0 4px;font-size:14px}.group-card p{height:31px;color:var(--muted);margin:0;font-size:10px;line-height:1.55}.group-card-foot{border-top:1px solid var(--border);color:var(--text-soft);justify-content:space-between;align-items:center;margin-top:15px;padding-top:12px;font-size:10px;display:flex}.add-group-card,.add-webhook-card{border:1px dashed var(--border-strong);border-radius:var(--radius-card);min-height:177px;color:var(--text-soft);background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex}.add-group-card:hover,.add-webhook-card:hover{color:var(--teal-600);border-color:var(--teal-500);background:var(--teal-50)}.add-group-card span,.add-webhook-card span{border:1px solid var(--border-strong);background:var(--surface);border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.add-group-card strong,.add-webhook-card strong{font-size:11px}.add-group-card small,.add-webhook-card small{color:var(--muted);font-size:9px}.group-summary{align-items:center;gap:12px;margin-top:15px;padding:15px 17px;display:flex}.group-summary-icon{background:var(--blue-50);width:30px;height:30px;color:var(--blue-500);border-radius:9px;flex:none;place-items:center;display:grid}.group-summary>div:nth-child(2){flex:1}.group-summary strong{font-size:11px}.group-summary p{color:var(--muted);margin:3px 0 0;font-size:10px}.info-strip{background:var(--blue-50);border:1px solid #d9eaf2;border-radius:12px;align-items:center;gap:11px;margin-bottom:15px;padding:12px 14px;display:flex}.strip-icon{width:29px;height:29px;color:var(--blue-500);background:#3184d81c;border-radius:9px;flex:none;place-items:center;display:grid}.info-strip>div:nth-child(2){flex:1}.info-strip strong{font-size:11px;display:block}.info-strip p{color:var(--text-soft);margin:2px 0 0;font-size:10px}.webhook-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.webhook-card{padding:17px}.webhook-card.disabled{opacity:.76}.webhook-card-head,.webhook-brand,.webhook-meta,.webhook-foot{align-items:center;display:flex}.webhook-card-head{justify-content:space-between}.webhook-brand{gap:9px}.webhook-icon{background:var(--teal-50);width:34px;height:34px;color:var(--teal-600);border-radius:10px;place-items:center;display:grid}.webhook-brand h3{margin:0;font-size:13px}.webhook-brand p{color:var(--muted);margin:2px 0 0;font-size:10px}.switch{background:var(--border-strong);border-radius:999px;width:38px;height:22px;padding:2px;transition:all .2s}.switch span{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;display:block;box-shadow:0 1px 3px #0000002e}.switch.on{background:var(--teal-600)}.switch.on span{transform:translate(16px)}.webhook-url{background:var(--surface-muted);color:var(--muted);border-radius:9px;align-items:center;gap:7px;margin:17px 0 14px;padding:9px 10px;display:flex}.webhook-url code{text-overflow:ellipsis;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;overflow:hidden}.webhook-meta{color:var(--muted);gap:17px;font-size:10px}.webhook-meta span{align-items:center;gap:5px;display:inline-flex}.webhook-foot{border-top:1px solid var(--border);justify-content:space-between;margin-top:17px;padding-top:12px}.webhook-foot>div{align-items:center;gap:2px;display:flex}.delivery-state{color:var(--green-500);align-items:center;gap:5px;font-size:10px;display:inline-flex}.delivery-state i{background:currentColor;border-radius:50%;width:5px;height:5px}.delivery-state.off{color:var(--muted)}.settings-layout,.rates-layout,.team-layout{grid-template-columns:minmax(0,1.35fr) minmax(280px,.75fr);gap:15px;display:grid}.settings-card{overflow:hidden}.settings-form{padding:0 19px}.setting-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;min-height:70px;display:flex}.setting-row>div:first-child{gap:3px;display:grid}.setting-row strong{font-size:11px}.setting-row span{color:var(--muted);font-size:10px}.setting-row>select,.setting-row>input,.inline-number{min-width:130px;height:34px;padding:0 10px;font-size:11px}.inline-number{background:var(--surface);border:1px solid var(--border-strong);border-radius:9px;align-items:center;padding:0;display:flex;overflow:hidden}.inline-number input{width:82px;height:100%;box-shadow:none;border:0;border-radius:0;padding:0 10px}.inline-number span{color:var(--muted);padding-right:10px}.data-safety-card{background:linear-gradient(150deg, var(--surface), var(--blue-50));padding:21px}.safety-graphic{background:var(--blue-50);width:41px;height:41px;color:var(--blue-500);border-radius:13px;place-items:center;margin-bottom:17px;display:grid}.data-safety-card h3{margin:0;font-size:14px}.data-safety-card p{color:var(--text-soft);margin:7px 0 18px;font-size:11px;line-height:1.7}.safety-list{border-top:1px solid var(--border);gap:8px;padding-top:13px;display:grid}.safety-list span{color:var(--text-soft);align-items:center;gap:7px;font-size:10px;display:inline-flex}.safety-list svg{color:var(--green-500)}.role-chip{border-radius:999px;align-items:center;gap:6px;padding:6px 9px;font-size:10px;font-weight:700;display:inline-flex}.role-chip.admin{color:#7358c6;background:var(--violet-50)}.role-chip.editor{color:var(--teal-700);background:var(--teal-50)}.role-chip.viewer{color:#3278b5;background:var(--blue-50)}.rates-layout{grid-template-columns:minmax(0,1.25fr) minmax(280px,.72fr)}.rates-card{overflow:hidden}.rate-month-banner{background:var(--surface-muted);border-radius:10px;align-items:center;gap:10px;margin:0 19px 18px;padding:11px 12px;display:flex}.month-icon{width:31px;height:31px;color:var(--teal-600);background:var(--teal-50);border-radius:9px;place-items:center;display:grid}.rate-month-banner>div:nth-child(2){flex:1;gap:2px;display:grid}.rate-month-banner strong{font-size:11px}.rate-month-banner span{color:var(--muted);font-size:9px}.rate-grid{grid-template-columns:repeat(2,1fr);gap:11px;padding:0 19px 19px;display:grid}.rate-field{border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:10px;display:flex}.rate-field.fixed{background:var(--surface-muted)}.rate-field>span{gap:2px;font-size:11px;font-weight:700;display:grid}.rate-field>span small{color:var(--muted);font-size:8px;font-weight:500}.rate-field input{text-align:right;width:94px;height:30px;padding:0 8px;font-size:11px}.rate-field input:disabled{opacity:1;color:var(--text-soft);background:0 0;border-color:#0000}.rate-actions{justify-content:space-between}.rate-help{padding:20px}.rate-help-icon{background:var(--amber-50);width:31px;height:31px;color:var(--amber-500);border-radius:9px;place-items:center;margin-bottom:15px;display:grid}.rate-help h3{margin:0;font-size:14px}.rate-help p{color:var(--text-soft);margin:8px 0 14px;font-size:11px;line-height:1.7}.formula{background:var(--surface-muted);border-radius:9px;margin-bottom:18px;padding:11px;overflow:auto}.formula code{color:var(--teal-700);font-family:ui-monospace,monospace;font-size:10px}.team-card{overflow:hidden}.permission-cards{grid-template-columns:repeat(3,1fr);gap:8px;padding:0 19px 19px;display:grid}.permission-card{border:1px solid var(--border);border-radius:10px;gap:4px;padding:12px;display:grid}.permission-card svg{margin-bottom:3px}.permission-card strong{font-size:11px}.permission-card span{color:var(--muted);font-size:9px;line-height:1.4}.permission-card.viewer{color:var(--blue-500);background:var(--blue-50)}.permission-card.editor{color:var(--teal-600);background:var(--teal-50)}.permission-card.admin{color:var(--violet-500);background:var(--violet-50)}.members-list{padding:0 19px}.member-row{border-top:1px solid var(--border);align-items:center;gap:9px;min-height:56px;display:flex}.member-row>div{flex:1;gap:2px;display:grid}.member-row strong{font-size:11px}.member-row small{color:var(--muted);font-size:9px}.role-label{border-radius:999px;padding:3px 7px;font-size:9px;font-weight:700}.role-label.admin{color:#7358c6;background:var(--violet-50)}.role-label.editor{color:var(--teal-700);background:var(--teal-50)}.role-label.viewer{color:#3278b5;background:var(--blue-50)}.member-state{min-width:58px;color:var(--muted);text-align:right;font-size:9px}.demo-role-card{padding:20px}.demo-role-top{color:var(--teal-600);align-items:center;gap:6px;font-size:10px;font-weight:700;display:inline-flex}.demo-role-card h3{margin:17px 0 4px;font-size:14px}.demo-role-card>p{color:var(--muted);margin:0 0 17px;font-size:10px;line-height:1.6}.role-switcher{gap:7px;display:grid}.role-switcher button{border:1px solid var(--border);background:var(--surface);text-align:left;border-radius:10px;align-items:center;gap:8px;min-height:46px;padding:7px 8px;display:flex}.role-switcher button:hover,.role-switcher button.active{border-color:var(--teal-500);background:var(--teal-50)}.role-switcher button>span:nth-child(2){flex:1;gap:2px;display:grid}.role-switcher strong{font-size:10px}.role-switcher small{color:var(--muted);font-size:9px}.role-switcher svg{color:var(--teal-600)}.modal-overlay{z-index:80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0c1a2270;place-items:center;padding:18px;animation:.18s ease-out fade-in;display:grid;position:fixed;inset:0}.modal-panel{background:var(--surface);border:1px solid var(--border);width:min(470px,100%);max-height:92vh;box-shadow:var(--shadow-elevated);border-radius:17px;flex-direction:column;animation:.2s ease-out scale-in;display:flex;overflow:hidden}.modal-panel.wide{width:min(690px,100%)}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:56px;padding:0 18px;display:flex}.modal-head h2{letter-spacing:-.02em;margin:0;font-size:15px}.modal-body{padding:20px;overflow-y:auto}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.form-section-title{grid-column:1/-1;align-items:center;gap:9px;padding-top:4px;display:flex}.form-section-title:not(:first-child){margin-top:5px}.step-dot{width:22px;height:22px;color:var(--teal-700);background:var(--teal-50);border-radius:7px;place-items:center;font-size:10px;font-weight:800;display:grid}.form-section-title div{gap:2px;display:grid}.form-section-title strong{font-size:11px}.form-section-title small{color:var(--muted);font-size:9px}.form-field,.single-form{gap:6px;display:grid}.form-field.full{grid-column:1/-1}.field-label{color:var(--text-soft);font-size:10px;font-weight:700}.form-field input,.form-field select,.single-form input,.single-form textarea,.single-form select{width:100%;height:35px;padding:0 10px;font-size:11px}.form-field textarea,.single-form textarea{resize:vertical;height:auto;padding:9px 10px}.input-with-icon{border:1px solid var(--border-strong);border-radius:var(--radius-control);height:35px;color:var(--muted);align-items:center;gap:7px;padding:0 10px;display:flex}.input-with-icon:focus-within{border-color:var(--teal-500);box-shadow:0 0 0 3px #18b8a621}.input-with-icon input{height:100%;box-shadow:none;border:0;border-radius:0;flex:1;padding:0}.input-with-icon span{font-size:15px;font-weight:700}.split-input{border:1px solid var(--border-strong);border-radius:var(--radius-control);grid-template-columns:1fr 81px;height:35px;display:grid;overflow:hidden}.split-input:focus-within{border-color:var(--teal-500);box-shadow:0 0 0 3px #18b8a621}.split-input input,.split-input select{height:100%;box-shadow:none;border:0;border-radius:0}.split-input select{border-left:1px solid var(--border);padding:0 7px}.form-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;margin-top:4px;padding-top:14px;display:flex}.form-actions.full{grid-column:1/-1}.single-form .form-actions{margin-top:7px}.field-hint{color:var(--muted);font-size:9px}.confirm-content{text-align:center}.confirm-icon{border-radius:14px;place-items:center;width:47px;height:47px;margin:0 auto 13px;display:grid}.confirm-icon.danger{color:var(--red-500);background:var(--red-50)}.confirm-content h3{margin:0;font-size:15px}.confirm-content p{color:var(--text-soft);margin:7px 0 18px;font-size:11px;line-height:1.65}.confirm-content .form-actions{justify-content:center}.color-picker{gap:8px;display:flex}.color-choice{border:3px solid var(--surface);outline:1px solid var(--border);border-radius:50%;width:24px;height:24px}.color-choice.selected{outline:2px solid var(--teal-500)}.color-choice.teal{background:#27b9aa}.color-choice.violet{background:#9a81df}.color-choice.amber{background:#e6ad3d}.color-choice.blue{background:#5a9fda}.color-choice.pink{background:#dc79a7}.color-choice.green{background:#4bbd80}.toast{z-index:100;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--green-500);min-width:270px;max-width:370px;box-shadow:var(--shadow-elevated);border-radius:11px;align-items:center;gap:9px;padding:13px 13px 13px 14px;font-size:11px;animation:.25s ease-out slide-right;display:flex;position:fixed;top:88px;right:23px}.toast svg{color:var(--green-500);flex:none}.toast span{flex:1}.toast button{color:var(--muted);background:0 0;place-items:center;display:grid}.toast.warning{border-left-color:var(--amber-500)}.toast.warning svg{color:var(--amber-500)}.toast.info{border-left-color:var(--blue-500)}.toast.info svg{color:var(--blue-500)}.login-page{background:linear-gradient(135deg,#f4fbfb 0%,#f9fbfd 45%,#f7f6ff 100%);place-items:center;min-height:100vh;display:grid;position:relative;overflow:hidden}.login-orb{filter:blur(2px);opacity:.55;border-radius:50%;position:absolute}.orb-one{background:radial-gradient(circle at 35% 35%,#cefbf5,#0000 68%);width:470px;height:470px;top:-210px;right:-90px}.orb-two{background:radial-gradient(circle at 60% 30%,#ebe0ff,#0000 68%);width:410px;height:410px;bottom:-220px;left:-150px}.login-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffe6;border:1px solid #dce8ebe6;border-radius:22px;width:min(420px,100% - 34px);padding:30px 34px 22px;position:relative;box-shadow:0 24px 70px #2249551f}.brand-login{margin-bottom:27px}.brand-login img{border-radius:12px;width:37px;height:37px}.login-copy .eyebrow{font-size:10px}.login-copy h1{letter-spacing:-.055em;margin:7px 0;font-size:25px;line-height:1.25}.login-copy p:last-child{color:var(--text-soft);margin:0 0 23px;font-size:12px;line-height:1.6}.login-card form{gap:7px;display:grid}.login-card .field-label{margin-top:3px}.login-card .input-with-icon{background:#ffffffc7;height:41px}.login-card .btn-block{margin-top:10px}.demo-link{width:100%;color:var(--teal-600);background:0 0;justify-content:center;align-items:center;gap:5px;margin-top:16px;font-size:11px;font-weight:700;display:flex}.demo-link svg{transition:transform .2s}.demo-link .rotate{transform:rotate(180deg)}.demo-roles{background:var(--surface-muted);border-radius:12px;gap:6px;margin-top:11px;padding:9px;display:grid}.demo-roles button{text-align:left;background:0 0;border-radius:8px;align-items:center;gap:8px;padding:6px;display:flex}.demo-roles button:hover{background:var(--surface)}.demo-roles button>span:nth-child(2){flex:1;gap:1px;display:grid}.demo-roles strong{font-size:10px}.demo-roles small{color:var(--muted);font-size:9px}.demo-roles svg{color:var(--muted)}.login-foot{border-top:1px solid var(--border);color:var(--muted);justify-content:center;align-items:center;gap:6px;margin-top:23px;padding-top:16px;font-size:9px;display:flex}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.97)translateY(-5px)}to{opacity:1;transform:none}}@keyframes slide-right{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media (width<=1180px){.stat-grid{grid-template-columns:repeat(2,1fr)}.group-grid{grid-template-columns:repeat(3,1fr)}.upcoming-row{grid-template-columns:31px minmax(120px,1fr) 74px 72px 55px;gap:9px}.page-content{padding-left:24px;padding-right:24px}}@media (width<=1023px){.sidebar{box-shadow:var(--shadow-elevated);transform:translate(-102%)}.sidebar.mobile-open{transform:translate(0)}.sidebar.collapsed{width:var(--sidebar-width)}.sidebar.collapsed .brand{width:auto}.sidebar.collapsed .brand span,.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-item span,.sidebar.collapsed .nav-item em,.sidebar.collapsed .upgrade-card,.sidebar.collapsed .sidebar-status span:not(.status-dot):not(.status-ping){display:initial}.sidebar.collapsed .nav-item{justify-content:flex-start;padding:0 12px}.sidebar.collapsed .collapse-btn{display:none}.mobile-overlay{z-index:25;background:#0a191f61;display:block;position:fixed;inset:0}.app-main,.app-main.sidebar-collapsed{margin-left:0}.topbar{padding:0 20px}.mobile-menu{place-items:center;width:33px;height:33px;display:grid}.topbar-copy p{display:none}.dashboard-grid,.settings-layout,.rates-layout,.team-layout{grid-template-columns:1fr}.group-grid,.bill-summary-grid{grid-template-columns:repeat(2,1fr)}.bill-total-card{grid-column:span 2}}@media (width<=680px){.page-content{padding:22px 15px 40px}.topbar{gap:9px;padding:0 15px}.topbar-actions{gap:2px}.profile-meta,.theme-toggle{display:none}.page-heading-row,.page-toolbar{flex-direction:column;align-items:flex-start;gap:13px}.page-heading-row .heading-actions,.page-toolbar>.btn,.toolbar-actions{width:100%}.heading-actions .btn,.toolbar-actions .btn{flex:1}.page-heading-row h2{font-size:22px}.stat-grid,.group-grid,.bill-summary-grid{grid-template-columns:1fr}.bill-total-card{grid-column:auto}.upcoming-row{grid-template-columns:30px minmax(0,1fr) auto;gap:8px}.upcoming-date,.upcoming-amount{display:none}.row-actions{grid-column:3}.table-filters{flex-direction:column;align-items:stretch}.search-control{width:100%}.filter-pills{overflow-x:auto}.data-table{min-width:730px}.group-grid .group-card{min-height:165px}.group-summary{flex-wrap:wrap;align-items:flex-start}.group-summary>div:nth-child(2){min-width:calc(100% - 45px)}.group-summary .btn{margin-left:43px}.webhook-grid{grid-template-columns:1fr}.info-strip{flex-wrap:wrap;align-items:flex-start}.info-strip .badge{margin-left:40px}.settings-form{padding:0 15px}.setting-row{flex-direction:column;align-items:flex-start;gap:9px;padding:14px 0}.setting-row>select,.setting-row>input,.inline-number{width:100%}.permission-cards,.rate-grid{grid-template-columns:1fr}.member-state{display:none}.rate-actions{flex-direction:column;align-items:flex-start}.rate-actions .btn,.rate-actions .subtle-btn{justify-content:center;width:100%}.modal-body{padding:16px}.form-grid{grid-template-columns:1fr}.form-section-title,.form-field.full,.form-actions.full{grid-column:auto}.form-actions{align-items:stretch}.form-actions .btn{flex:1}.login-card{padding:25px 22px 19px}.login-copy h1{font-size:22px}.toast{min-width:0;max-width:none;top:80px;left:15px;right:15px}.page-toolbar .tabs{width:100%;overflow-x:auto}.page-toolbar .tabs button{white-space:nowrap}.month-picker{justify-content:space-between;width:100%}.toolbar-actions{justify-content:space-between}.toolbar-actions .compact-select{flex:1;justify-content:space-between}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}