@charset "UTF-8";
:root{--bg:#f5f7f9;--surface:#fff;--text:#202b37;--muted:#7c8795;--border:#e8ecf0;--green:#22865a;--green-soft:#eaf6ef;--accent:#b8ed79;--red:#d85c66;--shadow:0 3px 16px #1c2c3d03;--sidebar-width:236px;--bs-body-font-family:Inter,"Segoe UI",Arial,sans-serif;--bs-body-font-size:14px;--bs-body-color:var(--text);--bs-body-bg:var(--bg)}
[data-bs-theme=dark]{--bg:#12191f;--surface:#1b242d;--text:#e5eaf0;--muted:#9ba9b7;--border:#2c3742;--green:#83d6a8;--green-soft:#233e32;--red:#ef8d96;--shadow:0 3px 16px #00000010;--bs-body-color:var(--text);--bs-body-bg:var(--bg)}
*{box-sizing:border-box}body{margin:0;color:var(--text);background:var(--bg);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}a,button{transition:background .18s,color .18s,border-color .18s,box-shadow .18s,transform .18s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #7bbe9b;outline-offset:3px}svg{width:19px;height:19px;stroke-width:1.7;flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:650;letter-spacing:-.035em}h1{font-size:30px;line-height:1.25}h2{font-size:16px;line-height:1.4}h3{font-size:14px}small{font-size:11px}.muted{color:var(--muted)!important}.success-text{color:var(--green)!important}.danger-text{color:var(--red)!important}.mono{font-family:"Cascadia Code",Consolas,monospace;font-size:11px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.4px;color:var(--muted)}.light{color:#b5c4c2}.surface{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.btn{border-radius:7px;padding:9px 14px;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;font-weight:600;line-height:1.5}.btn svg{width:16px;height:16px}.btn-primary{background:#213e32;color:#fff;border:1px solid #213e32;--bs-btn-active-bg:#19472f;--bs-btn-active-border-color:#19472f}.btn-primary:hover{background:#2a5941;border-color:#2a5941;color:#fff;box-shadow:0 3px 8px #22553b22}.btn-outline{color:var(--text);background:var(--surface);border:1px solid var(--border)}.btn-outline:hover{border-color:#acb9b0;background:var(--green-soft);color:var(--text)}.text-link{color:var(--green);font-size:11px;font-weight:600;display:inline-flex;align-items:center;gap:5px}.text-link:hover{color:var(--text)}.text-link svg{width:14px;height:14px}.icon-button{width:34px;height:34px;border:0;border-radius:7px;background:transparent;display:inline-flex;align-items:center;justify-content:center;color:var(--muted)}.icon-button:hover{background:var(--bg);color:var(--text)}.skip-link{position:fixed;top:-100px;left:15px;background:var(--surface);color:var(--text);padding:10px;z-index:100}.skip-link:focus{top:8px}.avatar{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:650;flex-shrink:0;border-radius:10px;background:#eff1f4;color:#657488}.avatar-tone-0{background:#eef0fb;color:#7c79aa}.avatar-tone-1{background:#eaf2ef;color:#63917c}.avatar-tone-2{background:#f9eee7;color:#b28a6e}.avatar-tone-3{background:#f3ecf7;color:#9774aa}.live-dot,.tiny-dot,.legend-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#75bb8d;flex-shrink:0}.live-dot{box-shadow:0 0 0 3px #6dc79613}.tiny-dot{width:5px;height:5px}.legend-dot{width:8px;height:8px}.green{background:#77b88d}.orange{background:#edbc78}.gray{background:#e1e6eb}.blue{background:#82a9d3}.danger-bg{background:var(--red)}.amber-bg{background:#d7aa67}.purple-bg{background:#a8a0d4}
/* Navigation */
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);background:#14211f;color:#b4c3bf;z-index:40;display:flex;flex-direction:column;padding:28px 16px 0;transition:width .2s,transform .2s;overflow-y:auto;scrollbar-width:thin}.brand{display:flex;gap:10px;align-items:center;color:#fff;font-size:22px;font-weight:700;line-height:1;letter-spacing:-1px;padding:0 8px}.brand:hover{color:#fff}.brand-mark{display:flex;width:34px;height:35px;align-items:center;justify-content:center;background:#b8ed79;color:#263e30;border-radius:9px;flex-shrink:0}.brand-mark svg{width:23px;height:23px;stroke-width:2}.brand-light{font-weight:400;color:#dce6e0}.brand small{display:block;letter-spacing:2.3px;font-size:7px;margin-top:9px;color:#789087;font-weight:500}.workspace{display:flex;align-items:center;gap:9px;border:1px solid #33433d;background:#1a2925;border-radius:7px;margin:34px 0 25px;padding:10px}.workspace-avatar{width:29px;height:29px;display:grid;place-items:center;background:#32463a;color:#c7e3ca;border-radius:6px;font-weight:600}.workspace .nav-label{min-width:0;line-height:1.6}.workspace strong{font-size:10px;font-weight:600;display:block;color:#d8e2dc;white-space:nowrap}.workspace small{font-size:9px;display:block;color:#82988c}.workspace-dot{width:5px;height:5px;background:#83be86;display:block;border-radius:50%;margin-left:auto}.nav-group-title{font-size:8px;font-weight:600;letter-spacing:1.9px;padding:0 12px;margin-bottom:13px;color:#658076}.sidebar nav{display:flex;flex-direction:column;gap:5px}.nav-item{padding:11px 12px;display:flex;align-items:center;gap:11px;border-radius:7px;font-size:11px;white-space:nowrap;position:relative}.nav-item svg{width:17px;height:17px;color:#809a8d}.nav-item:hover{background:#20332c;color:#ecf1eb}.nav-item.active{background:#2a3c30;color:#d7f5b9;font-weight:600}.nav-item.active:before{content:"";position:absolute;left:-16px;width:3px;height:20px;background:#b7ec7a;border-radius:0 4px 4px 0}.nav-item.active svg{color:#b5e87c}.nav-count{margin-left:auto;font-size:9px;padding:0 6px;border:1px solid #496242;border-radius:5px;color:#d0e0b1}.sidebar-bottom{margin-top:auto;padding-top:44px}.workspace-note{padding:18px 14px 16px;margin:0 1px 26px;border:1px solid #304138;border-radius:9px;background:linear-gradient(145deg,#24362a,#1a2b23)}.note-icon{display:inline-flex;margin-bottom:13px;color:#abd184}.note-icon svg{width:25px;height:25px}.workspace-note strong{font-size:12px;line-height:1.6;display:block;color:#c5d8c8;font-weight:500;letter-spacing:-.2px}.workspace-note p{font-size:9px;margin:8px 0 18px;color:#809c89}.workspace-note a{font-size:9px;color:#c4e49f;display:flex;align-items:center;justify-content:space-between}.workspace-note a svg{width:13px;height:13px}.sidebar-connection{display:flex;gap:8px;align-items:center;justify-content:center;color:#87a492;font-size:9px;margin-bottom:21px}.sidebar-user{display:flex;align-items:center;gap:10px;padding:18px 2px;border-top:1px solid #2d3d35;flex-shrink:0}.user-avatar{background:#dbe4d1;color:#546346;width:33px;height:33px;border-radius:50%;font-size:10px}.sidebar-user .nav-label{min-width:0;line-height:1.6}.sidebar-user strong{display:block;color:#e0e7e0;font-size:10px;font-weight:550;white-space:nowrap}.sidebar-user small{display:block;font-size:9px;color:#7e9989}.sidebar-user form{margin-left:auto}.logout-button{background:none;border:none;color:#839e8c;padding:6px}.logout-button svg{width:15px;height:15px}.logout-button:hover{color:#fff}.app-shell{margin-left:var(--sidebar-width);transition:margin .2s}.topbar{height:72px;background:var(--surface);border-bottom:1px solid var(--border);padding:0 30px;display:flex;align-items:center;justify-content:space-between;gap:15px}.topbar-start,.topbar-end{display:flex;align-items:center;gap:15px}.topbar-start{font-size:11px}.topbar-start strong{font-size:11px;font-weight:600;white-space:nowrap}.breadcrumb-workspace{color:var(--muted)}.breadcrumb-chevron{width:11px;height:11px;color:#b4bdc8}.topbar-end{gap:13px}.global-search{display:flex;align-items:center;gap:8px;color:#9ba4b0;margin-right:4px}.global-search svg{width:15px;height:15px}.global-search input{width:151px;border:none;outline:none;background:transparent;color:var(--text);font-size:10px}.global-search input::placeholder{color:#9ba4b0}.global-search kbd{background:var(--bg);border:1px solid var(--border);color:#9ba4b0;font-size:9px;padding:0 4px}.topbar-divider{height:20px;width:1px;background:var(--border);margin:0 3px}.topbar-avatar{border-radius:50%;background:#e8efdf;color:#7c8a64;width:31px;height:31px}.topbar-end .icon-button svg{width:17px;height:17px}.notification-wrap{position:relative}.notification-button{position:relative}.notification-dot{width:5px;height:5px;border-radius:50%;position:absolute;top:7px;right:7px;background:#c0b079;border:1px solid var(--surface)}.notification-panel{position:absolute;right:-50px;top:45px;width:340px;border:1px solid var(--border);background:var(--surface);box-shadow:0 12px 45px #14211f20;border-radius:12px;z-index:60}.notification-heading{padding:17px;display:flex;justify-content:space-between;border-bottom:1px solid var(--border);align-items:center}.notification-heading strong{font-size:12px}.notification-heading span{font-size:10px;color:var(--muted)}.notification-panel>a{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border)}.notification-panel>a:last-child{border-bottom:0}.notification-panel>a:hover{background:var(--bg)}.notification-icon{background:var(--green-soft);color:var(--green);width:30px;height:30px;border-radius:8px;display:grid;place-items:center}.notification-icon svg{width:16px}.notification-panel>a>span:nth-child(2){flex:1}.notification-panel strong,.notification-panel small{display:block}.notification-panel>a strong{font-size:11px;font-weight:600}.notification-panel small{font-size:10px;color:var(--muted);margin-top:3px}.notification-panel>a>svg{width:12px;color:var(--muted)}.sidebar-backdrop{display:none}.sidebar-collapsed{--sidebar-width:76px}.sidebar-collapsed .sidebar{padding-left:13px;padding-right:13px}.sidebar-collapsed .nav-label,.sidebar-collapsed .brand-text,.sidebar-collapsed .workspace,.sidebar-collapsed .nav-group-title,.sidebar-collapsed .nav-count,.sidebar-collapsed .workspace-note{display:none}.sidebar-collapsed .brand{padding:0 8px}.sidebar-collapsed .sidebar nav{margin-top:43px}.sidebar-collapsed .nav-item{justify-content:center;padding:14px 10px}.sidebar-collapsed .nav-item.active:before{left:-13px}.sidebar-collapsed .sidebar-user{flex-direction:column}.sidebar-collapsed .sidebar-user form{margin:0}.sidebar-collapsed .sidebar-connection{margin-bottom:16px}
/* Overview */
.main-content{max-width:1800px;margin:0 auto;padding:30px 32px 0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.heading-eyebrow{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:7px;margin-bottom:10px;font-weight:500}.heading-eyebrow svg{width:13px;height:13px}.heading-period{color:#79a96e}.page-heading p{color:var(--muted);margin-top:9px;font-size:11px}.heading-actions{display:flex;gap:10px;align-items:center;flex-shrink:0}.demo-pill{border:1px solid var(--border);color:var(--muted);background:var(--surface);border-radius:20px;font-size:9px;display:flex;align-items:center;gap:5px;padding:5px 9px}.demo-pill svg{width:12px;height:12px;color:#8eb07c}.overview-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);margin-bottom:22px;height:43px}.overview-tabs{height:100%;display:flex;align-items:center;gap:22px}.selected-tab{border-bottom:2px solid #42684e;color:var(--green);font-weight:600;font-size:11px;display:flex;align-items:center;height:100%;padding:0 3px}.workspace-caption{color:#98a1aa;font-size:10px}.month-form{display:flex;align-items:center;gap:7px;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:6px 8px;margin-bottom:7px}.month-form svg{width:13px;height:13px;color:var(--muted)}.month-form select{border:0;background:transparent;color:var(--text);font-size:10px;cursor:pointer;max-width:145px}.month-form select option{background:var(--surface);color:var(--text)}.metrics-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:23px}.metrics-three{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:18px 17px 16px;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}.metric-card:hover{transform:translateY(-2px);box-shadow:0 5px 15px #19312a08}.metric-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#7a8694;font-weight:500;gap:5px;min-height:25px}.metric-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:7px;flex-shrink:0}.metric-icon svg{width:15px;height:15px}.mint{color:#6c9b7b;background:#eef6f0}.rose{color:#c48b91;background:#fcf0f1}.amber{color:#c4a371;background:#fcf6ea}.lavender{color:#9f91bc;background:#f3effa}.metric-value{font-size:27px;line-height:1.15;font-weight:650;letter-spacing:-1px;margin:16px 0 14px;white-space:nowrap;display:flex;align-items:baseline;gap:5px}.currency{font-size:15px;font-weight:450;letter-spacing:-.3px}.metric-denominator{font-size:14px;font-weight:400;color:#a8b0bb;margin-left:3px;letter-spacing:0}.metric-foot{display:flex;align-items:center;gap:5px;font-size:8px;color:#8e98a3;min-height:16px;white-space:nowrap}.metric-foot a{display:inline-flex;align-items:center;gap:3px}.metric-foot a:hover{color:var(--green)}.metric-foot a svg{width:10px;height:10px}.trend{font-weight:600;font-size:8px;display:inline-flex;align-items:center;gap:2px}.trend svg{width:12px;height:12px}.positive{color:#46906a}.negative{color:#c7826b}.small-metric-tag{background:#f2eefb;color:#9986b7;border-radius:4px;font-size:8px;font-weight:500;padding:3px 6px;letter-spacing:0;margin-left:3px;align-self:center}.analytics-grid{display:grid;grid-template-columns:minmax(0,1.95fr) minmax(280px,1fr);gap:20px;margin-bottom:20px}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:22px 23px 0;gap:15px}.panel-heading h2{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:650;letter-spacing:-.2px}.panel-heading p{font-size:10px;color:var(--muted);margin-top:5px}.subtle-chip{display:inline-flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--border);padding:5px 8px;border-radius:5px;color:var(--muted);font-size:9px;white-space:nowrap}.subtle-chip svg{width:12px;height:12px}.chart-summary{display:flex;align-items:baseline;gap:9px;padding:19px 23px 0;flex-wrap:wrap}.chart-summary>strong{font-size:25px;letter-spacing:-.8px;font-weight:650}.chart-summary>span{font-size:9px;color:var(--muted)}.chart-legend{display:flex;gap:13px;margin-left:auto;font-size:9px;color:var(--muted);align-self:center}.chart-legend span{display:flex;align-items:center;gap:5px}.legend-square{display:inline-block;width:7px;height:7px;border-radius:2px}.bar-chart-wrap{height:218px;padding:17px 23px 0}.chart-bottom-note{border-top:1px solid var(--border);display:flex;align-items:center;gap:6px;color:var(--muted);font-size:8px;padding:11px 22px;margin-top:18px}.chart-bottom-note svg{width:11px;height:11px}.chart-bottom-note>span:last-child{margin-left:auto;white-space:nowrap}.subscriber-panel .panel-heading>svg{width:17px;height:17px}.donut-wrap{height:177px;width:177px;margin:20px auto 14px;position:relative}.donut-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none}.donut-center strong{font-size:32px;line-height:1.3;font-weight:650;letter-spacing:-.8px}.donut-center span{font-size:8px;color:var(--muted)}.subscriber-legend{padding:0 23px 12px}.subscriber-legend>a{display:flex;align-items:center;justify-content:space-between;font-size:10px;padding:6px 0;color:#7c8793}.subscriber-legend>a:hover{color:var(--green)}.subscriber-legend>a>span{display:flex;align-items:center;gap:8px}.subscriber-legend strong{font-size:11px;color:var(--text);font-weight:550}.subscriber-legend small{color:#9aa3ad;font-size:9px;width:30px;text-align:right;display:inline-block;font-weight:400;margin-left:12px}.subscriber-note{background:var(--bg);border-top:1px solid var(--border);border-radius:0 0 12px 12px;padding:12px 20px;display:flex;align-items:center;gap:7px;color:#96a1a8;font-size:9px}.subscriber-note>svg{width:13px;height:13px;color:#83a37b}.subscriber-note strong{font-weight:550;color:#67866a}.subscriber-note>svg:last-child{margin-left:auto}.collection-strip{display:flex;align-items:center;gap:13px;padding:15px 21px;background:#edf4ec;border:1px solid #e0eadc;border-radius:9px;margin-bottom:24px}.collection-strip-icon{width:32px;height:32px;border-radius:8px;background:#e1eddd;display:grid;place-items:center;color:#6c9665}.collection-strip-icon svg{width:18px;height:18px}.collection-strip>div:nth-child(2){display:flex;flex-direction:column;gap:2px}.collection-strip>div>strong{font-size:10px;font-weight:600;color:#4f7150}.collection-strip>div>span{font-size:9px;color:#94a18e}.collection-progress{display:flex;align-items:center;gap:10px;margin-left:auto;width:28%;max-width:310px}.progress-track{height:5px;background:#dce7d7;border-radius:5px;width:100%;overflow:hidden}.progress-track>span{display:block;height:100%;background:#91b879;border-radius:5px}.collection-progress strong{color:#5b7a4b;font-size:10px;font-weight:650}.collection-strip>a{border-left:1px solid #d9e5d3;margin-left:8px;padding-left:23px;font-size:10px;display:flex;align-items:center;gap:8px;color:#67845c;white-space:nowrap}.collection-strip>a svg{width:13px;height:13px}.activity-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(315px,1fr);gap:20px;align-items:start;margin-bottom:28px}.single-activity{grid-template-columns:1fr}.count-pill{display:inline-flex;border-radius:4px;background:var(--bg);border:1px solid var(--border);padding:1px 5px;min-width:18px;justify-content:center;color:#8b98a4;font-size:8px;font-weight:500;vertical-align:middle;letter-spacing:0}.ticket-feed{margin-top:11px}.ticket-feed-item{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:11px}.ticket-feed-item:hover{background:var(--bg)}.ticket-glyph{height:32px;width:32px;display:grid;place-items:center;border-radius:9px;flex-shrink:0}.ticket-glyph svg{width:15px;height:15px}.ticket-feed-copy{min-width:0;flex:1}.ticket-feed-copy strong{display:block;font-size:10px;font-weight:600;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-feed-copy small{display:block;font-size:8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-feed-copy small>span{padding:0 3px;color:#b2b9c2}.panel-footer-link{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:var(--green);padding:15px}.panel-footer-link svg{width:12px;height:12px}.status{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:8px;font-weight:550;line-height:1.4;padding:4px 7px;border-radius:5px}.status-dot{height:4px;width:4px;background:currentColor;border-radius:50%;display:inline-block;flex-shrink:0}.status-success{background:#edf7f0;color:#5b9b71}.status-danger{background:#fdf0f1;color:#cc7e88}.status-warning{background:#fcf5e7;color:#c49b57}.status-info{background:#edf3fb;color:#7b9fc5}.status-neutral{background:#f0f2f5;color:#929ca9}.plan-distribution{padding:12px 23px}.plan-distribution>div{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--border);font-size:11px}.plan-distribution>div:last-child{border:0}.plan-distribution small{color:var(--muted);margin-left:5px;font-size:9px}.plan-distribution strong{font-size:10px;font-weight:500;color:var(--muted)}.plans-section{margin-bottom:30px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-heading h2{font-size:13px;letter-spacing:-.2px}.section-heading p{font-size:10px;color:var(--muted);margin-top:5px}.plan-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.plan-summary-card{background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:15px}.plan-summary-card:hover{border-color:#91b087;box-shadow:0 3px 15px #447d5510;transform:translateY(-2px)}.plan-summary-top{display:flex;align-items:center;gap:6px}.plan-summary-top>svg{width:14px;height:14px;color:#81a078}.plan-summary-top>strong{font-size:10px;font-weight:600}.plan-summary-top>span{margin-left:auto;color:var(--muted);font-size:8px}.plan-speed{font-size:25px;letter-spacing:-1px;font-weight:600;margin-top:12px}.plan-speed small{font-size:9px;letter-spacing:0;color:var(--muted);font-weight:400;margin-left:5px}.plan-summary-bottom{border-top:1px solid var(--border);margin-top:12px;padding-top:11px;font-size:8px;color:var(--muted);display:flex;justify-content:space-between;align-items:center}.plan-summary-bottom svg{width:12px;height:12px;color:#95a58c}.app-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--border);padding:19px 0 23px;font-size:8px;color:#a1aab3}.footer-brand{font-weight:700;color:#7e8c82;margin-right:12px;letter-spacing:-.4px}
/* Tables and records */
.table-overflow{overflow-x:auto;scrollbar-width:thin;max-width:100%}.data-table{border-collapse:collapse;width:100%;font-size:10px;color:var(--text)}.data-table th{font-size:8px;font-weight:550;color:#97a1ac;letter-spacing:.15px;background:var(--bg);padding:12px 17px!important;white-space:nowrap;border:0!important}.data-table td{padding:13px 17px!important;vertical-align:middle;border-bottom:1px solid var(--border)!important;white-space:nowrap;background:transparent!important;box-shadow:none!important}.data-table tbody tr:hover{background:var(--bg)}.data-table tbody tr:last-child td{border-bottom:0!important}.data-table td>strong,.data-table td>a>strong{font-size:10px;font-weight:550}.person-cell{display:flex;align-items:center;gap:9px}.person-cell strong{display:block;font-size:10px;font-weight:600}.person-cell:hover strong{color:var(--green)}.person-cell small{font-size:8px;color:var(--muted);display:block;margin-top:3px}.money-cell{font-size:10px!important;font-weight:600!important}.table-subline{display:block;color:var(--muted);font-size:8px;margin-top:4px}.paid-label{color:#91ad95;font-size:7px;margin-top:3px}.payment-method{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:8px}.payment-method svg{width:12px;height:12px;color:#a3acb6}.date-cell{font-size:8px!important;color:#94a0ac}.row-action{color:#9ca9b3;width:26px;height:26px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;background:transparent}.row-action svg{width:14px;height:14px}.row-action:hover{background:var(--green-soft);color:var(--green);border-color:var(--border)}.dashboard-table{min-width:520px}.records-panel .data-table{min-width:820px}.records-panel>.panel-heading{padding-bottom:12px}.filter-control{display:flex;align-items:center;gap:7px;border:1px solid var(--border);background:var(--surface);border-radius:6px;padding:7px 10px}.filter-control svg{width:13px;height:13px;color:var(--muted)}.filter-control select{background:var(--surface);color:var(--text);font-size:10px;border:0;cursor:pointer}.summary-pills{display:flex;align-items:center;gap:18px;margin:0 0 22px;color:var(--muted);font-size:11px}.summary-pills>span{display:flex;align-items:center;gap:6px}.summary-pills strong{font-weight:600;color:var(--text)}.invoice-link{color:var(--green);font-size:9px;font-weight:550}.invoice-link:hover{text-decoration:underline}.billing-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:23px}.billing-summary>div{padding:23px;display:flex;flex-direction:column;gap:9px}.billing-summary span{font-size:11px;color:var(--muted)}.billing-summary strong{font-size:27px;font-weight:650;letter-spacing:-1px}.billing-summary small{font-size:9px;color:var(--muted)}
div.dt-container{font-size:9px;color:var(--muted)}div.dt-container .dt-layout-row{margin:0!important;padding:12px 20px;gap:10px}div.dt-container .dt-layout-row.dt-layout-table{padding:0}div.dt-container .dt-layout-row:last-child{border-top:1px solid var(--border);padding-top:13px;padding-bottom:14px}div.dt-container .dt-search label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}div.dt-container .dt-search input{border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);padding:6px 10px;margin:0!important;width:175px;font-size:9px}div.dt-container .dt-length select{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:5px;font-size:9px;padding:4px 7px;margin-right:5px}div.dt-container .dt-length label{font-size:9px}div.dt-container .dt-info{padding:0!important;font-size:8px;color:var(--muted)}div.dt-container .dt-paging button.dt-paging-button{border:1px solid transparent!important;color:var(--muted)!important;font-size:9px;border-radius:4px!important;min-width:24px;padding:4px 7px!important;box-shadow:none!important;background:none!important;margin-left:3px}div.dt-container .dt-paging button.dt-paging-button.current{background:var(--green-soft)!important;color:var(--green)!important;border-color:var(--border)!important}div.dt-container .dt-paging button.dt-paging-button:hover:not(.disabled){background:var(--bg)!important;color:var(--text)!important}div.dt-container .dt-paging button.dt-paging-button.disabled{opacity:.35}table.dataTable>thead>tr>th .dt-column-order:before,table.dataTable>thead>tr>th .dt-column-order:after{font-size:7px!important}table.dataTable.no-footer{border:0}.dashboard-table .dt-empty{padding:45px!important}.payments-panel .panel-heading .text-link{white-space:nowrap}
/* Support */
.support-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.support-toolbar>.muted{font-size:11px}.segmented-control{display:inline-flex;border:1px solid var(--border);border-radius:7px;padding:4px;background:var(--surface);gap:3px}.segmented-control a{display:flex;align-items:center;gap:7px;padding:6px 11px;font-size:10px;color:var(--muted);border-radius:4px}.segmented-control a svg{width:13px;height:13px}.segmented-control a.active{background:var(--green-soft);color:var(--green);font-weight:600}.kanban-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-bottom:30px;align-items:start}.kanban-column{background:#eef1f4;border:1px solid var(--border);border-radius:10px;padding:14px}.kanban-column h2{font-size:11px;display:flex;align-items:center;gap:8px;margin:0 0 15px}.kanban-column h2 .count-pill{margin-left:auto;background:var(--surface)}.kanban-card{background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:17px;margin-bottom:12px;text-align:left;width:100%;color:var(--text);box-shadow:var(--shadow)}.kanban-card:last-child{margin-bottom:0}.kanban-card:hover{border-color:#93b18b;box-shadow:0 5px 12px #30403708;transform:translateY(-2px)}.kanban-card-top{display:flex;justify-content:space-between;gap:6px;align-items:center;margin-bottom:13px}.ticket-number{font-family:Consolas,monospace;font-size:9px;color:var(--muted)}.priority{font-size:8px;white-space:nowrap;padding:3px 6px;border-radius:4px;background:var(--bg);color:var(--muted);font-weight:500}.priority-urgent{color:#cc7c82;background:#faebec}.priority-high{color:#b58e50;background:#fbf1df}.priority-normal{color:#6b98b8;background:#ebf3f9}.priority-low{color:#7d9c82;background:#edf5ed}.kanban-card>strong{font-size:12px;font-weight:600}.kanban-card>p{font-size:10px;color:var(--muted);line-height:1.7;margin:8px 0 15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:34px}.kanban-customer{display:flex;align-items:center;gap:6px;font-size:9px;color:var(--muted)}.kanban-customer svg{width:11px;height:11px}.kanban-card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-top:12px;margin-top:14px}.kanban-card-bottom>span:first-child{display:flex;align-items:center;gap:6px;font-size:8px;color:var(--muted)}.kanban-card-bottom svg{width:11px;height:11px}.small-avatar{width:23px;height:23px;font-size:7px;border-radius:50%;background:var(--green-soft);color:var(--green)}.ticket-dialog{border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);padding:27px;width:min(520px,calc(100vw - 32px));box-shadow:0 20px 80px #0003}.ticket-dialog::backdrop{background:#0b181b70;backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin:-6px -8px 10px 0}.ticket-dialog h2{font-size:23px;margin-bottom:14px}.dialog-badges{display:flex;gap:8px}.ticket-description{font-size:12px;color:var(--muted);line-height:1.8;margin:20px 0 24px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 20px;margin:0}.detail-grid dt{font-size:9px;color:var(--muted);font-weight:400;margin-bottom:6px}.detail-grid dd{font-size:11px;font-weight:500;margin:0;overflow-wrap:anywhere}.resolution-note{display:flex;align-items:start;gap:10px;margin-top:24px;background:var(--green-soft);padding:16px;border-radius:8px;color:var(--green)}.resolution-note>svg{width:16px;height:16px}.resolution-note strong{font-size:10px;font-weight:600}.resolution-note p{font-size:10px;margin-top:7px;line-height:1.7}.empty-inline{padding:35px 20px;color:var(--muted);font-size:11px;text-align:center}
/* Plans and profiles */
.package-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;margin:30px 0}.package-card{padding:23px 18px;scroll-margin-top:25px}.package-card:target,.package-card.featured-plan{border-color:#b5c9a5;box-shadow:0 0 0 2px #b6d59f10}.package-icon{width:35px;height:35px;background:var(--green-soft);color:var(--green);display:grid;place-items:center;border-radius:9px;margin-bottom:25px}.package-icon svg{width:19px;height:19px}.package-card>.eyebrow{font-size:9px;color:var(--green)}.package-card h2{font-size:39px;font-weight:650;margin-top:8px}.package-card h2 span{font-size:12px;font-weight:400;color:var(--muted);margin-left:4px;letter-spacing:0}.package-card>p{font-size:10px;color:var(--muted);line-height:1.8;margin:14px 0;min-height:72px}.package-price{font-size:20px;letter-spacing:-.8px;font-weight:600;margin:20px 0}.package-price small{display:block;font-size:9px;font-weight:400;letter-spacing:0;color:var(--muted);margin-top:5px}.package-facts{display:flex;flex-direction:column;gap:14px;padding:20px 0;margin-bottom:15px;border-top:1px solid var(--border)}.package-facts span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:9px;overflow-wrap:anywhere}.package-facts svg{width:13px;height:13px;color:#8fab83}.package-card .btn{font-size:9px;padding:8px}.customer-profile{padding:29px}.profile-heading{display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--border);padding-bottom:27px}.profile-avatar{width:62px;height:62px;font-size:18px;border-radius:16px;background:var(--green-soft);color:var(--green)}.profile-heading h2{font-size:24px;margin-top:4px}.profile-heading p{font-size:10px;color:var(--muted);margin-top:4px}.profile-heading>.status{margin-left:auto}.profile-columns{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:30px}.profile-columns>div+div{border-left:1px solid var(--border);padding-left:30px}.profile-columns h3{font-size:12px;display:flex;align-items:center;gap:8px;margin-bottom:28px}.profile-columns h3 svg{width:16px;height:16px;color:#91a78a}.full-detail{grid-column:span 2}.suspension-notice{display:flex;align-items:center;gap:10px;padding:13px;margin-top:20px;border-radius:7px;font-size:11px;background:#fdf0f1;color:#b67b82}.suspension-notice svg{width:15px;height:15px}.message-surface{padding:70px 30px;text-align:center;min-height:450px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px}.empty-icon{width:70px;height:70px;border-radius:50%;background:var(--green-soft);color:var(--green);display:grid;place-items:center}.empty-icon svg{width:30px;height:30px}
/* Invoice */
.invoice-sheet{max-width:870px;margin:0 auto 35px;padding:44px 45px}.invoice-header{display:flex;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:30px}.invoice-brand{display:flex;align-items:center;gap:8px;font-size:24px;letter-spacing:-1.3px;font-weight:700;color:var(--green)}.invoice-brand svg{width:28px;height:28px}.invoice-brand span{font-weight:400;margin-left:-8px}.invoice-header p{font-size:8px;letter-spacing:1.3px;color:var(--muted);margin-top:12px}.invoice-heading-right{text-align:right}.invoice-heading-right h2{font-size:28px;letter-spacing:2px;margin-bottom:7px}.invoice-heading-right>strong{display:block;font-size:10px;font-weight:500;color:var(--muted);margin-bottom:10px}.invoice-details{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;margin:34px 0}.invoice-details h3{font-size:17px;margin:10px 0 12px}.invoice-details p{font-size:10px;line-height:1.8;color:var(--muted);margin-top:5px}.invoice-details dl{margin:0;align-self:center}.invoice-details dl>div{display:flex;justify-content:space-between;gap:15px;font-size:10px;margin:11px 0}.invoice-details dt{font-weight:400;color:var(--muted)}.invoice-details dd{font-weight:500;margin:0}.invoice-items{width:100%;border-collapse:collapse;font-size:11px}.invoice-items th{background:var(--bg);color:var(--muted);font-size:9px;font-weight:500;padding:12px 14px;border-bottom:1px solid var(--border)}.invoice-items td{padding:24px 14px;border-bottom:1px solid var(--border);vertical-align:middle}.invoice-items strong{font-size:11px;font-weight:600;display:block}.invoice-items td span{display:block;color:var(--muted);font-size:9px;margin-top:7px}.invoice-total-wrap{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:25px}.invoice-message{align-self:center;display:flex;flex-direction:column;align-items:start}.invoice-message>svg{color:#8ca47f;width:24px;height:24px;margin-bottom:12px}.invoice-message strong{font-size:11px;font-weight:500}.invoice-message p{font-size:9px;color:var(--muted);line-height:1.8;margin-top:7px}.invoice-totals>div{display:flex;justify-content:space-between;font-size:10px;margin:15px 0}.invoice-totals dt{color:var(--muted);font-weight:400}.invoice-totals dd{font-weight:500;margin:0}.invoice-grand-total{border-top:1px solid var(--border);padding-top:14px}.invoice-grand-total dd{font-weight:700}.invoice-balance{background:var(--green-soft);padding:12px;border-radius:5px;margin:0 -12px!important}.invoice-balance dd,.invoice-balance dt{color:var(--green);font-weight:600}.invoice-payment-history{border-top:1px solid var(--border);padding-top:25px;margin-top:30px}.invoice-payment-history h3{font-size:11px;margin-bottom:15px}.invoice-payment-history>div{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;padding:8px 0}.invoice-payment-history span{display:flex;align-items:center;gap:6px;color:var(--muted)}.invoice-payment-history svg{width:12px;height:12px;color:var(--green)}.invoice-foot{display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:8px;border-top:1px solid var(--border);padding-top:20px;margin-top:30px}
/* Login */
.login-page{background:#fff}.login-shell{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-story{background:#152921;color:#fff;padding:47px 55px 28px;position:relative;overflow:hidden;display:flex;flex-direction:column;background-image:radial-gradient(ellipse at 80% 60%,#31573a50,transparent 70%)}.login-story .brand{padding:0;align-self:flex-start}.story-content{margin:auto 0;padding-top:60px;position:relative}.story-content h1{font-size:48px;line-height:1.17;letter-spacing:-2.3px;color:#e7efdf;font-weight:500;margin:20px 0}.story-content>p{color:#91ab9a;font-size:13px;line-height:1.9}.network-illustration{position:relative;height:285px;max-width:490px;margin:15px auto 0}.network-orbit{position:absolute;border:1px solid #a7cc9c14;border-radius:50%;left:50%;top:48%;transform:translate(-50%,-50%)}.orbit-one{width:180px;height:180px}.orbit-two{width:310px;height:260px}.network-hub{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:87px;height:87px;background:linear-gradient(145deg,#425f3d,#293e2a);border:1px solid #a7cc9c44;border-radius:22px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;box-shadow:0 0 60px #acd27813;color:#cce0a2}.network-hub svg{width:31px;height:31px}.network-hub span{font-size:8px;color:#aabe99}.network-node{display:grid;place-items:center;width:42px;height:42px;border:1px solid #a7cc9c30;background:#22382a;border-radius:11px;position:absolute;color:#9fba91}.network-node svg{width:20px;height:20px}.node-a{top:20%;left:20%}.node-b{top:16%;right:18%}.node-c{bottom:22%;left:18%}.node-d{bottom:25%;right:17%}.signal-note{position:absolute;bottom:2px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:9px;color:#809b85;display:flex;align-items:center;gap:7px}.story-footer{font-size:9px;color:#769382;display:flex;align-items:center;gap:7px;position:relative;padding-top:35px}.story-footer svg{width:14px;height:14px}.story-footer>span{margin-left:auto}.login-form-panel{background:#fbfcfb;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:50px 35px 25px}.login-form-wrap{width:100%;max-width:345px;margin:auto}.login-greeting{display:flex;align-items:center;gap:6px;font-size:10px;color:#8b9d88;margin-bottom:24px}.login-greeting svg{width:14px;height:14px}.login-form-wrap h2{font-size:30px;font-weight:650;margin-bottom:8px;color:#26382c}.login-form-wrap>.muted{font-size:12px}.login-form label{font-size:10px;font-weight:600;color:#53635a;margin-bottom:8px;display:block}.input-icon{position:relative;margin-bottom:20px;color:#9bab9e}.input-icon>svg{position:absolute;top:14px;left:13px;width:16px;height:16px}.input-icon input.form-control{font-size:11px;height:44px;border:1px solid #e0e6df;padding:10px 42px;border-radius:7px;color:#344d3b;background:#fff;box-shadow:0 1px 2px #15292103}.input-icon input::placeholder{color:#a5afa6}.input-icon input:focus{border-color:#91b67b;box-shadow:0 0 0 3px #a9c1911a}.password-toggle{position:absolute;right:10px;top:9px;border:0;background:transparent;padding:3px;color:#98a794;display:grid;place-items:center;width:24px;height:26px}.password-toggle svg{width:16px;height:16px}.login-submit{width:100%;margin-top:6px;padding:13px;font-size:11px;background:#284a34;justify-content:space-between}.login-submit svg{width:15px;height:15px}.demo-login{border:1px dashed #d8e2d1;background:#f4f7f0;border-radius:8px;padding:17px;margin-top:29px}.demo-login-heading{font-size:8px;font-weight:600;letter-spacing:1px;color:#7d9971;display:flex;align-items:center;gap:6px}.demo-login p{font-size:9px;color:#91a086;margin:9px 0 13px}.demo-role-buttons{display:flex;gap:7px}.demo-role-buttons button{border:1px solid #dce5d6;background:#fff;border-radius:5px;padding:6px 8px;font-size:9px;color:#6b845c;flex:1}.demo-role-buttons button:hover{background:#e5eedc;border-color:#b7c8aa}.demo-password{display:block;font-size:8px;color:#99a38f;margin-top:12px}.demo-password code{color:#7c8e6f;font-size:9px;margin-left:4px}.login-footnote{font-size:8px;color:#a0aba0;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:23px}.login-footnote svg{width:10px;height:10px}.login-copyright{font-size:8px;color:#a6b0a4;margin-top:40px}.form-error{background:#fff0f0;border:1px solid #edcbcf;border-radius:7px;color:#ab626c;padding:12px;display:flex;gap:8px;align-items:center;font-size:11px;margin-bottom:20px}.form-error svg{width:16px;height:16px}.error-page{min-height:100vh;display:grid;place-items:center;padding:20px}.error-page main{padding:40px;max-width:600px}.error-page p{margin:20px 0;color:var(--muted)}
/* Dark theme */
[data-bs-theme=dark] .metric-label{color:var(--muted)}[data-bs-theme=dark] .mint,[data-bs-theme=dark] .status-success{background:#233c30;color:#8cbe9e}[data-bs-theme=dark] .rose,[data-bs-theme=dark] .status-danger,[data-bs-theme=dark] .priority-urgent,[data-bs-theme=dark] .suspension-notice{background:#412b32;color:#d2959c}[data-bs-theme=dark] .amber,[data-bs-theme=dark] .status-warning,[data-bs-theme=dark] .priority-high{background:#3c3428;color:#d2b180}[data-bs-theme=dark] .lavender{background:#342e45;color:#b4a3cb}[data-bs-theme=dark] .status-info,[data-bs-theme=dark] .priority-normal{background:#2a374b;color:#97b3d5}[data-bs-theme=dark] .status-neutral{background:#303a45;color:#a7b4c2}[data-bs-theme=dark] .priority-low{background:#293b32;color:#a1beaa}[data-bs-theme=dark] .small-metric-tag{background:#352d48;color:#b4a3d6}[data-bs-theme=dark] .collection-strip{background:#24382c;border-color:#334b37}[data-bs-theme=dark] .collection-strip-icon{background:#334a36;color:#9ec08c}[data-bs-theme=dark] .collection-strip>div>strong,[data-bs-theme=dark] .collection-progress strong,[data-bs-theme=dark] .collection-strip>a{color:#aec69b}[data-bs-theme=dark] .collection-strip>div>span{color:#8c9e82}[data-bs-theme=dark] .collection-strip>a{border-color:#40573b}[data-bs-theme=dark] .progress-track{background:#40513c}[data-bs-theme=dark] .kanban-column{background:#172029}[data-bs-theme=dark] .avatar-tone-0{background:#35354e;color:#b4b2d3}[data-bs-theme=dark] .avatar-tone-1{background:#2d4139;color:#a4c1b1}[data-bs-theme=dark] .avatar-tone-2{background:#483a32;color:#cbb19d}[data-bs-theme=dark] .avatar-tone-3{background:#413349;color:#bba4ca}[data-bs-theme=dark] .gray{background:#45525e}[data-bs-theme=dark] .btn-primary{background:#a2cf80;color:#1b3022;border-color:#a2cf80}[data-bs-theme=dark] .btn-primary:hover{background:#bae592;color:#152d1d}[data-bs-theme=dark] .form-error{background:#412b32;border-color:#69414a;color:#e3a2ad}
/* Responsive */
@media(min-width:1600px){.main-content{padding:37px 43px 0}.metric-card{padding:22px}.metric-label{font-size:12px}.metric-value{font-size:33px}.metric-foot{font-size:10px}.trend{font-size:10px}.bar-chart-wrap{height:250px}.metric-icon{width:32px;height:32px}.panel-heading h2{font-size:15px}.panel-heading p{font-size:11px}.ticket-feed-item{padding-top:20px;padding-bottom:20px}.ticket-feed-copy strong,.person-cell strong{font-size:12px}.ticket-feed-copy small,.person-cell small{font-size:9px}.data-table td{padding-top:16px!important;padding-bottom:16px!important}.donut-wrap{height:196px;width:196px}.subscriber-legend>a{padding:8px 0}}
@media(max-width:1300px){.main-content{padding:25px 24px 0}.topbar{padding:0 22px}.metric-card{padding:15px 12px}.metric-value{font-size:24px}.metric-label{font-size:9px}.metric-icon{width:23px;height:23px}.metric-foot{font-size:7px}.metric-foot .trend{font-size:7px}.analytics-grid{grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr)}.activity-grid{grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr)}.single-activity{grid-template-columns:1fr}.panel-heading{padding:20px 18px 0}.payments-panel .panel-heading .text-link{font-size:9px}.ticket-feed-item{padding:16px 16px}.package-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.package-card>p{min-height:54px}.plan-summary-card{padding:12px}.plan-summary-top>span{display:none}.heading-actions .demo-pill{display:none}h1{font-size:27px}.chart-summary{padding-left:18px;padding-right:18px}.chart-summary>strong{font-size:22px}.chart-legend{gap:8px}.bar-chart-wrap{padding-left:18px;padding-right:18px}.metric-denominator{font-size:11px}.kanban-board{gap:12px}.kanban-column{padding:10px}.kanban-card{padding:13px}.ticket-number{font-size:8px}}
@media(max-width:1130px){.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-label{font-size:11px}.metric-card{padding:17px}.metric-value{font-size:28px}.metric-foot{font-size:9px}.metric-foot .trend{font-size:9px}.activity-grid{grid-template-columns:1fr}.metric-icon{width:26px;height:26px}.topbar-end{gap:5px}.global-search input{width:125px}.main-content{padding:25px 20px 0}.global-search kbd{display:none}.ticket-feed-item{padding:15px 20px}.page-heading{align-items:start}.heading-actions .btn{font-size:10px}.heading-actions .btn svg{width:13px}.page-heading p{font-size:10px}.analytics-grid{gap:14px}.panel-heading{gap:10px}.subtle-chip{font-size:8px;padding:4px}.chart-summary{gap:7px}.chart-summary>span{font-size:8px}.chart-legend{width:100%;margin:4px 0 0}.chart-summary>strong{font-size:23px}.bar-chart-wrap{height:198px}.chart-bottom-note>span:last-child{display:none}.collection-strip{padding:13px 16px}.collection-strip>a{padding-left:12px;margin-left:0}.kanban-board{grid-template-columns:repeat(2,minmax(0,1fr))}.kanban-column:last-child{grid-column:span 2}.kanban-column:last-child .kanban-card{max-width:none}.login-story{padding:40px 35px 25px}.story-content h1{font-size:42px}.story-footer>span{display:none}.invoice-sheet{padding:30px}.invoice-total-wrap{gap:25px}}
@media(max-width:900px){:root,.sidebar-collapsed{--sidebar-width:0px}.sidebar{width:236px;transform:translateX(-100%)}.sidebar-open .sidebar{transform:translateX(0)}.sidebar-open .sidebar-backdrop{display:block;position:fixed;inset:0;background:#0b181b60;border:0;z-index:39;backdrop-filter:blur(2px)}.sidebar-collapsed .sidebar .nav-label,.sidebar-collapsed .sidebar .brand-text,.sidebar-collapsed .sidebar .workspace,.sidebar-collapsed .sidebar .nav-group-title,.sidebar-collapsed .sidebar .nav-count,.sidebar-collapsed .sidebar .workspace-note{display:revert}.sidebar-collapsed .sidebar{padding-left:16px;padding-right:16px}.sidebar-collapsed .sidebar .workspace{display:flex}.sidebar-collapsed .sidebar .sidebar-user{flex-direction:row}.sidebar-collapsed .sidebar .sidebar-user form{margin-left:auto}.sidebar-collapsed .sidebar .sidebar-connection{margin-bottom:21px}.sidebar-collapsed .sidebar nav{margin-top:0}.sidebar-collapsed .sidebar .nav-item{justify-content:start;padding:11px 12px}.sidebar-collapsed .sidebar .nav-item.active:before{left:-16px}.metrics-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.metric-card{padding:15px 10px}.metric-label{font-size:9px}.metric-value{font-size:24px}.metric-foot{font-size:7px}.metric-foot .trend{font-size:7px}.metrics-three{grid-template-columns:repeat(3,minmax(0,1fr))}.app-shell{margin-left:0}.main-content{padding:25px 22px 0}.analytics-grid{grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr)}.login-form-panel{padding:35px 25px}.story-content h1{font-size:36px}.story-content .eyebrow{font-size:8px}.story-content>p{font-size:11px}.network-illustration{height:260px}.orbit-two{width:250px;height:230px}.node-a,.node-c{left:6%}.node-b,.node-d{right:6%}.login-story{padding:35px 30px}.login-story .brand{font-size:21px}.login-form-wrap h2{font-size:27px}.profile-columns{gap:25px}.topbar-start{gap:10px}}
@media(max-width:700px){.main-content{padding:23px 17px 0}.topbar{height:62px;padding:0 15px}.topbar-end{gap:3px}.topbar-start{gap:7px}.breadcrumb-workspace,.breadcrumb-chevron{display:none}.topbar-start strong{font-size:11px}.global-search{margin-right:0}.global-search input{width:105px;font-size:9px}.global-search svg{width:13px}.topbar-divider,.topbar-avatar{display:none}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:17px}.metrics-three{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{padding:17px}.metric-label{font-size:10px}.metric-value{font-size:27px;margin:14px 0 12px}.metric-foot{font-size:8px}.metric-foot .trend{font-size:8px}.metrics-grid:not(.metrics-three) .metric-card:last-child{grid-column:span 2}.metrics-grid:not(.metrics-three) .metric-card:last-child .metric-value{margin-bottom:10px}.analytics-grid{grid-template-columns:1fr;gap:17px}.revenue-panel .bar-chart-wrap{height:235px}.chart-legend{width:auto;margin-left:auto}.chart-bottom-note{font-size:8px}.chart-summary>span{font-size:9px}.subscriber-panel .donut-wrap{width:190px;height:190px;margin-top:20px;margin-bottom:20px}.subscriber-legend{padding-left:26px;padding-right:26px}.subscriber-legend>a{font-size:11px}.subscriber-legend>a strong{font-size:12px}.subscriber-note{font-size:10px;padding:15px 23px}.panel-heading h2{font-size:14px}.panel-heading p{font-size:10px}.page-heading{margin-bottom:24px;gap:12px}.page-heading h1{font-size:25px;max-width:290px}.page-heading p{font-size:10px;line-height:1.8;max-width:280px}.heading-eyebrow{font-size:9px}.heading-actions{align-self:flex-start;padding-top:22px}.heading-actions .btn{padding:7px 9px;font-size:9px}.heading-actions .btn svg{width:12px}.overview-tabs{gap:14px}.workspace-caption{display:none}.month-form{padding:5px 7px}.month-form select{font-size:9px;width:110px}.collection-strip{gap:9px;flex-wrap:wrap}.collection-strip>div:nth-child(2){flex:1}.collection-progress{margin-left:0;width:100%;max-width:none;flex:1}.collection-strip>a{font-size:9px;border-left:0;margin-left:0;padding-left:10px}.collection-strip-icon{width:28px;height:28px}.collection-strip>div>strong{font-size:10px}.collection-strip>div>span{font-size:8px}.plan-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.plan-summary-card:last-child{grid-column:span 2}.plan-summary-top>span{display:block}.plan-summary-card{padding:16px}.plan-speed{font-size:28px}.plan-summary-bottom{font-size:9px}.section-heading h2{font-size:13px}.section-heading p{font-size:9px;max-width:230px}.section-heading .text-link{font-size:9px}.app-footer{font-size:7px;align-items:start}.footer-brand{display:block;margin-bottom:5px}.app-footer>span:last-child{text-align:right}.summary-pills{gap:10px;font-size:9px;flex-wrap:wrap}.summary-pills>.ms-auto{width:100%;margin:5px 0 0!important}.billing-summary{grid-template-columns:1fr;gap:10px}.billing-summary>div{padding:18px}.billing-summary strong{font-size:24px}.records-panel>.panel-heading{flex-wrap:wrap}.records-panel .filter-control{padding:6px}.filter-control select{font-size:9px}.kanban-board{grid-template-columns:1fr}.kanban-column:last-child{grid-column:auto}.kanban-column{padding:14px}.kanban-card{padding:17px}.kanban-card>p{min-height:0}.kanban-card>strong{font-size:13px}.package-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.package-card{padding:22px 16px}.package-card:last-child{grid-column:span 2}.package-card>p{font-size:10px;min-height:70px}.package-card h2{font-size:34px}.package-card:last-child>p{min-height:0}.package-card:last-child .package-facts{display:flex;flex-direction:row;justify-content:space-between;gap:6px;flex-wrap:wrap}.profile-columns{grid-template-columns:1fr;gap:25px}.profile-columns>div+div{border-left:0;border-top:1px solid var(--border);padding:25px 0 0}.customer-profile{padding:22px}.profile-heading{gap:10px;flex-wrap:wrap}.profile-heading h2{font-size:21px}.profile-avatar{width:45px;height:45px;font-size:14px}.profile-heading p{font-size:9px}.profile-heading>.status{margin-left:0}.login-shell{grid-template-columns:1fr}.login-story{display:none}.login-form-panel{min-height:100vh;padding:50px 28px 23px}.login-form-wrap{max-width:360px}.login-form-wrap h2{font-size:31px}.login-greeting{margin-bottom:30px}.login-form label{font-size:11px}.input-icon input.form-control{font-size:12px;height:48px}.input-icon>svg{top:16px}.password-toggle{top:11px}.login-submit{font-size:12px;padding:14px}.demo-login{padding:20px}.demo-login p,.demo-role-buttons button{font-size:10px}.login-footnote{font-size:9px}.notification-panel{width:min(335px,calc(100vw - 30px));right:-5px}.invoice-sheet{padding:23px 20px}.invoice-header{gap:15px;padding-bottom:22px}.invoice-brand{font-size:19px;gap:5px}.invoice-brand svg{width:21px;height:21px}.invoice-brand span{margin-left:-5px}.invoice-header p{font-size:6px;letter-spacing:.8px}.invoice-heading-right h2{font-size:21px}.invoice-heading-right>strong{font-size:8px}.invoice-details{gap:20px;grid-template-columns:1fr;margin:25px 0}.invoice-details dl{max-width:300px}.invoice-total-wrap{grid-template-columns:1fr;gap:10px}.invoice-message{display:none}.invoice-foot{font-size:7px;flex-direction:column;gap:5px}.invoice-payment-history>div{flex-wrap:wrap;gap:7px;font-size:8px}.invoice-items{font-size:10px;min-width:360px}.invoice-items th{font-size:8px;padding:10px 8px}.invoice-items td{padding:20px 8px}.invoice-items td span{font-size:8px}.invoice-toolbar .heading-actions{flex-direction:column;gap:7px;padding-top:0}.metrics-three .metric-card{padding:14px 10px}.metrics-three .metric-value{font-size:25px}.metrics-three .metric-foot{white-space:normal;font-size:7px}.metrics-three .metric-label{font-size:9px}.metrics-three .metric-icon{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media print{@page{size:A4;margin:12mm}:root,[data-bs-theme=dark]{--bg:#fff;--surface:#fff;--text:#17231b;--muted:#6c776f;--border:#dce3dc;--green:#2d6544;--green-soft:#edf4ed}body{background:#fff!important;color:#17231b!important;font-size:11px}.sidebar,.topbar,.invoice-toolbar,.app-footer,.sidebar-backdrop,.skip-link{display:none!important}.app-shell{margin:0!important}.main-content{padding:0!important;max-width:none}.invoice-sheet{border:0;box-shadow:none;border-radius:0;padding:10px;margin:0;max-width:none;break-inside:avoid}.invoice-header{padding-bottom:25px}.invoice-details{grid-template-columns:1.3fr 1fr;gap:30px}.invoice-total-wrap{grid-template-columns:1fr 1fr;gap:45px}.invoice-message{display:flex}.invoice-foot{flex-direction:row}.invoice-items{min-width:0}.invoice-payment-history>div{flex-wrap:nowrap}.status,.invoice-balance,.invoice-items th{-webkit-print-color-adjust:exact;print-color-adjust:exact}.table-overflow{overflow:visible}.invoice-foot,.invoice-payment-history{break-inside:avoid}.invoice-sheet a{color:inherit;text-decoration:none}}
/* Readability and balanced layouts on laptop and tablet screens. */
:root{--muted:#75828f}
[data-bs-theme=dark]{--muted:#a2afbc}
.nav-item{font-size:12px;padding-top:12px;padding-bottom:12px}.workspace strong,.sidebar-user strong{font-size:11px}.workspace small,.sidebar-user small{font-size:10px}.nav-group-title{font-size:9px}.workspace-note strong{font-size:13px}.workspace-note p,.workspace-note a,.sidebar-connection{font-size:10px}.topbar-start,.topbar-start strong{font-size:12px}.global-search input{font-size:11px}.page-heading p{font-size:12px}.heading-eyebrow{font-size:11px}.metric-label{font-size:11px}.metric-foot,.metric-foot .trend{font-size:9px}.panel-heading h2,.section-heading h2{font-size:15px}.panel-heading p,.section-heading p{font-size:11px}.chart-legend,.chart-summary>span{font-size:10px}.chart-bottom-note{font-size:9px}.subscriber-legend>a{font-size:11px}.subscriber-note{font-size:10px}.ticket-feed-copy strong,.person-cell strong,.data-table td>strong,.data-table td>a>strong{font-size:11px}.ticket-feed-copy small,.person-cell small,.table-subline{font-size:9px}.data-table{font-size:11px}.data-table th{font-size:10px}.money-cell{font-size:11px!important}.payment-method,.date-cell{font-size:10px!important}.status{font-size:9px}.plan-summary-top>strong{font-size:11px}.plan-summary-bottom{font-size:10px}.text-link{font-size:11px}.ticket-feed-item{padding-top:18px;padding-bottom:18px}.detail-grid dt{font-size:10px}.detail-grid dd{font-size:12px}.kanban-card>strong{font-size:13px}.kanban-card>p{font-size:11px}.kanban-customer{font-size:10px}.package-card>p{font-size:11px}.package-facts span{font-size:10px}.package-card .btn{font-size:10px}div.dt-container .dt-search input{font-size:11px}div.dt-container .dt-info{font-size:9px}div.dt-container .dt-paging button.dt-paging-button{font-size:10px}
@media(min-width:701px) and (max-width:1130px){.metrics-grid:not(.metrics-three){grid-template-columns:repeat(6,minmax(0,1fr))}.metrics-grid:not(.metrics-three)>.metric-card{grid-column:span 2}.metrics-grid:not(.metrics-three)>.metric-card:nth-last-child(-n+2){grid-column:span 3}.metric-card{padding:18px}.metric-value{font-size:29px}.metric-foot,.metric-foot .trend{font-size:9px}.metric-label{font-size:11px}.metric-icon{width:28px;height:28px}}
@media(max-height:800px) and (min-width:901px){.workspace-note{display:none}.sidebar-bottom{padding-top:25px}.sidebar{padding-top:24px}.workspace{margin-top:29px}}
@media(max-width:700px){.page-heading h1{font-size:24px}.page-heading p{font-size:11px}.metric-label{font-size:11px}.metric-foot,.metric-foot .trend{font-size:8px}.metrics-three .metric-label{font-size:9px}.metrics-three .metric-foot{font-size:8px}.panel-heading h2{font-size:14px}.ticket-feed-copy strong,.person-cell strong{font-size:11px}.ticket-feed-copy small{font-size:9px}.chart-legend{font-size:9px}.chart-bottom-note{font-size:8px}.plan-summary-bottom{font-size:10px}.app-footer{font-size:8px}.heading-actions .btn{font-size:9px}.global-search input{width:95px;font-size:10px}}
@media print{.sidebar{display:none!important}}
/* Customer, import and billing operations. */
.heading-actions{flex-wrap:wrap;justify-content:flex-end;max-width:65%}.heading-actions>.inline-status-form{display:inline-flex}.inline-actions{display:flex;align-items:center;gap:3px}.inline-status-form{display:inline-flex;margin:0}.suspend-action{color:#bd8c71}.suspend-action:hover{background:#fbefea;color:#b96d54}.receive-action{color:var(--green)}.flash-success{display:flex;align-items:center;gap:10px;padding:14px 18px;background:var(--green-soft);border:1px solid #8bb88d44;color:var(--green);border-radius:8px;margin-bottom:22px;font-size:12px}.flash-success svg{width:17px;height:17px}.operation-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(275px,1fr);gap:23px;align-items:start;margin-bottom:30px}.operation-main{display:flex;flex-direction:column;gap:22px}.form-section{padding:26px}.form-section h2{display:flex;align-items:center;gap:9px;font-size:15px;margin-bottom:8px}.form-section h2 svg{width:18px;height:18px;color:var(--green)}.form-section>p{font-size:11px;color:var(--muted);line-height:1.9;margin-bottom:24px}.form-section>p:last-child{margin-bottom:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field-group{min-width:0;display:flex;flex-direction:column;gap:7px}.field-group label{font-size:11px;font-weight:550;color:var(--text)}.field-group .form-control,.field-group .form-select{font-size:12px;color:var(--text);border:1px solid var(--border);background-color:var(--surface);border-radius:7px;padding:10px 11px;min-height:40px;box-shadow:none}.field-group .form-control:focus,.field-group .form-select:focus{border-color:#8faf83;box-shadow:0 0 0 3px #8faf8315}.field-group .form-control.is-invalid{border-color:#c3838d}.field-group small{font-size:9px;color:var(--muted);line-height:1.7}.field-group textarea{resize:vertical}.field-full{grid-column:span 2}.required-mark{color:#bd8a6a;margin-left:3px}.field-error{font-size:10px;color:var(--red);line-height:1.6}.operation-aside .field-group{margin-top:21px}.operation-note{display:flex;align-items:flex-start;gap:9px;padding:13px;background:var(--bg);border:1px solid var(--border);border-radius:7px;font-size:10px;line-height:1.8;color:var(--muted);margin:23px 0}.operation-note svg{width:15px;height:15px;color:#8aa681;margin-top:2px}.operation-stat{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:5px 0 24px}.operation-stat svg{color:var(--green);width:25px;height:25px}.operation-stat strong{font-size:42px;letter-spacing:-1.8px;font-weight:600}.operation-stat span{font-size:11px;color:var(--muted)}.import-steps{display:flex;align-items:center;gap:28px;margin:10px 0 25px}.import-steps>span{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted)}.import-steps b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--green-soft);color:var(--green);font-size:10px}.import-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:25px}.upload-dropzone{border:1px dashed #a8b99e;border-radius:9px;background:var(--bg);display:flex;align-items:center;flex-direction:column;padding:22px;gap:9px;cursor:pointer}.upload-dropzone>svg{color:#87a77a;width:28px;height:28px}.upload-dropzone strong{font-size:11px;font-weight:550}.upload-dropzone span{font-size:10px;color:var(--muted)}.upload-dropzone input{max-width:100%;font-size:10px;color:var(--muted);margin-top:6px}.upload-dropzone input::file-selector-button{background:var(--surface);border:1px solid var(--border);color:var(--text);padding:7px 10px;border-radius:5px;margin-right:10px;font-size:10px;cursor:pointer}.import-preview{margin-bottom:30px;overflow:hidden}.import-preview .panel-heading{padding-bottom:18px}.import-preview .data-table{min-width:950px}.import-validation{white-space:normal!important;min-width:240px;max-width:350px;font-size:10px;color:var(--red)}.import-validation>span{display:block;margin:4px 0}.import-validation>span>svg{width:12px;height:12px;vertical-align:-2px}.invalid-import-row{background:#b34c6110!important}.import-error-notice{display:flex;gap:9px;align-items:center;margin:0 22px 15px;padding:12px 14px;background:#fbefea;color:#b67b69;font-size:11px;border-radius:6px}.import-error-notice svg{width:16px;height:16px}.import-commit-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 23px;border-top:1px solid var(--border)}.import-commit-bar>span{color:var(--muted);font-size:10px}.amount-input{font-size:21px!important;font-weight:600}.balance-summary dl{margin:22px 0}.balance-summary dl>div{display:flex;justify-content:space-between;gap:12px;font-size:12px;padding:12px 0}.balance-summary dt{font-weight:400;color:var(--muted)}.balance-summary dd{font-weight:600;margin:0}.balance-summary .balance-due{border-top:1px solid var(--border);margin-top:10px;padding-top:22px}.balance-due dd{font-size:21px;color:var(--green);letter-spacing:-.5px}.balance-summary>p{font-size:11px;color:var(--muted)}.payment-complete{display:flex;flex-direction:column;align-items:center;padding:35px 0;gap:15px}.payment-complete>svg{width:40px;height:40px;color:var(--green)}.payment-complete p{font-size:12px;color:var(--muted)}.partial-label{color:#b29967;font-weight:500}.package-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.package-card:last-child,.plan-summary-card:last-child{grid-column:auto}.plan-summary-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.swal2-popup{font-family:Inter,'Segoe UI',Arial,sans-serif!important;font-size:13px!important;border-radius:14px!important}.swal2-title{font-size:22px!important;letter-spacing:-.5px!important}.swal2-html-container{font-size:12px!important;line-height:1.9!important}.swal2-actions button{font-size:12px!important;border-radius:7px!important}.swal2-input-label{font-size:12px!important}.swal2-textarea{font-size:12px!important;line-height:1.8!important;border-color:var(--border)!important;color:var(--text)!important}
@media(max-width:1300px){.package-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.plan-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.operation-grid{grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);gap:17px}.form-section{padding:21px}.form-grid{gap:17px}.heading-actions{max-width:58%;gap:7px}.heading-actions .btn{font-size:10px;padding:8px 11px}}
@media(max-width:1100px){.customer-edit-form .operation-grid{grid-template-columns:1fr}.operation-aside .form-section{display:grid;grid-template-columns:1fr 1fr;gap:17px}.operation-aside h2,.operation-aside .operation-note,.operation-aside button{grid-column:span 2}.operation-aside .field-group{margin-top:0}.import-upload-grid{grid-template-columns:1fr}.form-section .operation-note:last-child{margin-bottom:0}.page-heading{align-items:flex-start}}
@media(max-width:700px){.page-heading{flex-wrap:wrap}.heading-actions{max-width:100%;justify-content:flex-start;padding-top:0}.heading-actions .btn{font-size:10px}.operation-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field-full{grid-column:auto}.operation-aside .form-section{display:block}.operation-aside .field-group{margin-top:20px}.import-steps{gap:12px;flex-wrap:wrap}.import-steps>span{font-size:9px;gap:6px}.import-steps b{width:21px;height:21px}.import-commit-bar{flex-direction:column;align-items:stretch}.import-commit-bar button{width:100%}.package-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.package-card:last-child{grid-column:auto}.plan-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-summary-card:last-child{grid-column:auto}.flash-success{font-size:11px;padding:13px}.form-section{padding:21px}.invoice-toolbar .heading-actions{flex-direction:row}.balance-summary .balance-due dd{font-size:22px}}
/* Full operations navigation and restored modules. */
.sidebar{overflow:hidden}.sidebar nav{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#405647 transparent;padding-bottom:10px}.sidebar-bottom{margin-top:0;padding-top:10px;flex-shrink:0}.sidebar .workspace-note{display:none}.sidebar-connection{margin-bottom:14px}.sidebar .nav-item{font-size:11px;padding:10px 12px}.sidebar .workspace{margin-top:24px;margin-bottom:20px}.module-editor{max-width:870px;margin:0 auto 30px}.module-editor>h2{margin-bottom:23px}.form-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.module-month{display:inline-flex;margin:0 0 20px;gap:12px}.module-month label,.module-month input{font-size:11px}.module-month input,.support-toolbar .month-form input{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:5px;padding:6px}.expense-total{padding:20px 25px;margin-bottom:22px;display:flex;justify-content:space-between;align-items:center}.expense-total span{color:var(--muted);font-size:12px}.expense-total strong{font-size:24px;font-weight:600}.employee-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.employee-options>label{display:flex;gap:10px;align-items:center;border:1px solid var(--border);padding:13px;border-radius:7px;cursor:pointer}.employee-options strong{font-size:11px;font-weight:550;display:block}.employee-options small{font-size:9px;color:var(--muted);display:block;margin-top:4px}.employee-options input,.access-table input,.check-label input{accent-color:#608354}.stock-quantity{width:90px;font-size:12px;padding:6px;background:var(--surface);color:var(--text);border:1px solid var(--border)}.connection-total{padding:17px 0 0;display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:11px}.connection-total strong{font-size:27px;letter-spacing:-.8px;color:var(--green)}.connection-total small{font-size:9px}.blacklist-form{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:17px;margin-top:22px}.check-label{display:flex;align-items:center;gap:9px;font-size:12px}.access-subheading{font-size:13px;margin:27px 0 16px}.access-table{width:100%;border-collapse:collapse;font-size:11px}.access-table td,.access-table th{padding:10px 12px;border-bottom:1px solid var(--border)}.access-table th{font-weight:500;color:var(--muted);background:var(--bg)}.access-table td:not(:first-child),.access-table th:not(:first-child){text-align:center;width:70px}.user-access-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.user-access-grid .data-table{min-width:0}.user-access-grid .data-table td{white-space:normal}.user-access-grid .table-subline{overflow-wrap:anywhere}.invoice-brand{letter-spacing:-.7px}.sidebar-collapsed .sidebar nav{padding-bottom:10px}.module-editor hr{border-color:var(--border);margin:28px 0}.records-panel>h2{padding:20px}.blacklist-form .btn{height:40px}
@media(max-width:1200px){.user-access-grid{grid-template-columns:1fr}.user-access-grid>.records-panel{order:-1}.user-access-grid>.records-panel .data-table{min-width:600px}.blacklist-form{grid-template-columns:1fr 1fr}.blacklist-form .btn{grid-column:span 2}}
@media(max-width:700px){.employee-options{grid-template-columns:1fr}.blacklist-form{grid-template-columns:1fr}.blacklist-form .btn{grid-column:auto}.support-toolbar{gap:12px;flex-wrap:wrap}.sidebar-bottom{padding-top:5px}.module-month{flex-wrap:wrap}.module-month label{font-size:10px}}
@media print{.thermal-invoice{width:74mm!important;margin:0!important;padding:0!important;font-size:10px}.thermal-invoice .invoice-header{display:block;text-align:center;padding-bottom:12px}.thermal-invoice .invoice-brand{justify-content:center;font-size:18px}.thermal-invoice .invoice-heading-right{text-align:center;margin-top:15px}.thermal-invoice .invoice-heading-right h2{font-size:20px}.thermal-invoice .invoice-details{display:block;margin:15px 0}.thermal-invoice .invoice-details dl{margin-top:15px}.thermal-invoice .invoice-items th,.thermal-invoice .invoice-items td{font-size:8px;padding:8px 4px}.thermal-invoice .invoice-items td strong{font-size:9px}.thermal-invoice .invoice-items th:nth-child(2),.thermal-invoice .invoice-items td:nth-child(2){display:none}.thermal-invoice .invoice-total-wrap{display:block}.thermal-invoice .invoice-message{display:none}.thermal-invoice .invoice-foot{flex-direction:column}.thermal-invoice .invoice-payment-history>div{flex-wrap:wrap}.thermal-invoice .invoice-items{min-width:0}}
.finance-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:0 0 23px}.finance-strip>.surface{padding:17px 19px;display:flex;flex-direction:column;gap:8px}.finance-strip span{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted)}.finance-strip span>svg{width:13px;height:13px;color:#8aa07f}.finance-strip strong{font-size:23px;letter-spacing:-.6px;font-weight:600}.finance-strip small{font-size:9px;color:var(--muted)}.settings-extras{margin-top:25px}.settings-logo-preview{max-width:170px;max-height:100px;object-fit:contain;display:block;margin:15px 0 22px;background:#fff;border-radius:7px;padding:10px}.invoice-company-logo{max-width:130px;max-height:70px;object-fit:contain;margin-bottom:15px}.backup-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:15px 0 25px}.backup-counts>span{display:flex;justify-content:space-between;gap:10px;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:10px;font-size:11px;color:var(--muted)}.backup-counts strong{color:var(--text);font-weight:600}.restore-preview{border-color:#b58c7044;margin-bottom:30px}.restore-preview>p{max-width:850px}.main-content>.page-heading+.page-heading.invoice-toolbar{padding-top:0}.settings-extras .form-section p{font-size:11px;line-height:1.9}.invoice-sheet:has(+.invoice-sheet){margin-bottom:30px}
@media(max-width:700px){.finance-strip{grid-template-columns:1fr}.finance-strip>.surface{padding:16px}.backup-counts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media print{.invoice-sheet{break-after:page;page-break-after:always;break-inside:auto}.invoice-sheet:last-of-type{break-after:auto;page-break-after:auto}.invoice-company-logo{max-height:55px}}
[data-stock-assignment] .data-table{min-width:0;width:100%;table-layout:fixed}[data-stock-assignment] .data-table th,[data-stock-assignment] .data-table td{padding:12px 6px;font-size:10px}[data-stock-assignment] .data-table th:first-child,[data-stock-assignment] .data-table td:first-child{width:29%;white-space:normal;overflow-wrap:anywhere}[data-stock-assignment] .data-table th:nth-child(2){width:11%}[data-stock-assignment] .data-table th:nth-child(3){width:16%}[data-stock-assignment] .data-table th:nth-child(4){width:17%}[data-stock-assignment] .data-table th:nth-child(5){width:20%}[data-stock-assignment] .data-table th:last-child{width:7%}[data-stock-assignment] .stock-quantity{width:100%;min-width:45px;max-width:80px;padding:6px 4px}[data-stock-assignment] .row-action{width:24px;height:28px}[data-stock-assignment] .stock-picker{margin-bottom:18px}[data-stock-assignment] [hidden]{display:none!important}@media(min-width:1101px){.customer-edit-form .operation-aside{position:sticky;top:92px;align-self:start;max-height:calc(100vh - 112px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}}@media(max-width:600px){[data-stock-assignment] .data-table{min-width:490px}}.danger-text{color:var(--red,#c16868)}

[data-stock-assignment] .data-table{width:calc(100% - 1px)}[data-stock-assignment] .data-table td:last-child{padding-left:2px;padding-right:2px}[data-stock-assignment] .row-action{width:20px}
.connection-payment-summary{margin:16px 0 0;font-size:11px;border-top:1px solid var(--border);padding-top:12px}.connection-payment-summary>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0}.connection-payment-summary dt{font-weight:400;color:var(--muted)}.connection-payment-summary dd{margin:0;font-weight:600}.connection-payment-summary>div:last-child dd{font-size:17px;color:var(--green)}.advance-status{font-size:11px;color:var(--muted);padding:12px 14px;border:1px solid var(--border);border-radius:7px;margin-top:20px}.advance-status.advance-error{color:var(--red,#c16868);border-color:currentColor}[data-custom-category-field][hidden]{display:none!important}
.invoice-toolbar{flex-wrap:wrap;gap:18px}.invoice-toolbar .heading-actions{max-width:100%;flex-wrap:wrap}.invoice-share-dialog{width:min(650px,calc(100vw - 32px));max-height:90vh;overflow-y:auto}.invoice-share-dialog .field-group{margin-top:20px}.invoice-share-dialog .share-message{font-family:inherit;font-size:11px;line-height:1.6;min-height:170px}.share-help{font-size:11px;line-height:1.7;color:var(--muted);margin:18px 0}.share-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 12px}.share-result{font-size:10px;line-height:1.6;margin-top:12px}[data-share-file][hidden],[data-whatsapp-error][hidden]{display:none!important}@media print{.invoice-share-dialog{display:none!important}}
.billing-tools{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}.account-workspace{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr);gap:22px;align-items:start}.account-workspace .data-table{min-width:520px}.account-workspace .form-section>p{font-size:11px;color:var(--muted);line-height:1.7}.collections-filter{display:flex;flex-wrap:wrap;gap:14px;align-items:end;margin-bottom:24px}.collections-filter .field-group{margin:0;min-width:190px}.collections-filter .field-group:nth-child(3){min-width:260px}.collections-filter .btn{height:39px}.collection-limit{font-size:10px;color:var(--muted);padding:12px 22px;margin:0}.receipt-amount{padding:23px 26px;background:var(--green-soft);border-radius:9px;margin:25px 0;display:flex;flex-direction:column;gap:7px;color:var(--green)}.receipt-amount>span{font-size:11px}.receipt-amount>strong{font-size:34px;letter-spacing:-1px}.receipt-amount>small{font-size:11px}.receipt-sheet .invoice-details dd{overflow-wrap:anywhere}.receipt-sheet .invoice-details dl{min-width:280px}.receipt-sheet .invoice-totals{min-width:310px}@media(max-width:1000px){.account-workspace{grid-template-columns:1fr}}@media(max-width:600px){.receipt-sheet .invoice-details{flex-direction:column;gap:20px}.receipt-sheet .invoice-totals{min-width:0}.collections-filter{display:grid;grid-template-columns:1fr}.collections-filter .field-group{min-width:0!important}}
.collector-search{display:flex;align-items:end;gap:12px}.collector-search .field-group{flex:1;margin:0}.collector-search .btn{height:40px}@media(max-width:650px){.collector-search{flex-wrap:wrap}.collector-search .field-group{flex-basis:100%}}
.collector-invoices{min-width:0;width:100%;table-layout:fixed}.collector-invoices th,.collector-invoices td{padding:12px 8px;font-size:11px}.collector-invoices th:first-child{width:27%}.collector-invoices th:nth-child(2){width:24%}.collector-invoices th:nth-child(3){width:14%}.collector-invoices th:nth-child(4){width:15%}.collector-invoices th:last-child{width:20%}.collector-invoices td:first-child,.collector-invoices td:nth-child(2){white-space:normal;overflow-wrap:anywhere}.collector-invoices .btn{font-size:10px;padding:7px;white-space:normal;gap:5px}.collector-invoices .btn svg{width:13px;height:13px;flex-shrink:0}@media(max-width:1100px){.collector-invoices th:nth-child(3),.collector-invoices td:nth-child(3){display:none}}@media(max-width:600px){.collector-invoices{min-width:460px}}
.daily-report-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.daily-report-filters .field-group{margin:0}.daily-report-filters .btn{justify-self:start}.report-shortcuts{display:flex;flex-wrap:wrap;gap:16px;font-size:11px;margin-top:18px}.report-shortcuts span{color:var(--muted)}.report-demo-note{display:flex;gap:10px;align-items:center;padding:13px 16px;font-size:11px;background:var(--green-soft);color:var(--green);border:1px solid var(--border);border-radius:7px;margin:18px 0}.report-demo-note svg{width:17px;flex-shrink:0}.daily-report-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:22px}.daily-report-kpis>.surface{padding:22px;display:flex;flex-direction:column;gap:10px}.daily-report-kpis span{font-size:11px;color:var(--muted)}.daily-report-kpis strong{font-size:26px;letter-spacing:-.7px}.daily-report-kpis small{font-size:10px;color:var(--muted)}@media(max-width:1100px){.daily-report-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.daily-report-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.daily-report-filters{grid-template-columns:1fr}.daily-report-kpis{gap:12px}.daily-report-kpis>.surface{padding:16px}.daily-report-kpis strong{font-size:22px}}