html,body,#root{min-height:100%}body{margin:0}:root{color:#1d2433;background:#eef2f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}button,input,select,textarea{font:inherit}button,a.secondary{cursor:pointer;border:0}.login-screen{background:linear-gradient(135deg,#e8edf3,#f9faf7);place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{background:#fff;border:1px solid #dce3ea;border-radius:8px;gap:16px;width:min(420px,100%);padding:32px;display:grid;box-shadow:0 24px 80px #1d24331f}.brand-mark{color:#fff;background:#0c7c7c;border-radius:8px;place-items:center;width:44px;height:44px;font-weight:800;display:grid}.login-panel h1,.topbar h1,.detail-panel h2,.system-card h2{letter-spacing:0;margin:0}.login-panel p,.topbar p,.hint{color:#667085;margin:0}label{color:#344054;gap:7px;font-size:13px;font-weight:650;display:grid}input,select,textarea{color:#1d2433;background:#fff;border:1px solid #cfd8e3;border-radius:6px;width:100%;padding:10px 11px}textarea{resize:vertical;min-height:132px}.login-panel button,.secondary,.export{border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-weight:700;text-decoration:none;display:inline-flex}.login-panel button{color:#fff;background:#0c7c7c}.error{color:#b42318;background:#fff1f0;border:1px solid #ffccc7;border-radius:6px;padding:10px}.app-shell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#182230;flex-direction:column;gap:8px;padding:18px;display:flex}.sidebar-brand{margin-bottom:22px;display:block}.brand-logo{width:100%;max-width:172px;height:auto;display:block}.brand-sub{color:#b9c3cf;letter-spacing:.08em;text-transform:uppercase;margin-top:6px;padding-left:2px;font-size:12px;display:block}.sidebar-brand span,.sidebar-footer span{color:#b9c3cf;font-size:12px;display:block}.nav{color:#d8dee7;text-align:left;background:0 0;border-radius:6px;align-items:center;gap:10px;min-height:42px;padding:0 12px;display:flex}.nav.active,.nav:hover{color:#fff;background:#263244}.sidebar-footer{border-top:1px solid #344054;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:auto;padding-top:18px;display:grid}.icon-button{color:#d8dee7;background:#263244;border-radius:6px;place-items:center;width:34px;height:34px;display:grid}.main-panel{min-width:0;padding:24px}.topbar,.toolbar,.work-area,.system-grid{max-width:1480px;margin:0 auto}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.secondary,.export{color:#1d2433;background:#fff;border:1px solid #dce3ea}.system-card,.detail-panel{background:#fff;border:1px solid #dce3ea;border-radius:8px}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.search-box{flex:320px;position:relative}.search-box svg{color:#667085;position:absolute;top:12px;left:11px}.search-box input{padding-left:36px}.segmented{border:1px solid #cfd8e3;border-radius:6px;display:flex;overflow:hidden}.segmented button{color:#344054;background:#fff;border-right:1px solid #cfd8e3;min-height:40px;padding:0 12px}.segmented button:last-child{border-right:0}.toggle{background:#fff;border:1px solid #cfd8e3;border-radius:6px;grid-template-columns:none;align-items:center;gap:8px;min-height:40px;padding:0 10px;display:flex}.toggle input{width:auto}.work-area{display:block}.table-wrap{background:#fff;border:1px solid #dce3ea;border-radius:8px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:1240px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #edf1f5;padding:12px}th{color:#667085;text-transform:uppercase;background:#f7f9fb;font-size:12px}td strong,td span{display:block}td span{color:#667085;margin-top:3px;font-size:12px}tbody tr{cursor:pointer}tbody tr:hover,tbody tr.selected{background:#effafa}.risk-tag{color:#b54708;font-weight:800}.status,.pill{color:#344054;background:#eef2f6;border-radius:999px;align-items:center;min-height:24px;padding:0 8px;font-size:12px;font-weight:800;display:inline-flex}.status.risk,.pill.failed{color:#b42318;background:#fff1f0}.status.callback,.pill.demo{color:#b54708;background:#fff7e6}.status.paid,.pill.passed{color:#067647;background:#ecfdf3}.detail-overlay{z-index:50;background:#0f172a73;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.detail-panel{gap:14px;width:min(560px,100%);max-height:calc(100vh - 48px);padding:22px;display:grid;position:relative;overflow-y:auto;box-shadow:0 24px 80px #0f172a47}.detail-close{color:#667085;background:#f1f5f9;border-radius:6px;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:12px;right:12px}.detail-close:hover{color:#1d2433;background:#e2e8f0}.detail-head{align-items:flex-start;gap:10px;display:flex}.detail-head span,.contact-box span{color:#667085;font-size:12px;display:block}.detail-meta{background:#f7f9fb;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.detail-meta span{color:#667085;align-items:center;gap:7px;display:flex}.contact-box{border-top:1px solid #edf1f5;gap:4px;padding-top:12px;display:grid}.system-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.system-card{padding:18px}.system-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.check-row{border-top:1px solid #edf1f5;gap:10px;padding:12px 0;display:flex}.check-row svg{color:#0c7c7c;flex:none}.check-row span{color:#667085;margin-top:3px;display:block}@media (width<=1100px){.app-shell{grid-template-columns:1fr}.sidebar{z-index:5;flex-direction:row;align-items:center;position:sticky;top:0;overflow-x:auto}.sidebar-footer{border-top:0;margin-top:0;margin-left:auto;padding-top:0}.work-area,.system-grid{grid-template-columns:1fr}.detail-panel{position:static}}.topbar-actions{align-items:center;gap:14px;display:flex}.sync-state{background:#94a3b81f;border:1px solid #94a3b82e;border-radius:10px;align-items:center;gap:10px;padding:8px 14px;display:flex}.sync-state div{flex-direction:column;line-height:1.3;display:flex}.sync-state strong{font-size:.82rem}.sync-state span{opacity:.7;font-size:.72rem}.sync-dot{background:#64748b;border-radius:50%;flex-shrink:0;width:9px;height:9px}.sync-dot.success{background:#22c55e}.sync-dot.partial{background:#f59e0b}.sync-dot.failed{background:#ef4444}.banner{border-radius:10px;margin:0 24px 14px;padding:10px 14px;font-size:.82rem}.banner.warning{color:#7a4a00;background:#fff4d6;border:1px solid #f0c36d;font-weight:600}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.bulk-bar{background:#0d94881f;border:1px solid #0d948859;border-radius:10px;align-items:center;gap:10px;margin:0 24px 12px;padding:10px 14px;display:flex}.bulk-bar strong{font-size:.85rem}.bulk-bar input{color:inherit;background:0 0;border:1px solid #94a3b866;border-radius:8px;padding:7px 11px;font-size:.85rem}.bulk-bar button{color:#fff;cursor:pointer;background:#0d9488e6;border:1px solid #0d948880;border-radius:8px;padding:7px 13px;font-size:.82rem}.bulk-bar button:disabled{opacity:.5;cursor:not-allowed}.bulk-bar button.ghost{color:inherit;background:0 0;border-color:#94a3b866}th.tick,td.tick{text-align:center;width:36px}th.tick input,td.tick input{cursor:pointer}.overdue-text{font-weight:600;color:#ef4444!important}.pay-cell{min-width:108px}.pay-mark{white-space:nowrap;align-items:center;gap:5px;font-size:.8rem;font-weight:600;display:inline-flex!important}.pay-mark.paid{color:#15803d}.pay-mark.unpaid{color:#b91c1c}.pay-yes{color:#15803d}.pay-no{color:#b91c1c}.client-cell strong,.client-cell span,.service-cell strong,.service-cell span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.wrap-cell{text-overflow:ellipsis;white-space:nowrap;color:#475569;max-width:172px;font-size:.78rem;overflow:hidden}.remarks-cell{text-overflow:ellipsis;white-space:nowrap;color:#475569;min-width:150px;max-width:220px;font-size:.78rem;overflow:hidden}.detail-invoice{align-items:stretch;gap:10px;margin-bottom:14px;display:flex}.detail-invoice>div{background:#94a3b81f;border-radius:10px;flex-direction:column;flex:1;gap:2px;padding:10px 12px;display:flex}.detail-invoice span{opacity:.7;text-transform:uppercase;letter-spacing:.04em;font-size:.7rem}.detail-invoice strong{font-size:.85rem}.detail-invoice small{opacity:.65;font-size:.7rem}.priority-chip{text-align:center;flex:0 0 92px;justify-content:center;align-items:center}.priority-chip strong{font-size:1.3rem}.invoice-cell{letter-spacing:-.01em;min-width:118px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.76rem}.invoice-cell strong{color:#0f172a;font-weight:600}.no-invoice{color:#94a3b8;font-family:inherit;font-style:italic}.gst-line{text-transform:uppercase;letter-spacing:.04em;align-items:baseline;gap:6px;margin-top:4px;font-size:11px;display:flex!important}.gst-line strong{color:#1d2433;text-transform:none;letter-spacing:.01em;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px;display:inline}.gst-line em{color:#94a3b8;font-style:italic}.filter-wrap{position:relative}.filter-on{color:#0c7c7c;border-color:#0c7c7c;font-weight:700}.filter-pop{z-index:30;background:#fff;border:1px solid #dce3ea;border-radius:8px;gap:2px;width:232px;padding:8px;display:grid;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 16px 40px #0f172a29}.filter-pop>button{color:#1d2433;text-align:left;background:0 0;border-radius:6px;min-height:36px;padding:0 10px;font-size:13px}.filter-pop>button:hover{background:#eef2f6}.filter-pop>button.active{color:#fff;background:#0c7c7c}.filter-custom{border-top:1px solid #edf1f5;gap:8px;margin-top:6px;padding-top:10px;display:grid}.filter-custom strong{color:#667085;font-size:12px}.filter-custom label{font-size:12px;font-weight:600}.filter-custom input{padding:7px 9px;font-size:13px}.filter-clear{color:#344054;background:#eef2f6;border-radius:6px;min-height:34px;font-size:13px;font-weight:600}.status-filter{width:auto;min-height:40px;font:inherit;background:#fff;border:1px solid #cfd8e3;border-radius:6px;padding:0 10px;font-weight:600}.service-status{color:#17603b;background:#e7f6ee;border-radius:999px;margin-top:4px;padding:1px 8px;font-size:11px;font-style:normal;font-weight:700;display:inline-block}.service-status.pending{color:#7a5200;background:#fff4d6}.service-status.suspended{color:#8a3a00;background:#ffe6d5}.service-status.cancelled,.service-status.terminated,.service-status.fraud{color:#8f1d1d;background:#fde3e3}.service-status.completed{color:#3d4a5c;background:#e8ecf2}.system-grid.team-grid{grid-template-columns:1fr;gap:16px;display:grid}.team-grid .system-card{padding:18px;overflow-x:auto}.team-table{border-collapse:collapse;width:100%;font-size:14px}.team-table th{text-align:left;color:#667085;text-transform:uppercase;letter-spacing:.04em;padding:8px 10px;font-size:12px}.team-table td{vertical-align:middle;border-top:1px solid #e6ebf1;padding:10px}.team-table tr.off td{color:#98a2b3}.team-table select{width:auto;min-height:34px}.team-hint{color:#667085;margin:12px 0 0;font-size:13px}.team-form{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.team-form label{color:#475467;gap:4px;min-width:200px;font-size:13px;display:grid}.team-form button{min-height:40px}.timeline{border-top:1px solid #e6ebf1;padding-top:12px}.timeline h3{text-transform:uppercase;letter-spacing:.04em;color:#475467;align-items:center;gap:6px;margin:0 0 8px;font-size:13px;display:flex}.timeline p{margin:0;font-size:13px}.timeline-item{border-left:3px solid #cfd8e3;margin-bottom:6px;padding:8px 0 8px 12px}.timeline-item.followup{border-left-color:#0f766e}.timeline-item span{color:#667085;margin-bottom:2px;font-size:11px;display:block}.bulk-bar select{min-height:36px}.system-bar{color:#667085;grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.system-wide{grid-column:1/-1}.note-state{color:#667085;min-height:16px;margin-top:4px;font-size:12px;display:block}.note-state.unsaved{color:#b54708}.note-state.saved{color:#067647}.empty-row td{text-align:center;color:#667085;padding:28px 16px;font-size:14px}.empty-row:hover{cursor:default;background:0 0}.dues-table th{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.dues-table td{white-space:nowrap;padding-top:9px;padding-bottom:9px;font-size:13.5px}.dues-table .num{text-align:right;font-variant-numeric:tabular-nums}.dues-table tbody tr{cursor:default}.dues-totals td{text-align:right;font-variant-numeric:tabular-nums;background:#f3f6fa;border-bottom:1px solid #dce3ea;padding:10px 14px;font-size:14px;font-weight:800}.dues-totals td:first-child{text-align:left;color:#475467;font-weight:600}.dues-table td .due-flag{color:#17603b;background:#e7f6ee;border-radius:999px;margin-top:0;padding:1px 9px;font-size:12px;font-weight:700;display:inline-block}.dues-table td .due-flag.due{color:#8f1d1d;background:#fde3e3}.dues-table td strong{display:inline}.dues-table td{vertical-align:middle}.dues-table tbody tr:hover{background:#f7f9fb}.month-picker{align-items:center;gap:6px;display:flex}.month-picker input{width:auto;min-height:40px;font-weight:700}.month-picker button{min-height:40px;padding:0 10px}.month-strip{gap:8px;padding:0 0 12px;display:flex;overflow-x:auto}.month-chip{text-align:left;color:#1d2939;cursor:pointer;background:#fff;border:1px solid #cfd8e3;border-radius:8px;flex:none;gap:2px;padding:8px 12px;display:grid}.month-chip strong{font-size:13px}.month-chip span{color:#667085;font-size:12px}.month-chip.active{background:#effafa;border-color:#0f766e}.month-strip{max-width:1480px;margin:0 auto}.dues-table tbody tr.due-client{cursor:pointer}.dues-table tbody tr.due-client.open{background:#f3f8fb}.dues-table .due-arrow{vertical-align:-2px;color:#667085;margin-right:6px;transition:transform .12s}.dues-table .due-arrow.open{transform:rotate(90deg)}.dues-table tr.due-invoices>td{background:#f8fafc;padding:0 0 10px 34px}.dues-table tr.due-invoices:hover{background:0 0}.due-invoices table{width:100%;min-width:0}.due-invoices th{cursor:default;background:0 0;padding:8px 12px;font-size:11px}.due-invoices td{border-bottom:1px solid #e6ebf1;padding:7px 12px;font-size:13px}.due-invoices tbody tr:last-child td{border-bottom:none}.nav .nav-count{text-align:center;color:#8f1d1d;background:#fde3e3;border-radius:999px;min-width:22px;margin-left:auto;padding:1px 7px;font-size:11px;font-weight:800}.whmcs-link{color:#0c6a6a;white-space:nowrap;align-items:center;gap:5px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.whmcs-link:hover{text-decoration:underline}.detail-links{flex-wrap:wrap;gap:8px 16px;display:flex}.missing-tag{color:#7a4a00;background:#fff4d6;border-radius:999px;margin:0 6px 2px 0;padding:1px 9px;font-size:12px;font-weight:700;display:inline-block}.missing-mark{color:#7a4a00;background:#fff4d6;border-radius:999px;margin-top:3px;padding:0 7px;font-size:11px;font-style:normal;font-weight:700;display:inline-block}.missing-box{background:#fffaeb;border:1px solid #f0c36d;border-radius:6px;flex-wrap:wrap;align-items:center;gap:6px 8px;padding:10px;font-size:13px;display:flex}.missing-box strong{color:#7a4a00;margin-right:4px}.missing-box .whmcs-link{margin-left:auto}.message-box{gap:8px;display:grid}.message-box select{min-height:36px}.message-box textarea{white-space:pre-wrap;min-height:190px;font-size:13px;line-height:1.45}.message-actions{flex-wrap:wrap;gap:8px;display:flex}.message-actions .send{color:#1d2433;cursor:pointer;background:#fff;border:1px solid #cfd8e3;border-radius:6px;align-items:center;gap:6px;min-height:36px;padding:0 12px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.message-actions .send:hover{background:#f3f6fa}.message-actions .send.whatsapp{color:#fff;background:#128c4a;border-color:#128c4a}.message-actions .send.whatsapp:hover{background:#0f7a40}.message-actions .send.off{color:#98a2b3;cursor:not-allowed}.message-hint,.message-none{color:#667085;margin:0;font-size:12px}.detail-message{border-top:1px solid #e6ebf1;gap:8px;padding-top:12px;display:grid}.detail-message h3{text-transform:uppercase;letter-spacing:.04em;color:#475467;margin:0;font-size:13px}.dues-table td.followup-cell{white-space:normal;min-width:150px;max-width:230px;line-height:1.5}.followup-cell strong{font-size:13px;display:block}.followup-cell em{color:#98a2b3;font-style:normal;font-weight:500}.promise{color:#17603b;white-space:nowrap;background:#e7f6ee;border-radius:999px;margin:2px 4px 0 0;padding:0 8px;font-size:11.5px;font-weight:700;display:inline-block}.promise.missed{color:#8f1d1d;background:#fde3e3}.promise.reason{color:#344054;background:#eef2f6}.dues-table tr.due-invoices>td{white-space:normal;padding:0 14px 14px 34px}.due-panel{cursor:default;gap:14px;display:grid}.due-panel .due-error{margin:10px 0 0}.due-panel>table td{white-space:nowrap}.due-panel tr.disputed td{background:#fff8f6}.dispute-tag{color:#8f1d1d;background:#fde3e3;border-radius:999px;align-items:center;gap:4px;margin-left:8px;padding:0 8px;font-size:11.5px;font-weight:700;display:inline-flex}.row-actions{text-align:right;white-space:nowrap}.row-actions>*{vertical-align:middle;margin-left:12px}button.link{color:#0c6a6a;background:0 0;padding:0;font-size:13px;font-weight:700}button.link:hover{text-decoration:underline}.inline-form{align-items:center;gap:6px;display:inline-flex}.inline-form input,.inline-form select{width:auto;min-height:32px;font-size:13px}.inline-form input{min-width:190px}.inline-form button:not(.link){color:#fff;background:#0c7c7c;border-radius:6px;min-height:32px;padding:0 10px;font-size:13px;font-weight:700}.inline-form button:disabled{opacity:.5;cursor:not-allowed}.due-work{grid-template-columns:minmax(260px,1fr) minmax(300px,1.15fr) minmax(220px,.85fr);gap:14px;display:grid}.due-work section{background:#fff;border:1px solid #dce3ea;border-radius:8px;align-content:start;gap:10px;padding:14px;display:grid}.due-work h4{text-transform:uppercase;letter-spacing:.04em;color:#475467;align-items:center;gap:6px;margin:0;font-size:12px;display:flex}.due-work label{color:#475467;gap:4px;font-size:13px;display:grid}.due-work textarea{min-height:96px;font-size:13px}.due-fields{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.due-contact{color:#667085;flex-wrap:wrap;gap:4px 14px;font-size:12.5px;display:flex}.due-history{max-height:300px;overflow-y:auto}.due-history .timeline-item p{white-space:normal;margin:0;font-size:13px}@media (width<=1180px){.due-work{grid-template-columns:1fr}}.dues-table.plain th{cursor:default}.dues-table.plain td{white-space:nowrap;vertical-align:top}.dues-table.plain td.wrap{white-space:normal;min-width:180px;max-width:320px}.dues-table.plain tr.closed td{color:#98a2b3}.dues-table .sub{color:#667085;font-size:12px}.dues-table td .due-flag.warn{color:#7a4a00;background:#fff4d6}.screen-summary{flex-wrap:wrap;flex:320px;align-items:baseline;gap:6px 16px;font-size:14px;display:flex}.screen-summary span{color:#667085}.screen-note{color:#667085;max-width:1480px;margin:0 auto 12px;font-size:13px}.search-box input.no-icon{padding-left:12px}.system-title h2{align-items:center;gap:8px;display:flex}.due-panel{max-width:calc(100vw - 350px);position:sticky;left:34px}.due-panel>table{display:block;overflow-x:auto}@media (width<=900px){.due-panel{max-width:calc(100vw - 80px)}}@media (width>=1101px){.sidebar{align-self:start;height:100vh;position:sticky;top:0;overflow-y:auto}}.topbar{margin-bottom:14px}.topbar h1{font-size:24px;line-height:1.2}.topbar p{font-size:13px}.main-panel{padding:18px 24px 24px}table{min-width:980px}.dues-table{min-width:900px}.due-panel>table{width:100%;min-width:0;display:table}@media (width>=1101px){.table-wrap{max-height:calc(100vh - 150px)}.table-wrap>table>thead{z-index:3;position:sticky;top:0}.table-wrap>table>thead th{box-shadow:inset 0 -1px #dce3ea}}.contact-cell span{color:#475569;overflow-wrap:anywhere;margin-top:0;font-size:12.5px;display:block}.contact-cell span+span{color:#1d2433;font-variant-numeric:tabular-nums;margin-top:3px}.invoice-cell{white-space:nowrap;min-width:150px}.invoice-cell .pay-mark{letter-spacing:0;margin-top:4px;font-family:Inter,ui-sans-serif,system-ui,Segoe UI,sans-serif}.totals-strip{gap:6px;max-width:1480px;margin:0 auto 12px;display:grid}.totals-line{background:#fff;border:1px solid #dce3ea;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px 28px;padding:10px 14px;display:flex}.totals-line .totals-what{color:#475467;flex:240px;font-size:13.5px;font-weight:600}.totals-line span{align-items:baseline;gap:8px;display:flex}.totals-line em{text-transform:uppercase;letter-spacing:.04em;color:#667085;font-size:11.5px;font-style:normal}.totals-line strong{font-variant-numeric:tabular-nums;font-size:16px}.totals-line .owed strong{color:#8f1d1d}.dues-table td .due-email{color:#667085;margin:2px 0 0 21px;font-size:12px;display:block}.dues-table td.followup-cell{min-width:120px}.followup-cell em{color:#c0c7d1}.dues-table tr.due-invoices>td{padding:4px 14px 14px 34px}.due-work{grid-template-columns:minmax(250px,1fr) minmax(300px,1.2fr) minmax(200px,.8fr)}.due-work section:first-child{grid-template-rows:auto auto 1fr auto}.due-work section:first-child>label{grid-template-rows:auto 1fr auto;align-content:start;height:100%}.due-work section:first-child textarea{height:100%;min-height:110px}.due-work .message-box textarea{min-height:170px}.due-history{max-height:250px}.detail-panel{width:min(1040px,100%)}.detail-cols{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start;gap:22px;display:grid}.detail-col{align-content:start;gap:12px;min-width:0;display:grid}.detail-col textarea{min-height:96px}.detail-col .message-box textarea{min-height:230px}.detail-col .detail-message{border-top:0;padding-top:0}.detail-col .timeline{max-height:260px;overflow-y:auto}.detail-invoice{margin-bottom:0}@media (width<=900px){.detail-cols{grid-template-columns:1fr}}th,td{padding:10px}.client-cell,.service-cell{min-width:140px;max-width:180px}.contact-cell{min-width:150px;max-width:215px}.contact-cell span{font-size:12px}.remarks-cell{min-width:120px;max-width:160px}.invoice-cell{min-width:0}.segmented{background:#fff;border:1px solid #dce3ea;border-radius:8px;padding:3px;display:inline-flex}.segmented button{color:#475467;white-space:nowrap;background:0 0;border-radius:6px;min-height:34px;padding:0 12px;font-size:13px;font-weight:700}.segmented button.active{color:#fff;background:#182230}.tickets-table td,.dues-table.plain.tickets-table td{vertical-align:middle}.ticket-cell{max-width:380px;white-space:normal!important}.ticket-cell strong{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;display:block;overflow:hidden}.ticket-cell .ticket-id{color:#667085;margin-bottom:2px;font-family:ui-monospace,Consolas,monospace;font-size:12px;display:inline-block}.ticket-customer strong{display:block}.ticket-customer .sub,.ticket-cell .sub{text-overflow:ellipsis;display:block;overflow:hidden}.ticket-status,.ticket-priority{white-space:nowrap;color:#344054;background:#eef2f6;border-radius:999px;padding:1px 9px;font-size:12px;font-weight:700;display:inline-block}.ticket-status.open,.ticket-status.customer-reply{color:#8f1d1d;background:#fde3e3}.ticket-status.answered{color:#17603b;background:#e7f6ee}.ticket-status.on-hold{color:#7a4a00;background:#fff4d6}.ticket-status.in-progress{color:#1d4ed8;background:#e5efff}.ticket-priority.high{color:#8f1d1d;background:#fde3e3}.ticket-priority.medium{color:#7a4a00;background:#fff4d6}.ticket-priority.low{color:#475467;background:#eef2f6}.wait{color:#1d2433;font-weight:700;display:block}.wait.late{color:#b42318}.wait.calm{color:#475467;font-weight:500}.owes{color:#8f1d1d;white-space:nowrap;font-weight:700}.customer-tickets{background:#fff8f6;border:1px solid #f3c1bd;border-radius:8px;gap:6px;padding:10px 12px;font-size:13px;display:grid}.customer-tickets>strong{color:#8f1d1d;align-items:center;gap:6px;display:flex}.customer-ticket{align-items:center;gap:8px;min-width:0;display:flex}.customer-ticket-subject{text-overflow:ellipsis;white-space:nowrap;color:#1d2433;flex:1;min-width:0;overflow:hidden}.customer-tickets .sub{color:#667085;font-size:12px}.dues-table td.ticket-cell strong,.dues-table td.ticket-customer strong,.dues-table td.ticket-cell .ticket-id{display:block}.tickets-toolbar .search-box{flex:200px;min-width:200px}.tickets-toolbar .status-filter{width:auto}.sidebar-footer{grid-template-columns:1fr auto}.account-button{color:#fff;text-align:left;background:0 0;border-radius:6px;grid-template-columns:auto 1fr;align-items:center;gap:10px;min-width:0;margin:-6px 0 -6px -8px;padding:6px 8px;display:grid}.account-button:hover,.account-button.active{background:#263244}.account-button strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.account-button span{color:#b9c3cf;font-size:12px;display:block}.filter-pop>button.filter-order{border-top:1px solid #e6ebf1;border-radius:0 0 6px 6px;margin-top:4px}.toolbar-note{color:#667085;font-size:12.5px}.orders-table td{vertical-align:middle!important}.dues-table td .sub,.orders-table .sub{display:block}.order-item{color:#1d2433;font-size:13px;display:block}.order-status,.change-type,.gst-status{white-space:nowrap;color:#344054;background:#eef2f6;border-radius:999px;padding:1px 9px;font-size:12px;font-weight:700;display:inline-block}.order-status.active{color:#17603b;background:#e7f6ee}.order-status.pending{color:#7a4a00;background:#fff4d6}.order-status.cancelled,.order-status.fraud{color:#8f1d1d;background:#fde3e3}.change-type.activated,.change-type.new,.change-type.unsuspended{color:#17603b;background:#e7f6ee}.change-type.upgrade{color:#1d4ed8;background:#e5efff}.change-type.downgrade,.change-type.suspended{color:#7a4a00;background:#fff4d6}.change-type.cancelled,.change-type.removed{color:#8f1d1d;background:#fde3e3}.check-button{color:#1d2433;white-space:nowrap;background:#fff;border:1px solid #cfd8e3;border-radius:6px;align-items:center;gap:5px;min-height:30px;padding:0 10px;font-size:12.5px;font-weight:700;display:inline-flex}.check-button:hover{color:#0c7c7c;border-color:#0c7c7c}.checked-mark{color:#17603b;flex-wrap:wrap;align-items:center;gap:2px 6px;font-size:12.5px;font-weight:700;display:inline-flex}.checked-mark .sub{flex-basis:100%;font-weight:500}.primary-action{color:#fff;white-space:nowrap;background:#0c7c7c;border-radius:6px;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-weight:700;display:inline-flex}.primary-action:hover{background:#0a6868}.primary-action:disabled{opacity:.5;cursor:not-allowed}.gst-checks{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:8px;max-width:1480px;margin:0 auto 12px;display:grid}.gst-check{background:#fff;border:1px solid #dce3ea;border-radius:8px;gap:2px;padding:9px 12px;font-size:13px;display:grid}.gst-check strong{text-transform:uppercase;letter-spacing:.04em;font-size:12px}.gst-check.ok strong{color:#17603b}.gst-check.info strong{color:#475467}.gst-check.warn{background:#fffaeb;border-color:#f0c36d}.gst-check.warn strong{color:#7a4a00}.gst-check span{color:#344054}.mono{font-family:ui-monospace,Consolas,monospace;font-size:12.5px}.gst-status.paid{color:#17603b;background:#e7f6ee}.gst-status.unpaid,.gst-status.collections{color:#8f1d1d;background:#fde3e3}.gst-status.cancelled{color:#667085;background:#eef2f6}.gst-status.refunded,.gst-status.payment-pending{color:#7a4a00;background:#fff4d6}.today-head,.today-tiles,.today-grid,.today-also{max-width:1480px;margin:0 auto 14px}.today-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}.today-head h2{letter-spacing:0;margin:0;font-size:18px}.today-head p{color:#667085;margin:2px 0 0;font-size:13.5px}.today-tiles{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;display:grid}.today-tile{color:#1d2433;text-align:left;background:#fff;border:1px solid #dce3ea;border-left:4px solid #0c7c7c;border-radius:8px;align-content:start;gap:4px;padding:14px 16px;display:grid}.today-tile:hover{border-color:#0c7c7c;box-shadow:0 4px 14px #1d243312}.today-tile.alert{border-left-color:#c2410c}.today-tile.good{border-left-color:#15803d}.today-tile.quiet{border-left-color:#cfd8e3}.today-tile-label{text-transform:uppercase;letter-spacing:.04em;color:#667085;align-items:center;gap:6px;font-size:11.5px;font-weight:700;display:flex}.today-tile strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:24px;line-height:1.2}.today-tile.quiet strong{color:#98a2b3}.today-tile.alert strong{color:#9a3412}.today-tile-note{color:#667085;font-size:12.5px}.today-grid{grid-template-columns:repeat(auto-fit,minmax(420px,1fr));align-items:start;gap:12px;display:grid}.today-card{background:#fff;border:1px solid #dce3ea;border-radius:8px;overflow:hidden}.today-card>header{background:#f7f9fb;border-bottom:1px solid #edf1f5;justify-content:space-between;align-items:center;gap:10px;padding:11px 14px;display:flex}.today-card h3{text-transform:uppercase;letter-spacing:.04em;color:#344054;align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.today-card button.link{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.today-count{color:#fff;text-align:center;letter-spacing:0;background:#182230;border-radius:999px;min-width:22px;padding:1px 7px;font-size:11.5px;font-weight:800}.today-empty{color:#667085;margin:0;padding:18px 14px;font-size:13.5px}.today-rows{display:grid}.today-row{color:#1d2433;text-align:left;background:#fff;border-bottom:1px solid #edf1f5;justify-content:space-between;align-items:center;gap:14px;width:100%;padding:10px 14px;display:flex}.today-rows>.today-row:last-child{border-bottom:0}button.today-row:hover{background:#f3f8fb}.today-row.static{cursor:default}.today-main,.today-side{gap:2px;min-width:0;display:grid}.today-main{flex:auto}.today-main strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.today-main span{text-overflow:ellipsis;white-space:nowrap;color:#667085;font-size:12.5px;overflow:hidden}.today-main em.owes{font-style:normal}.today-side{text-align:right;flex:none;justify-items:end}.today-side strong{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px}.today-side .today-in{color:#17603b}.today-flag{color:#344054;white-space:nowrap;background:#eef2f6;border-radius:999px;padding:0 8px;font-size:11.5px;font-weight:700}.today-flag.late{color:#8f1d1d;background:#fde3e3}.today-flag.good{color:#17603b;background:#e7f6ee}.today-more{text-align:left;border-top:1px solid #edf1f5;padding:9px 14px}.today-also{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}.today-also button{color:#1d2433;text-align:left;background:#fff;border:1px solid #dce3ea;border-radius:8px;gap:2px;padding:10px 14px;display:grid}.today-also button:hover{border-color:#0c7c7c}.today-also em{text-transform:uppercase;letter-spacing:.04em;color:#667085;font-size:11.5px;font-style:normal}.today-also strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:16px}.today-also span{color:#667085;font-size:12.5px}@media (width<=560px){.today-grid{grid-template-columns:1fr}}.toolbar-spacer{flex:1 1 0}.vendor-layout{grid-template-columns:250px minmax(0,1fr);align-items:start;gap:14px;max-width:1480px;margin:0 auto 12px;display:grid}.vendor-list{gap:6px;display:grid}.vendor-list button{color:#1d2433;text-align:left;background:#fff;border:1px solid #dce3ea;border-radius:8px;gap:2px;padding:10px 12px;display:grid}.vendor-list button:hover{border-color:#0c7c7c}.vendor-list button.active{background:#effafa;border-color:#0c7c7c;box-shadow:inset 3px 0 #0c7c7c}.vendor-list button.off strong{color:#98a2b3}.vendor-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.vendor-list span{color:#667085;font-size:12px}.vendor-sheet{gap:12px;min-width:0;display:grid}.vendor-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}.vendor-head h2{letter-spacing:0;margin:0;font-size:19px}.vendor-head p{color:#667085;margin:3px 0 0;font-size:13px}.vendor-head-actions{gap:8px;display:flex}.vendor-head-actions .export,.toolbar .export{white-space:nowrap;border-radius:6px;align-items:center;gap:7px;min-height:40px;padding:0 13px;font-weight:700;display:inline-flex}.vendor-panel{background:#fbfefe;border:1px solid #b9dede;border-radius:8px;gap:12px;max-width:1480px;margin:0 auto 12px;padding:14px;display:grid}.vendor-sheet .vendor-panel{max-width:none;margin:0}.vendor-panel>header{justify-content:space-between;align-items:center;display:flex}.vendor-panel h3{text-transform:uppercase;letter-spacing:.04em;color:#344054;margin:0;font-size:13px}.entry-grid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr));align-items:start;gap:10px 12px;display:grid}.entry-grid label{color:#475467;font-size:12.5px}.entry-grid label.wide{grid-column:span 2}.entry-grid label button.link{justify-self:start;font-size:12px}.form-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px 10px;display:flex}.form-actions .toolbar-note,.form-actions .entry-result{margin-right:auto}.entry-result{flex-wrap:wrap;gap:6px 22px;display:flex}.entry-result span{align-items:baseline;gap:7px;display:flex}.entry-result em{text-transform:uppercase;letter-spacing:.04em;color:#667085;font-size:11.5px;font-style:normal}.entry-result strong{font-variant-numeric:tabular-nums;font-size:15px}.icon-plain{color:#667085;background:0 0;border-radius:6px;place-items:center;width:30px;height:30px;display:inline-grid}.icon-plain:hover{color:#1d2433;background:#eef2f6}.icon-plain.small{width:20px;height:20px}.vendor-table{min-width:760px}.vendor-table td{vertical-align:middle!important}.vendor-table tr.editing td{background:#effafa}.vendor-table .row-actions>*{margin-left:4px}.vendor-table td.vendor-note{color:#475467;min-width:120px;max-width:260px;font-size:12.5px}.vendor-table td .sub{display:block}.vendor-table tfoot td{position:sticky;bottom:0}.file-chip{background:#e7f6ee;border-radius:999px;align-items:center;gap:2px;padding:2px 4px 2px 8px;display:inline-flex}.file-chip button.link{color:#17603b;align-items:center;gap:4px;display:inline-flex}.confirm-delete{color:#8f1d1d;align-items:center;gap:10px;font-size:13px;font-weight:600;display:inline-flex}button.link.danger{color:#b42318}.vendor-split{max-width:520px!important}.vendor-split span{color:#475467;white-space:nowrap;margin:0 14px 2px 0;font-size:12.5px;display:inline-block}.vendor-split span strong{color:#1d2433;font-variant-numeric:tabular-nums}.dues-table .sub.late{color:#b42318;font-weight:700}.vendor-start{text-align:center;background:#fff;border:1px dashed #b9c3cf;border-radius:8px;padding:34px 20px}.vendor-start h3{margin:0 0 6px;font-size:17px}.vendor-start p{color:#667085;max-width:560px;margin:0 auto;font-size:14px}.import-table{min-width:0}@media (width<=980px){.vendor-layout{grid-template-columns:1fr}.vendor-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.banner.notice{color:#17603b;background:#e7f6ee;border:1px solid #b7e0c7;font-weight:600}.vendor-layout{grid-template-columns:216px minmax(0,1fr)}.vendor-table th{white-space:normal;vertical-align:bottom;line-height:1.25}.vendor-table th,.vendor-table td{padding:8px 9px}.vendor-table td{font-size:13px}.toolbar .search-box.narrow{flex:200px}.chips-row{gap:8px}.filter-chip{color:#344054;cursor:pointer;background:#fff;border:1px solid #cfd8e3;border-radius:999px;min-height:32px;padding:0 12px;font-size:13px;font-weight:600}.filter-chip span{color:#667085;margin-left:4px;font-weight:700}.filter-chip.active{color:#fff;background:#182230;border-color:#182230}.filter-chip.active span{color:#d0d5dd}.filter-chip:disabled{opacity:.5;cursor:default}.totals-line.bill-line strong{font-size:13.5px}.totals-line strong.neg,.cost-table td.neg{color:#8f1d1d}.cost-table td{vertical-align:middle}.cell-input{width:100%;min-width:120px;min-height:30px;font:inherit;color:inherit;background:0 0;border:1px solid #0000;border-radius:6px;padding:0 8px}.cell-input.num{text-align:right;font-variant-numeric:tabular-nums;min-width:90px;max-width:120px}.cell-input:hover{background:#fff;border-color:#cfd8e3}.cell-input:focus{background:#fff;border-color:#0f766e;outline:none}.cell-input::placeholder{color:#98a2b3}.cost-flag{white-space:nowrap;color:#475467;background:#eef2f6;border-radius:999px;margin:1px 4px 1px 0;padding:2px 8px;font-size:12px;font-weight:700;display:inline-block}.cost-flag.loss,.cost-flag.cancelled{color:#8f1d1d;background:#fde3e3}.cost-flag.noClient{color:#7a4a00;background:#fff4d6}.cost-flag.fine{color:#17603b;background:#e7f6ee}.suspend-section{margin-bottom:14px}.suspend-head{justify-content:space-between;align-items:flex-end;gap:12px;padding:4px 2px 8px;display:flex}.suspend-head h3{align-items:center;gap:8px;margin:0;font-size:16px;display:flex}.suspend-head p{color:#667085;margin:2px 0 0;font-size:13px}.nav-count.plain{color:#344054;background:#eef2f6;position:static}.suspend-caution{color:#7a4a00;margin-top:3px;font-size:12.5px;font-weight:600;display:block}.cost-flag.billDiffers,.cost-flag.notInSheet{color:#7a4a00;background:#fff4d6}.cost-flag.own{color:#27408b;background:#e8eefc}.toolbar .segmented{flex-wrap:wrap}.bank-table td{vertical-align:top!important}.bank-candidate{justify-content:space-between;align-items:flex-start;gap:10px;padding:3px 0;display:flex}.bank-candidate+.bank-candidate{border-top:1px dashed #e4e9ef}.bank-candidate-actions{white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.bank-picker-row>td{background:#f7f9fb;padding:10px 14px!important}.bank-picker{gap:4px;max-width:980px;display:grid}.bank-picker-head{align-items:center;gap:12px;margin-bottom:4px;display:flex}.bank-picker-head .toolbar-note{flex:1}.bank-pick{cursor:pointer;background:#fff;border:1px solid #e4e9ef;border-radius:6px;align-items:flex-start;gap:10px;padding:6px 8px;display:flex}.bank-pick:hover{border-color:#0c7c7c}.bank-pick input{margin-top:3px}.bank-pick>span{flex:1}.bank-picker-foot{justify-content:space-between;align-items:center;gap:12px;margin-top:6px;font-weight:600;display:flex}.cost-flag.bank-unpaid{color:#8f1d1d;background:#fde3e3}.cost-flag.bank-check,.cost-flag.bank-unknown{color:#7a4a00;background:#fff4d6}.cost-flag.bank-accounted{color:#17603b;background:#e7f6ee}.cost-flag.bank-gateway{color:#27408b;background:#e8eefc}.cost-flag.bank-tds{color:#5b2a9d;background:#efe6fb}.paid-reason+.paid-reason{margin-top:6px}.date-move{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.sidebar{gap:4px}.sidebar-brand{margin-bottom:14px}.nav{flex:none;min-height:38px}.sidebar-footer{z-index:2;background:#182230;margin:auto -18px -18px;padding:14px 18px 18px;position:sticky;bottom:-18px}.test-pill{color:#7a4a00;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;cursor:help;background:#fffaeb;border:1px solid #f0c36d;border-radius:999px;align-self:center;padding:4px 10px;font-size:12px;font-weight:800}.ticket-cell{max-width:300px}.ticket-customer{max-width:210px}.tickets-table th,.tickets-table td{padding-left:10px;padding-right:10px}.vendor-table{width:100%;min-width:0}.vendor-table th,.vendor-table td{padding-left:8px;padding-right:8px}@media (height<=820px){.detail-overlay{padding:10px}.detail-panel{gap:10px;max-height:calc(100vh - 20px);padding:16px 18px}.detail-col{gap:9px}.detail-col .message-box textarea{min-height:150px}.detail-col textarea{min-height:72px}}.cost-steps{color:#475467;max-width:1480px;margin:-4px auto 10px;font-size:13px}.nav:disabled{opacity:.45;cursor:not-allowed}.nav:disabled:hover{color:#d8dee7;background:0 0}.nav .nav-tag{letter-spacing:.04em;color:#d8dee7;border:1px solid #667085;border-radius:999px;margin-left:auto;padding:1px 7px;font-size:10.5px;font-weight:800}.call-said td{background:#f8fafc;white-space:normal!important;padding:10px 16px 12px!important}.call-said p{margin:2px 0;font-size:13.5px}.cost-flag.call-will_pay,.cost-flag.call-already_paid{color:#17603b;background:#e7f6ee}.cost-flag.call-send_invoice,.cost-flag.call-call_later,.cost-flag.call-not_available{color:#27408b;background:#e8eefc}.cost-flag.call-upset,.cost-flag.call-do_not_call,.cost-flag.call-not_renewing{color:#8f1d1d;background:#fde3e3}.cost-flag.call-needs_human,.cost-flag.call-wrong_person,.cost-flag.call-none{color:#7a4a00;background:#fff4d6}.bulk-bar button+button{margin-left:0}.clients-table td{vertical-align:top}.clients-table td .client-line{margin-top:1px;display:block}.clients-table td .client-line.warn{color:#7a4a00;font-weight:600}.clients-table strong.neg{color:#8f1d1d}.clients-table tr.client-detail>td{white-space:normal;cursor:default;background:#f8fafc;padding:6px 16px 16px 34px!important}.client-panels{gap:14px;display:grid}.client-panels h4{text-transform:uppercase;letter-spacing:.04em;color:#475467;margin:8px 0 4px;font-size:12px}.client-mini{background:#fff;border:1px solid #e4e9ef;border-radius:6px;width:100%;min-width:0}.client-mini th{cursor:default;background:#f3f6f9;padding:6px 10px;font-size:11.5px}.client-mini td{white-space:nowrap;padding:6px 10px;font-size:13px}.client-mini td:first-child{white-space:normal}.suspend-settings{align-items:flex-end;gap:12px 18px}.suspend-settings label{text-transform:uppercase;letter-spacing:.04em;color:#475467;gap:3px;font-size:11.5px;font-weight:700;display:grid}.suspend-settings select{text-transform:none;letter-spacing:0;min-height:36px;font-size:13.5px;font-weight:500}.grace-select{max-width:150px;min-height:30px;font:inherit;background:#fff;border:1px solid #cfd8e3;border-radius:6px;padding:0 6px;font-size:13px}.suspend-actions{white-space:normal;text-align:left;min-width:150px}.suspend-actions>*{margin:0 10px 0 0}.suspend-actions>.check-button,.suspend-actions>.checked-mark{width:fit-content;margin:0 0 5px;display:flex}.suspend-section .grace-select{max-width:118px}.two-step{text-align:left;background:#f7f9fb;border:1px solid #dce3ea;border-radius:8px;gap:6px;padding:12px;font-size:13.5px;display:grid}.two-step img{background:#fff;border:1px solid #dce3ea;border-radius:6px;justify-self:center;margin:4px 0}.two-step b{letter-spacing:.04em;font-family:Consolas,monospace}.login-panel button.link{color:#0f766e;background:0 0;border:0;min-height:0;padding:4px 0;font-weight:600}.team-form{align-items:flex-start}.team-form label small{color:#667085;font-size:12px}.team-form>button{margin-top:21px}.team-hint.lead{margin:0 0 12px}.with-button{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.with-button input{flex:200px;min-width:0;font-family:Consolas,monospace}.team-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.team-actions button,.team-password-row button{min-height:32px;padding:0 10px;font-size:13px}.team-table button.danger{color:#b42318;border-color:#b42318}.team-password-row td{background:#f7f9fb}.you-tag{color:#17603b;background:#e7f6ee;border-radius:999px;margin-left:8px;padding:1px 7px;font-size:11.5px;font-weight:700}.login-slip{background:#effafa;gap:5px;display:grid;border-color:#0f766e!important}.login-slip b{-webkit-user-select:all;user-select:all;font-family:Consolas,monospace;font-size:15px}.slip-actions{align-items:center;gap:12px;margin-top:6px;display:flex}