/*
  Goalync MyBilling production stylesheet.
  Phase 6C-1 cleanup: obsolete CSS comments removed only.
  Runtime selectors/properties intentionally preserved to avoid visual change.
*/

:root{--bg:#f6f8fb;--card:#fff;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--brand:#1666d9;--brand2:#0f9f6e;--danger:#dc2626;--warn:#d97706;--ok:#15803d;--shadow:0 18px 45px rgba(15,23,42,.08)}
*{box-sizing:border-box} body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--ink);font-size:14px}.layout{display:flex;min-height:100vh}.side{width:252px;background:#0b1220;color:#dbeafe;padding:20px 16px;position:fixed;height:100vh;overflow:auto}.brand{display:flex;align-items:center;gap:10px;margin-bottom:22px}.brand img{width:34px;height:34px;border-radius:10px}.brand b{font-size:18px}.nav a{display:flex;align-items:center;gap:10px;color:#cbd5e1;text-decoration:none;padding:11px 12px;border-radius:12px;margin-bottom:6px}.nav a:hover,.nav a.active{background:rgba(255,255,255,.1);color:#fff}.main{margin-left:252px;flex:1;padding:24px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.page-title h1{font-size:26px;margin:0 0 4px}.page-title p{color:var(--muted);margin:0}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:18px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric .label{color:var(--muted);font-size:13px}.metric .value{font-size:26px;font-weight:800;margin-top:8px}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:16px 0}.toolbar input,.toolbar select,.form input,.form select,.form textarea{height:40px;border:1px solid var(--line);border-radius:12px;padding:0 12px;background:#fff;min-width:180px}.btn{border:0;border-radius:12px;padding:10px 14px;font-weight:700;cursor:pointer;background:#e2e8f0;color:#0f172a}.btn.primary{background:var(--brand);color:#fff}.btn.ok{background:var(--brand2);color:#fff}.btn.danger{background:var(--danger);color:#fff}.btn.warn{background:var(--warn);color:#fff}.btn:disabled{opacity:.45;cursor:not-allowed}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.table th{font-size:12px;text-transform:uppercase;color:#64748b;background:#f8fafc}.select-dot{width:20px;height:20px;border:2px solid #94a3b8;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.row-selected .select-dot{border-color:var(--brand);background:var(--brand);color:#fff}.row-selected .select-dot:after{content:'✓';font-size:12px;color:#fff}.status{display:inline-block;padding:4px 9px;border-radius:999px;background:#e2e8f0;font-size:12px}.status.paid{background:#dcfce7;color:#166534}.status.partial{background:#fef3c7;color:#92400e}.status.unpaid{background:#fee2e2;color:#991b1b}.modal{position:fixed;inset:0;background:rgba(15,23,42,.45);display:none;align-items:flex-start;justify-content:center;padding:40px 16px;z-index:99}.modal.open{display:flex}.modal-card{background:#fff;border-radius:20px;box-shadow:var(--shadow);max-width:820px;width:100%;padding:20px;max-height:90vh;overflow:auto}.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form .full{grid-column:1/-1}.item-row{display:grid;grid-template-columns:1fr 90px 110px 110px 40px;gap:8px;margin-bottom:8px}.toast{position:fixed;right:18px;bottom:18px;background:#0f172a;color:#fff;padding:12px 16px;border-radius:14px;display:none;z-index:120}.toast.show{display:block}.empty{padding:28px;text-align:center;color:#64748b}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#0b1220,#155eef)}.login .card{width:100%;max-width:420px}.login input{width:100%;height:44px;margin:8px 0;border:1px solid var(--line);border-radius:12px;padding:0 12px}@media(max-width:900px){.side{position:static;width:100%;height:auto}.layout{display:block}.main{margin-left:0;padding:16px}.grid{grid-template-columns:repeat(2,1fr)}.form{grid-template-columns:1fr}.item-row{grid-template-columns:1fr 80px 90px}.item-row input:nth-child(4){grid-column:1/3}}@media(max-width:520px){.grid{grid-template-columns:1fr}.toolbar input{width:100%}}


.dashboard-section{margin-bottom:22px}.section-line{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin:0 0 12px}.section-line h2{margin:0;font-size:18px}.section-line p{margin:4px 0 0;color:var(--muted);font-size:13px}.section-line.compact{align-items:center}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.metric{position:relative;overflow:hidden}.metric:before{content:'';position:absolute;inset:0 auto 0 0;width:5px;background:var(--brand)}.metric-head{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:13px}.metric-head i{width:10px;height:10px;border-radius:999px;background:var(--brand);display:block}.metric-note{font-size:12px;color:var(--muted);margin-top:8px}.metric-blue:before,.metric-blue .metric-head i{background:#2563eb}.metric-purple:before,.metric-purple .metric-head i{background:#7c3aed}.metric-green:before,.metric-green .metric-head i{background:#16a34a}.metric-orange:before,.metric-orange .metric-head i{background:#f97316}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.quick-tile{border:1px solid var(--line);background:#fff;border-radius:18px;box-shadow:var(--shadow);padding:14px;text-align:left;display:flex;align-items:center;gap:12px;cursor:pointer;color:var(--ink)}.quick-tile:hover{transform:translateY(-1px);border-color:#bfdbfe}.quick-tile b{display:block;font-size:14px}.quick-tile small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.tile-icon{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:#eff6ff;font-size:18px}.quick-tile.purple .tile-icon{background:#f3e8ff}.quick-tile.green .tile-icon{background:#dcfce7}.quick-tile.slate .tile-icon{background:#f1f5f9}.quick-tile.teal .tile-icon{background:#ccfbf1}.quick-tile.orange .tile-icon{background:#ffedd5}.quick-tile.pink .tile-icon{background:#fce7f3}.recent-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}@media(max-width:1100px){.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.recent-grid{grid-template-columns:1fr}}@media(max-width:900px){.summary-grid{grid-template-columns:repeat(2,1fr)}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.summary-grid,.quick-grid{grid-template-columns:1fr}.section-line{align-items:flex-start;flex-direction:column}}


.side{display:flex;flex-direction:column}.nav{flex:1}.side-footer{margin-top:auto;padding-top:12px;border-top:1px solid rgba(255,255,255,.12);font-size:12px;line-height:1.4}.side-footer a{display:block;color:#cbd5e1;text-decoration:none;padding:3px 0}.side-footer a:first-child{font-weight:700;color:#fff}.side-footer a:hover{color:#fff;text-decoration:underline}@media(max-width:900px){.side{display:block}.nav{flex:auto}.side-footer{margin-top:14px}}


.customer-page{display:block}.customer-search-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 14px}.customer-search-row input{height:40px;border:1px solid var(--line);border-radius:12px;padding:0 12px;background:#fff;min-width:280px}.customer-meta-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 14px;color:var(--ink)}.customer-action-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 14px}.customer-list{padding:0;overflow:hidden}.customer-row{width:100%;border:0;background:#fff;border-bottom:1px solid var(--line);padding:14px 16px;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer;color:var(--ink);font:inherit}.customer-row:last-child{border-bottom:0}.customer-row:hover{background:#f8fafc}.customer-row.row-selected{background:#eff6ff}.customer-name{font-weight:700}@media(max-width:520px){.customer-search-row input{width:100%;min-width:0}.customer-search-row .btn{flex:1}.customer-meta-row{align-items:flex-start;flex-direction:column}.customer-action-row .btn{flex:1}}


.top-actions{display:flex;align-items:center;gap:10px;min-width:0}.company-pill{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 12px;color:var(--ink);font-weight:700;box-shadow:0 8px 22px rgba(15,23,42,.05)}.icon-btn{width:40px;height:40px;border:0;border-radius:12px;background:#fee2e2;color:#991b1b;font-weight:900;cursor:pointer}.icon-btn:hover{background:#fecaca}.advanced-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.advanced-tile{border:1px solid var(--line);background:#fff;border-radius:18px;box-shadow:var(--shadow);padding:16px;text-align:left;display:flex;align-items:center;gap:12px;cursor:pointer;color:var(--ink);min-height:88px}.advanced-tile:hover{border-color:#bfdbfe;transform:translateY(-1px)}.advanced-tile .tile-icon{flex:0 0 auto}.small-action{border:1px solid var(--line);background:#fff;border-radius:10px;padding:6px 9px;font-size:12px;font-weight:800;cursor:pointer;color:var(--brand)}.small-action:hover{background:#eff6ff}.note-line{font-size:12px;color:var(--muted);margin-top:8px}@media(max-width:900px){.topbar{align-items:flex-start;gap:12px}.top-actions{width:100%;justify-content:space-between}.company-pill{max-width:calc(100vw - 90px)}.advanced-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.advanced-grid{grid-template-columns:1fr}.topbar{flex-direction:column}.top-actions{justify-content:flex-start}}


.form-help{background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a8a;border-radius:14px;padding:10px 12px;margin-bottom:14px;font-weight:700}.doc-items-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:12px 0 8px}.doc-items-head h3{margin:0;font-size:16px}.doc-items-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px}.doc-items-table{width:100%;border-collapse:collapse;min-width:680px}.doc-items-table th,.doc-items-table td{padding:9px;border-bottom:1px solid var(--line);text-align:left}.doc-items-table th{font-size:12px;text-transform:uppercase;color:#64748b;background:#f8fafc}.doc-items-table tr:last-child td{border-bottom:0}.doc-items-table input{width:100%;min-width:0}.doc-items-table .item-qty{max-width:100px}.doc-items-table .item-rate,.doc-items-table .item-amount{max-width:130px}.btn.mini{padding:8px 10px;border-radius:10px}.doc-summary{margin-top:12px;display:flex;justify-content:flex-end;align-items:center;gap:14px;font-size:16px}.doc-summary span{color:var(--muted);font-weight:800}.doc-summary b{font-size:22px}.modal-card{max-width:980px}.modal-card h2{margin-top:0}@media(max-width:900px){.doc-items-head{align-items:flex-start;flex-direction:column}.doc-items-head .btn{width:100%}.modal{padding:16px 8px}.modal-card{border-radius:16px;padding:14px}}


.brand img{border-radius:50%!important;object-fit:cover;background:#fff}.company-pill{display:flex;flex-direction:column;align-items:flex-start;gap:1px;line-height:1.1}.company-pill small{display:block;color:var(--muted);font-size:11px;font-weight:700;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-title p:empty{display:none}.compact-card{padding:14px}.one-line-panel{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.one-line-panel input{flex:1;min-width:260px}.meta-chip{font-weight:800;background:#f8fafc;border:1px solid var(--line);border-radius:999px;padding:9px 12px;white-space:nowrap}.action-line{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}.doc-title{font-size:16px;margin:10px 0}.doc-add-row{display:flex;justify-content:flex-start;margin-top:10px}.doc-items-table th:first-child,.doc-items-table td:first-child{min-width:320px}.doc-items-table .item-name{min-width:300px}.form textarea{min-height:96px;padding-top:10px}.view-box{display:grid;grid-template-columns:150px 1fr;gap:8px;border-top:1px solid var(--line);padding-top:10px;margin-top:10px}.view-box b{color:var(--muted)}.advanced-tile span:last-child{display:block}.advanced-tile b,.advanced-tile small{display:inline}.advanced-tile small:before{content:' — ';}.advanced-tile small{color:var(--muted);font-weight:600;margin-left:2px}.download-mini{display:flex;gap:8px;flex-wrap:wrap}.btn.secondary{background:#f8fafc;border:1px solid var(--line)}
@media(max-width:700px){.one-line-panel input{min-width:100%;width:100%}.meta-chip{width:100%;}.action-line .btn{flex:1}.doc-items-table th:first-child,.doc-items-table td:first-child{min-width:260px}.doc-items-table .item-name{min-width:240px}.view-box{grid-template-columns:1fr}.company-pill small{max-width:180px}}


.company-pill{display:flex!important;flex-direction:row!important;align-items:center!important;gap:9px;max-width:340px;border-radius:999px;padding:6px 10px!important;line-height:1.1!important}
.company-pill span{min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.company-logo-small{width:30px;height:30px;border-radius:50%;object-fit:cover;background:#fff;border:1px solid var(--line);flex:0 0 auto}
.doc-items-table textarea.item-name{width:100%;min-width:320px;min-height:54px;resize:vertical;border:1px solid var(--line);border-radius:12px;padding:9px 10px;font:inherit;color:var(--ink);background:#fff}
.doc-items-table textarea.item-name:focus{outline:none;border-color:#93c5fd;box-shadow:0 0 0 3px rgba(37,99,235,.12)}
.download-card{max-width:420px}.download-choice{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.download-choice .btn{height:46px;font-size:15px}
.logo-upload-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 14px}.logo-preview{width:54px;height:54px;border-radius:50%;object-fit:cover;border:1px solid var(--line);background:#fff}.logo-upload-row input[type=file]{max-width:260px}
@media(max-width:700px){.company-pill{max-width:calc(100vw - 92px)}.doc-items-table textarea.item-name{min-width:260px}.download-choice{grid-template-columns:1fr}.logo-upload-row input[type=file]{max-width:100%;width:100%}}


.toast{top:18px!important;right:18px!important;bottom:auto!important;max-width:min(440px,calc(100vw - 36px));box-shadow:0 18px 45px rgba(15,23,42,.20)}
.toast.error{background:#991b1b}.toast.success{background:#166534}.toast.info{background:#0f172a}
.link{color:var(--brand);font-weight:800;text-decoration:none}.link:hover{text-decoration:underline}
.one-line-panel input,.customer-search-row input,.form input,.form select,.form textarea{border-color:#d7dee8;background:#fff;box-shadow:0 1px 0 rgba(15,23,42,.02)}
.one-line-panel input:focus,.customer-search-row input:focus,.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-color:#93c5fd;box-shadow:0 0 0 3px rgba(37,99,235,.12)}
.company-pill b{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.company-pill small{max-width:230px}
.icon-btn{flex:0 0 auto;display:grid;place-items:center;font-size:16px}.topbar{gap:14px}.page-title{min-width:0}.page-title h1{font-size:24px}
.doc-tax-summary{margin-top:12px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:stretch}.doc-tax-summary>div{border:1px solid var(--line);border-radius:14px;background:#f8fafc;padding:10px 12px;text-align:right}.doc-tax-summary span{display:block;color:var(--muted);font-size:12px;font-weight:800}.doc-tax-summary b{display:block;margin-top:4px;font-size:16px}.doc-tax-summary .grand{background:#eff6ff;border-color:#bfdbfe}.doc-tax-summary .grand b{font-size:20px}.doc-items-table th:nth-child(2),.doc-items-table th:nth-child(3),.doc-items-table th:nth-child(4){text-align:center}.doc-items-table td:nth-child(2),.doc-items-table td:nth-child(3),.doc-items-table td:nth-child(4){text-align:center}.doc-items-table .item-qty,.doc-items-table .item-rate,.doc-items-table .item-amount{max-width:120px;text-align:right}.customer-lookup{grid-column:auto}.field-label{display:flex;flex-direction:column;gap:6px;font-weight:800;color:var(--muted)}.field-label input,.field-label textarea{font-weight:500;color:var(--ink);width:100%}.labeled-form .field-label:has(textarea){grid-column:1/-1}.back-link-row{margin-bottom:12px}
@media(max-width:900px){.topbar{flex-direction:column;align-items:stretch}.top-actions{display:flex;justify-content:space-between;align-items:center}.company-pill{max-width:calc(100vw - 92px);flex:1}.company-pill b{max-width:calc(100vw - 150px)}.company-pill small{max-width:calc(100vw - 150px)}.doc-tax-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.doc-items-table{min-width:760px}.modal-card{max-width:96vw}}
@media(max-width:520px){.page-title h1{font-size:20px}.company-logo-small{width:26px;height:26px}.company-pill{padding:5px 8px!important}.icon-btn{width:36px;height:36px}.doc-tax-summary{grid-template-columns:1fr}.action-line .btn{min-width:44%}.download-choice{grid-template-columns:1fr}.side-footer{font-size:13px}}


.toast{top:18px!important;bottom:auto!important;right:18px;max-width:min(420px,calc(100vw - 36px));box-shadow:0 18px 45px rgba(15,23,42,.18)}
.toast.error{background:#991b1b}.toast.success{background:#166534}.toast.info{background:#0f172a}
.one-line-panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px;box-shadow:0 10px 28px rgba(15,23,42,.05)}
.one-line-panel input{height:42px;border-radius:14px;border:1px solid #cbd5e1;background:#f8fafc}.one-line-panel input:focus{outline:none;border-color:#60a5fa;background:#fff;box-shadow:0 0 0 3px rgba(37,99,235,.12)}
.meta-chip{background:#eef2ff;border-color:#c7d2fe;color:#1e293b}.action-line{background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px;box-shadow:0 10px 28px rgba(15,23,42,.04)}
.doc-items-wrap{border-radius:18px;box-shadow:0 10px 24px rgba(15,23,42,.04);background:#fff}.doc-items-table{table-layout:fixed;min-width:760px}.doc-items-table th:nth-child(1){width:48%}.doc-items-table th:nth-child(2){width:12%}.doc-items-table th:nth-child(3){width:15%}.doc-items-table th:nth-child(4){width:15%}.doc-items-table th:nth-child(5){width:10%}
.doc-items-table th,.doc-items-table td{vertical-align:middle}.doc-items-table input,.doc-items-table textarea{height:44px;width:100%;border:1px solid var(--line);border-radius:12px;padding:9px 10px;background:#fff;font:inherit}.doc-items-table textarea.item-name{height:auto;min-height:54px;line-height:1.35}.doc-items-table .item-qty,.doc-items-table .item-rate,.doc-items-table .item-amount{max-width:none;text-align:right}.doc-items-table .btn.mini{width:34px;height:34px;padding:0;display:inline-grid;place-items:center}
.doc-add-row{margin-top:12px}.doc-tax-summary{margin-top:14px;margin-left:auto;width:min(360px,100%);background:#f8fafc;border:1px solid var(--line);border-radius:18px;padding:12px}.doc-tax-summary>div{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:7px 2px;border-bottom:1px dashed #cbd5e1}.doc-tax-summary>div:last-child{border-bottom:0}.doc-tax-summary span{color:#64748b;font-weight:800}.doc-tax-summary b{font-size:15px}.doc-tax-summary .grand{background:#0f172a;color:#fff;border-radius:14px;margin-top:6px;padding:11px 12px;border-bottom:0}.doc-tax-summary .grand span,.doc-tax-summary .grand b{color:#fff;font-size:18px}
.customer-lookup{grid-column:auto}.modal-card{max-width:1040px}.download-choice{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.download-choice .btn{height:52px}.form label{font-weight:800;color:#334155;margin-bottom:4px}.form .field{display:flex;flex-direction:column;gap:6px}
@media(max-width:760px){.topbar{gap:10px}.top-actions{display:grid;grid-template-columns:1fr 42px;width:100%}.company-pill{max-width:100%;min-width:0}.company-pill b{font-size:13px}.company-pill small{font-size:10px}.icon-btn{width:40px;height:40px}.one-line-panel{display:grid;grid-template-columns:1fr 1fr;gap:8px}.one-line-panel input{grid-column:1/-1;min-width:0;width:100%}.meta-chip{grid-column:1/-1}.action-line{display:grid;grid-template-columns:1fr 1fr}.doc-items-wrap{overflow-x:auto}.doc-items-table{min-width:720px}.doc-tax-summary{width:100%}.modal-card{max-height:92vh}}


.form .field{display:flex;flex-direction:column;gap:6px;min-width:0;font-weight:800;color:#334155}
.form .field span,.form .field label{font-size:12px;text-transform:none;color:#475569;font-weight:800}
.form .field input,.form .field select,.form .field textarea{width:100%;min-width:0;font-weight:500;color:var(--ink)}
.form.labeled-form{align-items:start}.form.labeled-form .full{grid-column:1/-1}.form.labeled-form .field.full{grid-column:1/-1}
.one-line-panel{display:grid!important;grid-template-columns:minmax(260px,1fr) auto auto auto auto;align-items:center;gap:10px;padding:12px!important;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 28px rgba(15,23,42,.05)}
.one-line-panel input{min-width:0!important;width:100%;height:42px;border:1px solid #cbd5e1;border-radius:14px;background:#f8fafc;padding:0 13px}.one-line-panel input:focus{outline:none;border-color:#60a5fa;background:#fff;box-shadow:0 0 0 3px rgba(37,99,235,.12)}
.meta-chip{font-size:13px;font-weight:800;background:#eef2ff;border-color:#c7d2fe;color:#1e293b;padding:8px 11px}.compact-card{box-shadow:none;background:transparent;border:0;padding:0}.action-line{background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px;box-shadow:0 10px 28px rgba(15,23,42,.04)}
.doc-items-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.04)}
.doc-items-table{width:100%;min-width:760px;table-layout:fixed;border-collapse:collapse}.doc-items-table th{background:#f8fafc;color:#52647a;font-size:12px;text-transform:uppercase}.doc-items-table th,.doc-items-table td{padding:10px;border-bottom:1px solid var(--line);vertical-align:middle}.doc-items-table th:nth-child(1){width:48%}.doc-items-table th:nth-child(2){width:12%;text-align:center}.doc-items-table th:nth-child(3){width:15%;text-align:center}.doc-items-table th:nth-child(4){width:15%;text-align:center}.doc-items-table th:nth-child(5){width:10%;text-align:center}
.doc-items-table textarea.item-name{width:100%;min-width:0!important;min-height:56px;resize:vertical;border:1px solid var(--line);border-radius:12px;padding:9px 10px;font:inherit;color:var(--ink);background:#fff}.doc-items-table input{width:100%;height:44px;border:1px solid var(--line);border-radius:12px;padding:8px 10px;background:#fff;font:inherit}.doc-items-table .item-qty,.doc-items-table .item-rate,.doc-items-table .item-amount{text-align:right;max-width:none!important}.doc-items-table .btn.mini{width:34px;height:34px;padding:0;display:inline-grid;place-items:center}.doc-add-row{margin-top:12px}
.doc-tax-summary{display:none!important}.doc-tax-card{margin-top:14px;margin-left:auto;width:min(390px,100%);background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 28px rgba(15,23,42,.06);padding:12px}.doc-tax-line{display:flex;align-items:center;justify-content:space-between;padding:7px 2px;border-bottom:1px dashed #cbd5e1}.doc-tax-line span{color:#64748b;font-weight:800}.doc-tax-line b{font-size:15px}.doc-tax-total{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding:12px 14px;background:#0f172a;color:#fff;border-radius:14px}.doc-tax-total span,.doc-tax-total b{color:#fff;font-size:18px;font-weight:900}
.customer-lookup,.invoice-lookup{width:100%;height:40px;border:1px solid var(--line);border-radius:12px;padding:0 12px;background:#fff}.toast{top:18px!important;bottom:auto!important;right:18px!important;max-width:min(440px,calc(100vw - 36px));box-shadow:0 18px 45px rgba(15,23,42,.20)}.toast.error{background:#991b1b}.toast.success{background:#166534}.toast.info{background:#0f172a}.link{color:var(--brand);font-weight:800;text-decoration:none}.link:hover{text-decoration:underline}
@media(max-width:760px){.one-line-panel{grid-template-columns:1fr 1fr!important}.one-line-panel input{grid-column:1/-1}.one-line-panel .meta-chip{grid-column:1/-1}.action-line{display:grid;grid-template-columns:1fr 1fr}.action-line .btn{width:100%}.doc-items-table{min-width:720px}.doc-tax-card{width:100%}.modal-card{max-width:96vw}.topbar{flex-direction:column;align-items:stretch}.top-actions{display:grid;grid-template-columns:1fr 40px;width:100%}.company-pill{max-width:100%;min-width:0}.icon-btn{width:40px;height:40px}}


.one-line-panel{grid-template-columns:minmax(300px,1fr) auto auto auto auto!important;align-items:center!important;}
.meta-chip{font-size:12px!important;line-height:1.15!important;padding:6px 9px!important;border-radius:999px!important;background:#f8fafc!important;border-color:#dbe3ef!important;color:#334155!important;}
.action-line{margin-top:10px!important;padding:10px!important;}
.action-line .btn,.one-line-panel .btn{padding:8px 12px!important;border-radius:11px!important;font-size:13px!important;}
.doc-items-table tr.item-row{display:table-row!important;}
.doc-items-table th,.doc-items-table td{box-sizing:border-box!important;}
.doc-items-table th:nth-child(1),.doc-items-table td:nth-child(1){width:48%!important;text-align:left!important;}
.doc-items-table th:nth-child(2),.doc-items-table td:nth-child(2){width:12%!important;text-align:center!important;}
.doc-items-table th:nth-child(3),.doc-items-table td:nth-child(3){width:15%!important;text-align:center!important;}
.doc-items-table th:nth-child(4),.doc-items-table td:nth-child(4){width:15%!important;text-align:center!important;}
.doc-items-table th:nth-child(5),.doc-items-table td:nth-child(5){width:10%!important;text-align:center!important;}
.doc-items-table .item-qty,.doc-items-table .item-rate,.doc-items-table .item-amount{text-align:right!important;}
.doc-items-table textarea.item-name{display:block!important;}
.doc-tax-card{width:min(360px,100%)!important;padding:10px 12px!important;border-radius:16px!important;box-shadow:0 8px 22px rgba(15,23,42,.045)!important;}
.doc-tax-line{padding:6px 2px!important;}
.doc-tax-line span{font-size:13px!important;}
.doc-tax-line b{font-size:14px!important;}
.doc-tax-total{margin-top:7px!important;padding:10px 12px!important;border-radius:12px!important;}
.doc-tax-total span,.doc-tax-total b{font-size:16px!important;}
.empty{font-size:13px!important;padding:22px!important;}
@media(max-width:760px){.one-line-panel{grid-template-columns:1fr 1fr!important}.meta-chip{grid-column:auto!important}.doc-tax-card{width:100%!important}}


.doc-tax-card{width:min(340px,100%)!important;padding:9px 11px!important;border-radius:15px!important;border-color:#dbe3ef!important;box-shadow:0 6px 18px rgba(15,23,42,.035)!important;background:#fff!important;}
.doc-tax-line{padding:5px 1px!important;min-height:28px!important;border-bottom:1px dashed #d7dee9!important;}
.doc-tax-line span{font-size:12px!important;color:#64748b!important;font-weight:750!important;}
.doc-tax-line b{font-size:13px!important;color:#0f172a!important;font-weight:800!important;}
.doc-tax-total{margin-top:6px!important;padding:9px 12px!important;border-radius:11px!important;background:#334155!important;color:#fff!important;}
.doc-tax-total span,.doc-tax-total b{font-size:15px!important;font-weight:850!important;color:#fff!important;}


.login{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#eef2ff 48%,#fff);display:grid;place-items:center;padding:18px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#0f172a}.login-card{width:min(430px,100%);border:1px solid #dbe3ef;border-radius:22px;box-shadow:0 18px 48px rgba(15,23,42,.08);padding:24px}.wide-login-card{width:min(620px,100%)}.login-card h2{margin:16px 0 6px;font-size:24px;letter-spacing:-.02em}.muted{color:#64748b;font-size:14px;line-height:1.45}.login-field{display:flex;flex-direction:column;gap:6px;margin-top:12px}.login-field span{font-size:12px;font-weight:800;color:#475569}.login-field input{height:42px;border:1px solid #cbd5e1;border-radius:13px;padding:0 12px;background:#fff;font:inherit}.login-field input:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px rgba(37,99,235,.12)}.login-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.login-grid .full{grid-column:1/-1}.login-links{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:13px;font-size:13px}.login-links a{color:#2563eb;text-decoration:none;font-weight:800}.login-links a:hover{text-decoration:underline}.form-error,.form-message{min-height:20px;margin:12px 0 0;font-size:13px;font-weight:750}.form-error,.form-message.error{color:#dc2626}.form-message.success{color:#166534}.form-message{color:#334155}.app-picker{position:relative;width:100%}.app-picker-input{width:100%;height:40px;border:1px solid var(--line);border-radius:12px;padding:0 12px;background:#fff;font:inherit}.app-picker-input:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px rgba(37,99,235,.12)}.app-picker-list{display:none;position:absolute;z-index:9999;left:0;right:0;top:calc(100% + 6px);max-height:240px;overflow:auto;background:#fff;border:1px solid #dbe3ef;border-radius:14px;box-shadow:0 18px 44px rgba(15,23,42,.16);padding:6px}.app-picker-list.open{display:block}.app-picker-list button{width:100%;display:block;text-align:left;border:0;background:#fff;border-radius:10px;padding:9px 10px;font:inherit;font-size:13px;color:#0f172a}.app-picker-list button:hover,.app-picker-list button:focus{background:#eef2ff;outline:none}.app-picker-empty{padding:10px;color:#64748b;font-size:13px}.owner-admin-shell{min-height:100vh;background:#f8fafc;padding:18px}.owner-admin-shell .owner-wrap{max-width:1180px;margin:0 auto}.owner-admin-shell .owner-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.owner-admin-shell .owner-table{overflow:auto}.owner-admin-shell table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #dbe3ef;border-radius:16px;overflow:hidden}.owner-admin-shell th,.owner-admin-shell td{padding:10px;border-bottom:1px solid #e5eaf2;text-align:left;font-size:13px}.owner-admin-shell th{background:#f1f5f9;color:#475569;font-size:12px;text-transform:uppercase}.owner-login-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:10px}.owner-stat{background:#fff;border:1px solid #dbe3ef;border-radius:18px;padding:16px;box-shadow:0 10px 28px rgba(15,23,42,.04)}.owner-stat b{display:block;font-size:24px}.owner-stat span{color:#64748b;font-size:13px;font-weight:800}@media(max-width:760px){.login-grid{grid-template-columns:1fr}.login-card{padding:20px}.owner-admin-shell .owner-grid{grid-template-columns:1fr}.app-picker-list{max-height:210px}}

.company-initial{width:32px;height:32px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#e0f2fe;color:#075985;font-weight:800;border:1px solid #bae6fd;flex:0 0 auto}.logout-btn{padding:8px 12px;font-size:13px}.notice-card.onboarding{display:flex;gap:10px;align-items:center;justify-content:space-between;background:#fff7ed;border:1px solid #fed7aa;color:#7c2d12;border-radius:14px;padding:12px 14px;margin:0 0 14px}.notice-card.onboarding span{font-size:13px;color:#9a3412;flex:1}.settings-section-title{font-size:15px;margin:18px 0 8px;color:#0f172a}.template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.template-card{border:1px solid #e2e8f0;border-radius:14px;padding:12px;background:#f8fafc}.template-card label{display:block;font-size:12px;color:#64748b;margin-bottom:6px}.template-card select{width:100%;height:38px;border:1px solid #cbd5e1;border-radius:10px;padding:0 10px;background:#fff}.owner-edit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:12px 0}.owner-edit-grid input,.owner-edit-grid select{height:38px;border:1px solid #cbd5e1;border-radius:10px;padding:0 10px}
@media(max-width:700px){.notice-card.onboarding{align-items:flex-start;flex-direction:column}.top-actions{gap:8px}.company-pill span small{display:none}.logout-btn{padding:7px 10px}.template-grid{grid-template-columns:1fr}}


.company-pill{display:flex;align-items:center;gap:9px;min-width:210px;max-width:360px;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:6px 10px;box-shadow:0 6px 16px rgba(15,23,42,.04)}
.account-lines{display:flex;flex-direction:column;line-height:1.1;min-width:0}.account-company{font-size:14px;font-weight:900;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-lines small{font-size:11px;color:#64748b;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-btn{white-space:nowrap}.notice-card.onboarding>div{display:flex;flex-direction:column;gap:3px}.doc-adjust-grid{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:10px;margin:12px 0;padding:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px}.doc-adjust-grid label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:800;color:#475569}.doc-adjust-grid input,.doc-adjust-grid select{height:36px;border:1px solid #cbd5e1;border-radius:10px;padding:0 10px;background:#fff}.doc-adjust-grid .full{grid-column:1/-1}.item-suggest-wrap{position:relative}.item-suggestion-list{display:none;position:absolute;z-index:9999;left:0;right:0;top:calc(100% + 4px);background:#fff;border:1px solid #dbe3ef;border-radius:12px;box-shadow:0 16px 40px rgba(15,23,42,.16);padding:5px;max-height:210px;overflow:auto}.item-suggestion-list.open{display:block}.item-suggestion-list button{display:flex;justify-content:space-between;width:100%;border:0;background:#fff;padding:8px 10px;border-radius:9px;text-align:left;font:inherit;font-size:13px}.item-suggestion-list button:hover{background:#eef2ff}.item-suggestion-list small{color:#64748b;font-weight:800}.mobile-card-list{display:none}.table-wrap{overflow-x:auto}
@media(max-width:820px){
  body{background:#f6f8fb}.layout{display:block}.side{width:100%;min-height:0;height:auto;position:relative;padding:10px 12px;border-right:0;border-bottom:1px solid #e5eaf2}.brand{height:36px}.brand img{width:28px;height:28px}.nav{display:flex;gap:6px;overflow:auto;padding:6px 0}.nav a{white-space:nowrap;padding:8px 10px;border-radius:10px}.side-footer{display:none}.main{padding:12px;min-width:0}.topbar{position:sticky;top:0;z-index:20;background:#f6f8fbcc;backdrop-filter:blur(8px);border:0;padding:8px 0;margin-bottom:8px}.page-title h1{font-size:20px}.top-actions{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.company-pill{min-width:0;width:100%;border-radius:14px}.logout-btn{height:38px;padding:8px 10px}.summary-grid,.quick-grid,.recent-grid,.advanced-grid{grid-template-columns:1fr!important}.card.metric{padding:14px}.metric .value{font-size:24px}.table-wrap{border-radius:12px;margin-left:-4px;margin-right:-4px}.table{min-width:720px}.doc-adjust-grid{grid-template-columns:1fr 1fr}.doc-adjust-grid .full{grid-column:1/-1}.doc-items-table{min-width:650px!important}.modal-card{width:96vw;max-height:92vh;overflow:auto;padding:16px}.one-line-panel{grid-template-columns:1fr!important}.action-line{grid-template-columns:1fr 1fr!important}.action-line .btn{font-size:12px;padding:8px}.notice-card.onboarding{font-size:13px}.login-card{box-shadow:none}.login{display:block;padding-top:24px}
}
@media(max-width:520px){.doc-adjust-grid{grid-template-columns:1fr}.top-actions{grid-template-columns:1fr}.logout-btn{width:100%}.table th,.table td{font-size:11px;padding:8px}.page-title p{display:none}}


.onboarding-grid .quick-tile{border-style:dashed;background:#fbfdff}.mobile-row-card{display:block;width:100%;text-align:left;border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px;margin-bottom:10px;box-shadow:0 8px 22px rgba(15,23,42,.04);color:var(--ink)}.mobile-row-card span{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px dashed #e5eaf2}.mobile-row-card span:last-child{border-bottom:0}.mobile-row-card small{color:#64748b;font-size:11px;text-transform:uppercase;font-weight:800}.mobile-row-card b{font-size:13px;font-weight:800;text-align:right}.mobile-row-card.row-selected{border-color:var(--brand);background:#eff6ff}.mobile-row-card .small-action{padding:4px 7px}.doc-tax-line[style*="display: none"]{display:none!important}@media(max-width:760px){.table-wrap{display:none}.mobile-card-list{display:block}.recent-grid .card{box-shadow:0 8px 20px rgba(15,23,42,.04)}.doc-tax-card{margin-left:0!important;width:100%!important}.doc-adjust-grid{grid-template-columns:1fr!important}.quick-grid.onboarding-grid{grid-template-columns:1fr!important}.main{padding-bottom:80px}.modal{padding:16px 8px}.modal-card{border-radius:16px}.customer-list{box-shadow:none}.company-pill{max-width:100%;}.account-company{font-size:13px}.account-lines small{font-size:10px}}


:root{--g-primary:#1d4ed8;--g-primary-soft:#eff6ff;--g-border:#e2e8f0;--g-text:#0f172a;--g-muted:#64748b;--g-bg:#f6f8fb;}
body{background:var(--g-bg);color:var(--g-text);font-size:14px;}
.card{border:1px solid var(--g-border);box-shadow:0 8px 22px rgba(15,23,42,.045);border-radius:16px;}
.btn{border-radius:10px;font-weight:600;min-height:34px;}
.btn.primary{background:var(--g-primary);border-color:var(--g-primary);}
input,select,textarea{border-color:#cbd5e1;border-radius:10px;font-size:14px;}
.table th{background:#f8fafc;color:#334155;font-size:12px;text-transform:none;letter-spacing:.01em;}
.table td{font-size:13px;}
.meta-chip{background:#f8fafc;border:1px solid var(--g-border);color:#334155;font-size:12px;padding:6px 10px;border-radius:999px;}
.doc-title{font-size:15px;margin:6px 0 10px;color:#0f172a;}
.doc-items-wrap{border:1px solid var(--g-border);border-radius:14px;overflow:auto;background:#fff;}
.doc-items-table th{background:#f8fafc;font-size:12px;color:#334155;}
.doc-items-table td{padding:7px;}
.doc-tax-card{max-width:380px;margin-left:auto;border:1px solid #dbeafe;background:#fbfdff;border-radius:14px;padding:10px 12px;}
.doc-tax-line{font-size:13px;padding:5px 0;border-bottom:1px dashed #e2e8f0;}
.doc-tax-total{background:#eff6ff;color:#0f2f63;border-radius:10px;margin-top:8px;padding:9px 10px;font-size:15px;}
.doc-adjust-grid{border:1px solid #e2e8f0;background:#fbfdff;border-radius:14px;padding:12px;gap:10px;}
.download-card{max-width:420px}.download-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0;}
@media (max-width:720px){
  body{font-size:13px}.layout{display:block}.side{position:relative;width:auto;min-height:auto;padding:10px;border-radius:0 0 18px 18px}.nav{display:flex;gap:6px;overflow:auto}.nav a{white-space:nowrap;padding:8px 10px}.side-footer{display:none}.topbar{padding:10px 12px}.account-lines .account-company{font-size:14px}.page{padding:12px}.summary-grid,.recent-grid,.quick-grid{grid-template-columns:1fr!important;gap:10px}.one-line-panel,.action-line,.toolbar{gap:8px;flex-wrap:wrap}.one-line-panel input{min-width:100%;}.card{border-radius:14px}.table-wrap{overflow-x:auto}.doc-tax-card{max-width:none;margin:10px 0 0}.doc-adjust-grid{grid-template-columns:1fr!important}.download-choice{grid-template-columns:1fr}.modal-card{width:94vw;max-height:88vh;overflow:auto}.app-picker-list.open{max-height:220px}.compact-card{padding:10px}.metric .value{font-size:22px}.table.mobile-cards thead{display:none}.table.mobile-cards,.table.mobile-cards tbody,.table.mobile-cards tr,.table.mobile-cards td{display:block;width:100%}.table.mobile-cards tr{border:1px solid var(--g-border);border-radius:12px;padding:8px;margin-bottom:8px;background:#fff}.table.mobile-cards td{border:0!important;padding:4px 2px;text-align:left!important}}


.owner-admin-body{background:#f3f6fb;color:#0f172a;margin:0}.owner-login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#eff6ff,#f8fafc 55%,#eef2ff)}.owner-login-panel{width:min(440px,100%);background:#fff;border:1px solid #dbe3ef;border-radius:24px;box-shadow:0 24px 70px rgba(15,23,42,.14);padding:28px}.owner-login-brand{display:flex;align-items:center;gap:12px;margin-bottom:18px}.owner-login-brand img{width:42px;height:42px;border-radius:12px}.owner-login-brand b{display:block;font-size:16px}.owner-login-brand span,.owner-login-panel p{color:#64748b}.owner-login-panel h1{font-size:24px;margin:0 0 6px}.owner-login-panel label{display:flex;flex-direction:column;gap:6px;margin:12px 0;font-weight:800;color:#334155}.owner-login-panel input{height:42px;border:1px solid #cbd5e1;border-radius:12px;padding:0 12px}.owner-login-panel .btn{width:100%;height:44px;margin-top:8px}.owner-company-link{display:block;margin-top:14px;text-align:center;color:#1d4ed8;text-decoration:none;font-weight:800}.owner-layout{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.owner-side{background:#0f172a;color:#fff;padding:18px;display:flex;flex-direction:column;gap:18px}.owner-side-brand{display:flex;align-items:center;gap:12px}.owner-side-brand img{width:38px;height:38px;border-radius:12px;background:#fff}.owner-side-brand b{display:block}.owner-side-brand span{font-size:12px;color:#cbd5e1}.owner-side nav{display:grid;gap:6px}.owner-side nav a{color:#cbd5e1;text-decoration:none;padding:10px 12px;border-radius:12px;font-weight:800}.owner-side nav a:hover,.owner-side nav a.active{background:#1e293b;color:#fff}.owner-logout{margin-top:auto;background:#fff;color:#0f172a;border:0}.owner-main{padding:22px;min-width:0}.owner-topbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}.owner-topbar h1{margin:0;font-size:24px}.owner-topbar p{margin:4px 0 0;color:#64748b}.owner-notice{min-height:20px;margin:0 0 12px;font-weight:800}.owner-notice.success{color:#166534}.owner-notice.error{color:#991b1b}.owner-metrics{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:12px;margin-bottom:14px}.owner-metric,.owner-card{background:#fff;border:1px solid #dbe3ef;border-radius:18px;box-shadow:0 10px 30px rgba(15,23,42,.045)}.owner-metric{padding:16px}.owner-metric span{display:block;color:#64748b;font-size:12px;font-weight:900;text-transform:uppercase}.owner-metric b{display:block;font-size:24px;margin-top:6px}.owner-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.owner-card{padding:16px;margin-bottom:14px}.owner-card h2{font-size:17px;margin:0 0 4px}.owner-card p{margin:0 0 12px;color:#64748b}.owner-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.owner-search{height:38px;min-width:260px}.owner-table{overflow:auto;border:1px solid #e2e8f0;border-radius:14px}.owner-table table{width:100%;border-collapse:collapse;background:#fff}.owner-table th,.owner-table td{border-bottom:1px solid #e5eaf2;padding:10px;text-align:left;font-size:13px;vertical-align:middle}.owner-table th{background:#f8fafc;color:#475569;font-size:12px;font-weight:900}.owner-table small{display:block;color:#64748b;font-size:11px;margin-top:2px}.owner-table input,.owner-table select,.owner-form-grid input,.owner-form-grid select{height:36px;border:1px solid #cbd5e1;border-radius:10px;padding:0 10px;min-width:120px;background:#fff}.owner-chip{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900;background:#e2e8f0;color:#334155}.owner-chip.ok{background:#dcfce7;color:#166534}.owner-chip.warn{background:#fef3c7;color:#92400e}.owner-chip.danger{background:#fee2e2;color:#991b1b}.owner-chip.muted{background:#f1f5f9;color:#64748b}.owner-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:12px 0}.owner-form-grid label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:900;color:#475569}.owner-form-grid .wide{grid-column:1/-1}.owner-template-list{display:flex;flex-wrap:wrap;gap:8px}.owner-template-list span{background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;color:#334155}@media(max-width:980px){.owner-layout{grid-template-columns:1fr}.owner-side{position:relative;display:block}.owner-side nav{display:flex;overflow:auto;margin:12px 0}.owner-logout{margin-top:10px}.owner-main{padding:14px}.owner-metrics{grid-template-columns:repeat(2,1fr)}.owner-two{grid-template-columns:1fr}.owner-topbar{align-items:flex-start;flex-direction:column}.owner-search{min-width:0;width:100%}.owner-card-head{flex-direction:column}.owner-table table{min-width:760px}}@media(max-width:520px){.owner-metrics{grid-template-columns:1fr}.owner-login-panel{padding:20px;border-radius:18px}.owner-main{padding:10px}.owner-topbar h1{font-size:20px}.owner-table th,.owner-table td{font-size:12px;padding:8px}}


:root{
  --bg:#f5f7fb;
  --card:#ffffff;
  --ink:#0f172a;
  --muted:#64748b;
  --line:#d8e2ee;
  --brand:#244fd6;
  --brand-dark:#173aa4;
  --brand-soft:#eef4ff;
  --accent:#0f9f8f;
  --accent-soft:#e9fbf8;
  --danger:#dc2626;
  --warn:#d97706;
  --ok:#15803d;
  --soft:#f8fafc;
  --shadow:0 14px 36px rgba(15,23,42,.075);
  --shadow-soft:0 7px 20px rgba(15,23,42,.055);
  --radius:18px;
  --radius-sm:12px;
}
html{background:var(--bg)}
body{background:linear-gradient(135deg,#f7faff 0%,#f5f7fb 42%,#f8fafc 100%);color:var(--ink);font-size:14px;line-height:1.46;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body:before{content:'';position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 18% -8%,rgba(36,79,214,.10),transparent 380px),radial-gradient(circle at 105% 8%,rgba(15,159,143,.08),transparent 360px);z-index:-1}
.side{background:linear-gradient(180deg,#081225 0%,#101b31 58%,#111827 100%);box-shadow:14px 0 34px rgba(15,23,42,.10);border-right:1px solid rgba(255,255,255,.08)}
.brand{padding:8px 8px 16px;margin-bottom:14px;border-bottom:1px solid rgba(255,255,255,.10)}
.brand img{background:#fff;border-radius:14px;width:38px;height:38px;box-shadow:0 8px 24px rgba(2,6,23,.25)}
.brand b{font-size:17px;letter-spacing:-.02em;color:#fff}.brand small,.brand span{color:#aebfd5}
.nav a{margin-bottom:5px;padding:10px 12px;border-radius:13px;border:1px solid transparent;font-size:13px;font-weight:750;color:#d2dcec;transition:.16s ease}
.nav a:hover,.nav a.active{background:linear-gradient(135deg,rgba(36,79,214,.28),rgba(15,159,143,.16));border-color:rgba(255,255,255,.10);color:#fff;transform:translateX(2px)}
.side-footer{border-top-color:rgba(255,255,255,.10);color:#aebfd5}.side-footer a{color:#d2dcec}.side-footer a:first-child{color:#fff}
.main{padding:22px 24px}.topbar{background:rgba(255,255,255,.86);border:1px solid rgba(216,226,238,.95);border-radius:22px;padding:15px 17px;box-shadow:var(--shadow-soft);backdrop-filter:blur(12px);position:relative;overflow:hidden}.topbar:before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--brand),var(--accent))}
.page-title h1{font-size:24px;letter-spacing:-.035em;line-height:1.1;color:#0b1220}.page-title p{font-size:13px;color:#64748b}.top-actions{gap:10px}.company-pill,.account-pill{border:1px solid #d8e2ee;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);border-radius:16px;box-shadow:0 8px 22px rgba(15,23,42,.055);padding:8px 12px}.account-company{font-size:14px;font-weight:900;color:#0f172a;letter-spacing:-.02em}.account-lines small{font-size:12px;color:#64748b}.logout-btn,.icon-btn{background:#fff7f7;color:#b91c1c;border:1px solid #fecaca;border-radius:12px;box-shadow:none}.logout-btn:hover,.icon-btn:hover{background:#fee2e2}
.card,.quick-tile,.advanced-tile,.customer-list,.modal-card,.notice-card,.onboarding-card{background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);border:1px solid #d8e2ee;border-radius:20px;box-shadow:var(--shadow-soft);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.card:hover,.quick-tile:hover,.advanced-tile:hover{border-color:#b9c9df;box-shadow:var(--shadow)}
.metric{min-height:112px;position:relative;overflow:hidden}.metric:before{width:4px;border-radius:0 4px 4px 0}.metric:after{content:'';position:absolute;right:-32px;top:-36px;width:104px;height:104px;border-radius:50%;background:rgba(36,79,214,.055)}.metric .label,.metric-head{font-size:12.5px;color:#56657a;font-weight:850}.metric .value{font-size:25px;font-weight:920;letter-spacing:-.045em;color:#0b1220}.metric-note{font-size:12px;color:#7b8797}.metric-blue:before,.metric-blue .metric-head i{background:#244fd6}.metric-purple:before,.metric-purple .metric-head i{background:#6d5dfc}.metric-green:before,.metric-green .metric-head i{background:#0f9f8f}.metric-orange:before,.metric-orange .metric-head i{background:#df8a19}
.section-line h2,.section-header h2{font-size:18px;font-weight:900;letter-spacing:-.025em;color:#111827}.section-line p,.section-header p{color:#64748b}.quick-grid,.advanced-grid{gap:13px}.quick-tile,.advanced-tile{padding:14px;min-height:82px}.quick-tile b,.advanced-tile b{font-size:14px;font-weight:900;color:#111827}.quick-tile small,.advanced-tile small{font-size:12px;color:#64748b;line-height:1.3}.tile-icon{background:linear-gradient(135deg,#edf4ff 0%,#f8fbff 100%);border:1px solid #dbeafe;color:var(--brand);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.quick-tile.green .tile-icon,.advanced-tile.green .tile-icon{background:linear-gradient(135deg,#e8fbf8,#f7fffd);color:#0f9f8f;border-color:#c9f2eb}.quick-tile.orange .tile-icon{background:linear-gradient(135deg,#fff7ed,#fffaf5);color:#d97706;border-color:#fed7aa}.quick-tile.purple .tile-icon{background:linear-gradient(135deg,#f2efff,#fbfaff);color:#6d5dfc;border-color:#ddd6fe}
.btn,.small-action,button{transition:.14s ease}.btn{border-radius:12px;font-weight:850;min-height:38px;padding:9px 14px;background:#eef2f7;color:#0f172a;border:1px solid #d8e2ee;box-shadow:none}.btn.primary{background:linear-gradient(135deg,#2f61e6,#244fd6);border-color:#244fd6;color:#fff}.btn.ok{background:linear-gradient(135deg,#13b8a4,#0f9f8f);border-color:#0f9f8f;color:#fff}.btn.warn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.btn.danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn:hover,.small-action:hover{transform:translateY(-1px);filter:saturate(1.04)}.btn:disabled{transform:none;filter:none}
input,select,textarea,.toolbar input,.toolbar select,.form input,.form select,.form textarea,.customer-search-row input,.owner-search{border-color:#cbd7e5;border-radius:12px;background:#fff;color:#111827;box-shadow:0 1px 0 rgba(15,23,42,.02)}input:focus,select:focus,textarea:focus,.toolbar input:focus,.toolbar select:focus,.form input:focus,.form select:focus,.form textarea:focus{border-color:#8bb4ff;box-shadow:0 0 0 3px rgba(36,79,214,.10);outline:none}.form label{font-weight:800;color:#334155;font-size:12px}.form-help{background:linear-gradient(135deg,#eef4ff,#fff);border-color:#bdd2ff;color:#173aa4}
.table-wrap,.owner-table{border:1px solid #d8e2ee;border-radius:16px;background:#fff;box-shadow:var(--shadow-soft);overflow:auto}.table{background:#fff}.table th,.owner-table th{background:#f1f6fc;color:#334155;font-size:12px;font-weight:900;letter-spacing:.01em;text-transform:none;border-bottom:1px solid #d8e2ee}.table td,.owner-table td{font-size:13px;color:#1f2937;border-bottom:1px solid #edf1f7}.table tr:hover td,.owner-table tr:hover td{background:#fbfdff}.status,.owner-chip{font-weight:900;border:1px solid rgba(148,163,184,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.65)}.status.paid{background:#e9fbef;color:#166534}.status.partial{background:#fff7db;color:#92400e}.status.unpaid{background:#fff1f2;color:#991b1b}
.customer-row{padding:13px 15px;border-bottom-color:#e8eef6}.customer-row:hover{background:#fbfdff}.customer-row.row-selected{background:#eef4ff}.customer-name{font-weight:900;color:#111827}.select-dot{width:19px;height:19px;border-color:#9aa9bc}.row-selected .select-dot{background:var(--brand);border-color:var(--brand)}.empty{border:1px dashed #bdcadb;background:#fbfdff;border-radius:18px;color:#64748b}
.doc-items-wrap{border:1px solid #d8e2ee;border-radius:16px;background:#fff;box-shadow:var(--shadow-soft)}.doc-items-table th{background:#edf4ff;color:#173aa4;font-weight:900}.doc-items-table td{border-bottom:1px solid #edf1f7}.doc-tax-card,.totals-card{background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid #d8e2ee;border-radius:16px;box-shadow:var(--shadow-soft)}.doc-tax-total{background:linear-gradient(135deg,#173aa4,#244fd6);color:#fff}.doc-adjust-grid{background:#fbfdff;border:1px solid #d8e2ee;border-radius:16px}
.modal{background:rgba(15,23,42,.48);backdrop-filter:blur(3px)}.modal-card{box-shadow:0 30px 90px rgba(15,23,42,.18)}.toast{background:#0b1220;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 48px rgba(15,23,42,.25)}
.login{background:radial-gradient(circle at 16% 20%,rgba(52,211,153,.32),transparent 260px),radial-gradient(circle at 82% 8%,rgba(96,165,250,.34),transparent 320px),linear-gradient(135deg,#081225,#173aa4 70%,#0f766e)}.login .card,.login-card{border-radius:26px;box-shadow:0 28px 95px rgba(2,6,23,.28);border-color:rgba(255,255,255,.45)}

.owner-admin-body{background:linear-gradient(135deg,#f7faff,#f4f7fb)}.owner-side{background:linear-gradient(180deg,#081225,#111c33 70%,#111827);border-right:1px solid rgba(255,255,255,.08)}.owner-side nav a{border:1px solid transparent;font-weight:850;font-size:13px}.owner-side nav a:hover,.owner-side nav a.active{background:linear-gradient(135deg,rgba(36,79,214,.28),rgba(15,159,143,.14));border-color:rgba(255,255,255,.10)}.owner-topbar,.owner-card,.owner-metric{border:1px solid #d8e2ee;background:linear-gradient(180deg,#fff,#fbfdff);border-radius:20px;box-shadow:var(--shadow-soft)}.owner-topbar{padding:15px 17px}.owner-topbar h1{font-size:24px;font-weight:920;letter-spacing:-.04em}.owner-metric span{letter-spacing:.02em;color:#64748b}.owner-metric b{font-weight:920;letter-spacing:-.045em;color:#0b1220}.owner-card h2{font-weight:920;letter-spacing:-.025em}.owner-form-grid label{color:#334155}.owner-table input,.owner-table select,.owner-form-grid input,.owner-form-grid select{border-color:#cbd7e5}.owner-template-list span{background:#f1f6fc;border-color:#d8e2ee;color:#334155}
@media(max-width:900px){.main{padding:12px}.side{box-shadow:none}.topbar{border-radius:18px;padding:13px 14px}.page-title h1{font-size:21px}.grid,.summary-grid{gap:12px}.card,.quick-tile,.advanced-tile,.table-wrap{border-radius:17px}.metric .value{font-size:23px}.top-actions{align-items:stretch}.company-pill,.account-pill{width:100%;max-width:none}.owner-main{padding:12px}.owner-topbar{border-radius:18px}.owner-table table{min-width:760px}}
@media(max-width:520px){body{font-size:13px}.main{padding:10px}.side{padding:10px}.brand{padding-bottom:10px}.brand img{width:34px;height:34px}.nav a{font-size:12px;padding:8px 10px}.topbar{gap:10px}.page-title h1{font-size:20px}.quick-tile,.advanced-tile{min-height:72px}.tile-icon{width:36px;height:36px}.btn{width:auto;min-height:36px}.toolbar .btn,.customer-action-row .btn{flex:1}.modal-card{border-radius:18px;padding:16px}.owner-topbar h1{font-size:20px}.owner-metric b{font-size:22px}}


.login .brand,
.login-brand {
  color: #0f172a !important;
  background: transparent !important;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.02em;
}
.login .brand b,
.login-brand b { color: #0f172a !important; }
.login .brand img,
.login-brand img { width: 38px; height: 38px; object-fit: contain; background: #fff; border-radius: 10px; padding: 4px; border: 1px solid #e2e8f0; }
.form-error:empty,
.form-message:empty,
#err:empty,
#msg:empty,
#omsg:empty { display: none !important; border: 0 !important; padding: 0 !important; margin: 0 !important; background: transparent !important; }
.notice-card.onboarding {
  border: 1px solid #fecaca !important;
  border-left: 4px solid #dc2626 !important;
  background: #fff7f7 !important;
  color: #334155 !important;
}
.notice-card.onboarding b { color: #991b1b !important; }


:root{
  --g-bg-1:#eef3ff;
  --g-bg-2:#f7f5ff;
  --g-bg-3:#edf8ff;
  --g-panel:#f8faff;
  --g-panel-2:#f2f6ff;
  --g-card:#fbfcff;
  --g-card-strong:#f4f7ff;
  --g-ink:#111827;
  --g-muted:#526174;
  --g-line:#cfd9ea;
  --g-brand:#5147f5;
  --g-brand-dark:#3328c9;
  --g-blue:#0ea5e9;
  --g-green:#0f9f8f;
  --g-shadow:0 20px 48px rgba(26,38,73,.12);
  --g-shadow-soft:0 10px 28px rgba(26,38,73,.08);
}
html,body{min-height:100% !important;}
body{
  color:var(--g-ink) !important;
  background:
    radial-gradient(circle at 18% 4%, rgba(81,71,245,.18) 0, rgba(81,71,245,.06) 260px, transparent 520px),
    radial-gradient(circle at 92% 1%, rgba(14,165,233,.18) 0, rgba(14,165,233,.06) 260px, transparent 560px),
    linear-gradient(135deg,var(--g-bg-1) 0%, var(--g-bg-2) 48%, var(--g-bg-3) 100%) !important;
}
.layout{background:transparent !important;}
.main{
  background:
    linear-gradient(180deg,rgba(255,255,255,.20),rgba(255,255,255,.04)),
    radial-gradient(circle at 48% 0%, rgba(81,71,245,.08), transparent 520px) !important;
  min-height:100vh !important;
}
.side{
  background:linear-gradient(180deg,#07111f 0%, #0b1430 52%, #111827 100%) !important;
  border-right:1px solid rgba(255,255,255,.08) !important;
  box-shadow:12px 0 36px rgba(2,6,23,.16) !important;
}
.brand{
  padding:8px 6px 18px !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
}
.brand img{
  background:#fff !important;
  border:1px solid rgba(255,255,255,.34) !important;
  box-shadow:0 10px 25px rgba(81,71,245,.28) !important;
}
.brand b{color:#fff !important;letter-spacing:-.025em !important;}
.nav a{
  color:#d7e1ef !important;
  border:1px solid transparent !important;
  font-weight:850 !important;
  letter-spacing:-.01em !important;
}
.nav a:hover,.nav a.active{
  color:#fff !important;
  background:linear-gradient(135deg,rgba(81,71,245,.36),rgba(14,165,233,.18)) !important;
  border-color:rgba(255,255,255,.13) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10) !important;
}
.side-footer{border-top-color:rgba(255,255,255,.12) !important;color:#cbd5e1 !important;}
.side-footer a{color:#d7e1ef !important;}
.topbar{
  background:linear-gradient(135deg,rgba(252,253,255,.96),rgba(241,246,255,.96)) !important;
  border:1px solid var(--g-line) !important;
  box-shadow:var(--g-shadow-soft) !important;
  border-radius:24px !important;
  position:relative !important;
  overflow:hidden !important;
}
.topbar:before{
  content:'' !important;
  position:absolute !important;left:0 !important;top:0 !important;bottom:0 !important;width:5px !important;
  background:linear-gradient(180deg,var(--g-brand),var(--g-blue)) !important;
}
.topbar:after{
  content:'' !important;position:absolute !important;right:-55px !important;top:-80px !important;width:180px !important;height:180px !important;border-radius:50% !important;
  background:rgba(81,71,245,.08) !important;pointer-events:none !important;
}
.page-title h1,.section-line h2,.section-header h2{color:var(--g-ink) !important;font-weight:920 !important;letter-spacing:-.04em !important;}
.page-title p,.section-line p,.section-header p,.metric .label,.metric-head,.metric-note,.table th,.owner-table th{color:var(--g-muted) !important;}
.company-pill,.account-pill{
  background:linear-gradient(135deg,#ffffff,#f4f7ff) !important;
  border:1px solid var(--g-line) !important;
  box-shadow:0 8px 22px rgba(26,38,73,.08) !important;
}
.account-company{color:var(--g-ink) !important;font-weight:920 !important;}
.account-lines small{color:var(--g-muted) !important;}
.card,.quick-tile,.advanced-tile,.customer-list,.modal-card,.notice-card,.onboarding-card,.owner-card,.owner-topbar,.owner-metric{
  background:linear-gradient(135deg,var(--g-card) 0%, var(--g-card-strong) 100%) !important;
  border:1px solid var(--g-line) !important;
  box-shadow:var(--g-shadow-soft) !important;
  color:var(--g-ink) !important;
}
.card:hover,.quick-tile:hover,.advanced-tile:hover{
  box-shadow:var(--g-shadow) !important;
  border-color:#b8c4dc !important;
}
.metric{
  background:linear-gradient(135deg,#fbfcff,#eef4ff) !important;
  border-color:#cbd7ea !important;
  overflow:hidden !important;
}
.metric:before{width:5px !important;border-radius:0 8px 8px 0 !important;}
.metric:after{
  content:'' !important;position:absolute !important;right:-38px !important;top:-46px !important;width:132px !important;height:132px !important;border-radius:50% !important;
  background:rgba(81,71,245,.08) !important;
}
.metric .value,.owner-metric b{color:#0b1220 !important;font-weight:940 !important;letter-spacing:-.045em !important;}
.metric-blue:before,.metric-blue .metric-head i{background:#5147f5 !important;}
.metric-purple:before,.metric-purple .metric-head i{background:#7c3aed !important;}
.metric-green:before,.metric-green .metric-head i{background:#0f9f8f !important;}
.metric-orange:before,.metric-orange .metric-head i{background:#f59e0b !important;}
.quick-tile,.advanced-tile{min-height:82px !important;}
.quick-tile b,.advanced-tile b,.customer-name{color:var(--g-ink) !important;font-weight:920 !important;}
.quick-tile small,.advanced-tile small{color:var(--g-muted) !important;}
.tile-icon{
  background:linear-gradient(135deg,#ebe9ff,#e9f7ff) !important;
  border:1px solid #cbd7ff !important;
  color:var(--g-brand) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9) !important;
}
.quick-tile.green .tile-icon,.advanced-tile.green .tile-icon{background:linear-gradient(135deg,#e8fbf8,#f4fffd) !important;color:#0f766e !important;border-color:#bfeee6 !important;}
.quick-tile.orange .tile-icon{background:linear-gradient(135deg,#fff3df,#fffaf4) !important;color:#d97706 !important;border-color:#fed7aa !important;}
.quick-tile.purple .tile-icon{background:linear-gradient(135deg,#eeeaff,#faf8ff) !important;color:#6d28d9 !important;border-color:#ddd6fe !important;}
.table-wrap,.owner-table{
  background:linear-gradient(135deg,#fbfcff,#f1f6ff) !important;
  border:1px solid var(--g-line) !important;
  box-shadow:var(--g-shadow-soft) !important;
  border-radius:18px !important;
}
.table,.owner-table table{background:transparent !important;}
.table th,.owner-table th{
  background:linear-gradient(135deg,#e9eefc,#eef7ff) !important;
  color:#344054 !important;
  font-weight:920 !important;
  border-bottom:1px solid var(--g-line) !important;
}
.table td,.owner-table td{
  background:rgba(255,255,255,.56) !important;
  color:#1f2937 !important;
  border-bottom:1px solid #e1e8f3 !important;
}
.table tr:hover td,.owner-table tr:hover td{background:#f7faff !important;}
.toolbar,.customer-search-row,.customer-meta-row,.customer-action-row{color:var(--g-ink) !important;}
input,select,textarea,.toolbar input,.toolbar select,.form input,.form select,.form textarea,.customer-search-row input,.owner-search{
  background:#fbfdff !important;
  border:1px solid #c6d2e4 !important;
  color:var(--g-ink) !important;
  box-shadow:0 1px 0 rgba(255,255,255,.85), inset 0 1px 2px rgba(26,38,73,.03) !important;
}
input::placeholder,textarea::placeholder{color:#7a8799 !important;}
input:focus,select:focus,textarea:focus,.toolbar input:focus,.toolbar select:focus,.form input:focus,.form select:focus,.form textarea:focus{
  outline:none !important;
  border-color:#8177ff !important;
  box-shadow:0 0 0 4px rgba(81,71,245,.12) !important;
}
.btn,.small-action,button{
  border-radius:12px !important;
  font-weight:880 !important;
  transition:.15s ease !important;
}
.btn{background:#eef3fb !important;border:1px solid #cbd7ea !important;color:#111827 !important;}
.btn.primary{background:linear-gradient(135deg,#675dff,#5147f5) !important;color:#fff !important;border-color:#5147f5 !important;box-shadow:0 10px 22px rgba(81,71,245,.18) !important;}
.btn.ok{background:linear-gradient(135deg,#20bfae,#0f9f8f) !important;color:#fff !important;border-color:#0f9f8f !important;}
.btn.warn{background:linear-gradient(135deg,#f6a325,#d97706) !important;color:#fff !important;border-color:#d97706 !important;}
.btn.danger{background:linear-gradient(135deg,#ef4444,#dc2626) !important;color:#fff !important;border-color:#dc2626 !important;}
.btn:hover,.small-action:hover{transform:translateY(-1px) !important;filter:saturate(1.03) !important;}
.logout-btn,.icon-btn{background:#fff1f2 !important;color:#b42318 !important;border:1px solid #fecaca !important;}
.status,.owner-chip{font-weight:920 !important;border:1px solid rgba(148,163,184,.26) !important;}
.status.paid{background:#e8fbf4 !important;color:#08735f !important;}
.status.partial{background:#fff6db !important;color:#8a4b00 !important;}
.status.unpaid{background:#fff0f3 !important;color:#b42318 !important;}
.empty{
  background:linear-gradient(135deg,#fbfcff,#f2f6ff) !important;
  border:1px dashed #bac7dc !important;
  color:var(--g-muted) !important;
  border-radius:18px !important;
}
.form-help,.notice-card.onboarding{
  background:linear-gradient(135deg,#f1eeff,#f1f9ff) !important;
  border-color:#cfd5ff !important;
  color:#3328c9 !important;
}
.doc-items-wrap,.doc-tax-card,.totals-card,.doc-adjust-grid{
  background:linear-gradient(135deg,#fbfcff,#f3f7ff) !important;
  border:1px solid var(--g-line) !important;
  box-shadow:var(--g-shadow-soft) !important;
}
.doc-items-table th{background:linear-gradient(135deg,#e9eefc,#eef7ff) !important;color:#344054 !important;}
.doc-tax-total{background:linear-gradient(135deg,#5147f5,#0ea5e9) !important;color:#fff !important;}
.login{
  background:
    radial-gradient(circle at 18% 8%,rgba(81,71,245,.28),transparent 330px),
    radial-gradient(circle at 84% 12%,rgba(14,165,233,.24),transparent 340px),
    linear-gradient(135deg,#eef3ff,#f8f5ff 52%,#edf8ff) !important;
}
.login .card,.login-card{background:linear-gradient(135deg,#ffffff,#f4f7ff) !important;border-color:#d5ddf0 !important;box-shadow:0 28px 90px rgba(26,38,73,.18) !important;}
@media(max-width:900px){
  .main{background:linear-gradient(135deg,var(--g-bg-1),var(--g-bg-2),var(--g-bg-3)) !important;}
  .side{box-shadow:none !important;}
  .topbar{border-radius:18px !important;}
}


:root{
  --bg:#f4f6fb;
  --panel:#f8fafc;
  --card:#fbfcff;
  --ink:#111827;
  --muted:#5f6b7a;
  --line:#d7dfec;
  --brand:#4f46e5;
  --brand2:#0ea5e9;
  --accent-soft:#eef2ff;
  --teal:#0f9f8f;
  --amber:#f59e0b;
  --danger:#dc2626;
  --shadow:0 12px 34px rgba(15,23,42,.08);
  --shadow-soft:0 8px 22px rgba(15,23,42,.055);
}
html,body{min-height:100%;}
body{
  background:
    radial-gradient(circle at 18% 0%, rgba(79,70,229,.075), transparent 320px),
    radial-gradient(circle at 92% 6%, rgba(14,165,233,.07), transparent 340px),
    linear-gradient(180deg,#f8fafc 0%,#f2f5fb 100%) !important;
  color:var(--ink) !important;
  -webkit-font-smoothing:antialiased;
}
.layout{background:transparent !important;}
.main{
  background:
    linear-gradient(180deg,rgba(255,255,255,.42) 0%,rgba(246,248,252,.82) 100%) !important;
  min-height:100vh;
}
.side{
  background:linear-gradient(180deg,#07111f 0%,#0b1628 58%,#0f172a 100%) !important;
  border-right:1px solid rgba(255,255,255,.08) !important;
  box-shadow:8px 0 28px rgba(15,23,42,.14) !important;
}
.brand{padding:8px 6px 16px;border-bottom:1px solid rgba(255,255,255,.10);}
.brand img{border-radius:999px !important;box-shadow:0 12px 26px rgba(79,70,229,.35);}
.brand b{color:#fff !important;font-weight:900;letter-spacing:-.02em;}
.nav a{
  border:1px solid transparent !important;
  color:#d3dce9 !important;
  font-weight:850 !important;
  border-radius:12px !important;
}
.nav a:hover,.nav a.active{
  background:linear-gradient(135deg,rgba(79,70,229,.32),rgba(14,165,233,.18)) !important;
  border-color:rgba(255,255,255,.12) !important;
  color:#fff !important;
  transform:none !important;
}
.side-footer{border-top:1px solid rgba(255,255,255,.10) !important;color:#cbd5e1 !important;}
.side-footer a{color:#dbeafe !important;}
.topbar{
  background:rgba(248,250,252,.88) !important;
  border:1px solid var(--line) !important;
  border-radius:22px !important;
  box-shadow:var(--shadow-soft) !important;
  backdrop-filter:blur(14px);
  overflow:hidden;
}
.topbar:before{background:linear-gradient(180deg,var(--brand),var(--brand2)) !important;width:4px !important;}
.page-title h1{font-size:24px !important;color:var(--ink) !important;font-weight:900 !important;letter-spacing:-.035em !important;}
.page-title p{color:var(--muted) !important;}
.company-pill,.account-pill{
  background:#fff !important;
  border:1px solid var(--line) !important;
  box-shadow:0 6px 18px rgba(15,23,42,.055) !important;
  border-radius:16px !important;
}
.logout-btn,.icon-btn{background:#fff5f5 !important;border:1px solid #fecaca !important;color:#b91c1c !important;border-radius:12px !important;}
.card,.quick-tile,.advanced-tile,.customer-list,.modal-card,.notice-card,.onboarding-card,.table-wrap,.owner-card,.owner-topbar,.owner-metric{
  background:linear-gradient(180deg,#ffffff 0%,#fbfcff 100%) !important;
  border:1px solid var(--line) !important;
  border-radius:18px !important;
  box-shadow:var(--shadow-soft) !important;
}
.card:hover,.quick-tile:hover,.advanced-tile:hover{border-color:#c4cedd !important;box-shadow:var(--shadow) !important;transform:none !important;}
.metric{
  background:linear-gradient(180deg,#fbfcff 0%,#f7f9fd 100%) !important;
  min-height:112px !important;
  overflow:hidden !important;
}
.metric:before{width:4px !important;border-radius:0 4px 4px 0 !important;background:var(--brand) !important;}
.metric:after,.metric-head i{display:none !important;content:none !important;}
.metric-blue:before{background:var(--brand) !important;}
.metric-purple:before{background:#7c3aed !important;}
.metric-green:before{background:var(--teal) !important;}
.metric-orange:before{background:var(--amber) !important;}
.metric .label,.metric-head{color:#536173 !important;font-size:12.5px !important;font-weight:850 !important;}
.metric .value{color:#111827 !important;font-size:25px !important;font-weight:920 !important;letter-spacing:-.04em !important;}
.metric-note{color:#667085 !important;}
.section-line h2,.section-header h2{color:#111827 !important;font-weight:900 !important;letter-spacing:-.025em !important;}
.section-line p,.section-header p{color:#667085 !important;}
.quick-grid,.advanced-grid{gap:13px !important;}
.quick-tile,.advanced-tile{min-height:80px !important;padding:14px 15px !important;}
.quick-tile b,.advanced-tile b{font-weight:900 !important;color:#111827 !important;}
.quick-tile small,.advanced-tile small{color:#5f6b7a !important;}
.tile-icon{
  background:#f1f5ff !important;
  border:1px solid #dce5ff !important;
  color:var(--brand) !important;
  border-radius:14px !important;
  box-shadow:none !important;
}
.quick-tile.green .tile-icon,.advanced-tile.green .tile-icon{background:#ecfdf5 !important;border-color:#bbf7d0 !important;color:#0f766e !important;}
.quick-tile.orange .tile-icon{background:#fff7ed !important;border-color:#fed7aa !important;color:#c2410c !important;}
.quick-tile.purple .tile-icon{background:#f3f0ff !important;border-color:#ddd6fe !important;color:#6d28d9 !important;}
.btn{border-radius:12px !important;font-weight:850 !important;border:1px solid var(--line) !important;box-shadow:none !important;}
.btn.primary{background:#4f46e5 !important;border-color:#4f46e5 !important;color:#fff !important;}
.btn.ok{background:#0f9f8f !important;border-color:#0f9f8f !important;color:#fff !important;}
.btn.warn{background:#f59e0b !important;border-color:#f59e0b !important;color:#fff !important;}
.btn.danger{background:#dc2626 !important;border-color:#dc2626 !important;color:#fff !important;}
.btn:hover,.small-action:hover{transform:none !important;filter:brightness(.98) !important;}
.toolbar,.customer-search-row,.customer-meta-row,.customer-action-row{
  background:rgba(255,255,255,.72) !important;
  border:1px solid rgba(215,223,236,.88) !important;
  border-radius:16px !important;
  padding:10px !important;
}
input,select,textarea,.toolbar input,.toolbar select,.form input,.form select,.form textarea,.customer-search-row input,.owner-search{
  background:#fff !important;
  color:#111827 !important;
  border:1px solid #cfd8e6 !important;
  border-radius:12px !important;
  box-shadow:none !important;
}
input::placeholder,textarea::placeholder{color:#7b8794 !important;}
input:focus,select:focus,textarea:focus,.toolbar input:focus,.toolbar select:focus,.form input:focus,.form select:focus,.form textarea:focus{
  border-color:#8178f7 !important;
  box-shadow:0 0 0 3px rgba(79,70,229,.10) !important;
  outline:none !important;
}
.table-wrap,.owner-table{background:#fff !important;border-radius:18px !important;box-shadow:var(--shadow-soft) !important;}
.table th,.owner-table th{
  background:#f1f5fb !important;
  color:#344054 !important;
  font-size:12px !important;
  font-weight:900 !important;
  text-transform:none !important;
  letter-spacing:.01em !important;
}
.table td,.owner-table td{background:#fff !important;color:#1f2937 !important;border-bottom:1px solid #e7edf5 !important;}
.table tr:hover td,.owner-table tr:hover td{background:#f8fafc !important;}
.status,.owner-chip{font-weight:900 !important;border:1px solid rgba(148,163,184,.22) !important;}
.status.paid{background:#e8fff3 !important;color:#047857 !important;}
.status.partial{background:#fff8e1 !important;color:#92400e !important;}
.status.unpaid{background:#fff1f2 !important;color:#b91c1c !important;}
.status.created{background:#eef2ff !important;color:#3730a3 !important;}
.customer-row{background:#fff !important;border-bottom:1px solid #e7edf5 !important;}
.customer-row:hover{background:#f8fafc !important;}
.customer-row.row-selected{background:#eef2ff !important;}
.select-dot{border-color:#94a3b8 !important;background:#fff !important;}
.row-selected .select-dot{background:var(--brand) !important;border-color:var(--brand) !important;}
.empty{background:#fbfcff !important;border:1px dashed #cbd5e1 !important;border-radius:18px !important;color:#667085 !important;}
.form-help{background:#f5f7ff !important;border-color:#d8ddff !important;color:#3730a3 !important;}
.doc-items-wrap,.doc-tax-card,.totals-card,.doc-adjust-grid{background:#fff !important;border:1px solid var(--line) !important;border-radius:16px !important;box-shadow:var(--shadow-soft) !important;}
.doc-items-table th{background:#f1f5fb !important;color:#344054 !important;}
.doc-tax-total{background:#111827 !important;color:#fff !important;}
.login{background:radial-gradient(circle at 20% 10%,rgba(79,70,229,.14),transparent 280px),radial-gradient(circle at 86% 6%,rgba(14,165,233,.12),transparent 310px),linear-gradient(180deg,#f8fafc,#eef2f7) !important;}
.login .card,.login-card{background:#fff !important;border:1px solid var(--line) !important;box-shadow:0 24px 70px rgba(15,23,42,.16) !important;}
@media(max-width:900px){.main{padding:12px !important}.toolbar,.customer-search-row,.customer-meta-row,.customer-action-row{padding:8px !important}.topbar{border-radius:18px !important}.page-title h1{font-size:21px !important}}


:root{
  --v6-bg:#eef3fb;
  --v6-panel:#f8fbff;
  --v6-card:#fbfdff;
  --v6-card2:#f2f6ff;
  --v6-ink:#111827;
  --v6-muted:#5f6b7a;
  --v6-line:#cfd9ea;
  --v6-brand:#4f46e5;
  --v6-blue:#0ea5e9;
  --v6-teal:#0f9f8f;
  --v6-amber:#f59e0b;
  --v6-shadow:0 16px 36px rgba(16,24,40,.10);
  --v6-shadow-soft:0 8px 22px rgba(16,24,40,.075);
}
html,body{min-height:100% !important;}
body{
  color:var(--v6-ink) !important;
  background:
    linear-gradient(135deg, rgba(79,70,229,.12) 0%, rgba(14,165,233,.10) 36%, rgba(15,159,143,.08) 100%),
    linear-gradient(180deg,#f6f8ff 0%,#edf3fa 100%) !important;
}
body:before,.topbar:after,.metric:after,.metric-head i{display:none !important;content:none !important;background:none !important;}
.layout{background:transparent !important;}
.main{
  background:
    linear-gradient(180deg,rgba(255,255,255,.20),rgba(255,255,255,.06)),
    linear-gradient(135deg,rgba(79,70,229,.075),rgba(14,165,233,.065),rgba(15,159,143,.045)) !important;
  min-height:100vh !important;
}
.side{
  background:linear-gradient(180deg,#07111f 0%,#0c1530 62%,#101827 100%) !important;
  border-right:1px solid rgba(255,255,255,.10) !important;
  box-shadow:10px 0 30px rgba(2,6,23,.18) !important;
}
.brand{padding:8px 6px 18px !important;border-bottom:1px solid rgba(255,255,255,.12) !important;}
.brand img{background:#fff !important;box-shadow:0 10px 24px rgba(79,70,229,.30) !important;}
.brand b{color:#fff !important;}
.nav a{color:#dbe6f4 !important;font-weight:850 !important;border:1px solid transparent !important;}
.nav a:hover,.nav a.active{background:linear-gradient(135deg,rgba(79,70,229,.38),rgba(14,165,233,.20)) !important;border-color:rgba(255,255,255,.14) !important;color:#fff !important;}
.side-footer{border-top-color:rgba(255,255,255,.12) !important;color:#d7e1ef !important;}
.topbar{
  background:linear-gradient(135deg,#fbfdff 0%,#eef4ff 100%) !important;
  border:1px solid var(--v6-line) !important;
  box-shadow:var(--v6-shadow-soft) !important;
  border-radius:24px !important;
  overflow:hidden !important;
}
.topbar:before{content:'' !important;position:absolute !important;left:0 !important;top:0 !important;bottom:0 !important;width:5px !important;background:linear-gradient(180deg,var(--v6-brand),var(--v6-blue)) !important;display:block !important;}
.page-title h1,.section-line h2,.section-header h2{color:var(--v6-ink) !important;font-weight:920 !important;letter-spacing:-.035em !important;}
.page-title p,.section-line p,.section-header p,.metric .label,.metric-head,.metric-note{color:var(--v6-muted) !important;}
.account-pill,.company-pill{background:linear-gradient(135deg,#ffffff,#f3f7ff) !important;border:1px solid var(--v6-line) !important;box-shadow:0 8px 20px rgba(16,24,40,.07) !important;}
.logout-btn,.icon-btn{background:#fff4f4 !important;border:1px solid #fecaca !important;color:#b91c1c !important;border-radius:12px !important;}
.card,.quick-tile,.advanced-tile,.customer-list,.modal-card,.notice-card,.onboarding-card,.owner-card,.owner-topbar,.owner-metric,.table-wrap,.owner-table,.doc-items-wrap,.doc-tax-card,.totals-card,.doc-adjust-grid{
  background:linear-gradient(135deg,var(--v6-card) 0%,var(--v6-card2) 100%) !important;
  border:1px solid var(--v6-line) !important;
  box-shadow:var(--v6-shadow-soft) !important;
  border-radius:20px !important;
  color:var(--v6-ink) !important;
}
.card:hover,.quick-tile:hover,.advanced-tile:hover{border-color:#b7c4d9 !important;box-shadow:var(--v6-shadow) !important;transform:none !important;}
.metric{
  position:relative !important;
  min-height:112px !important;
  overflow:hidden !important;
  background:linear-gradient(135deg,#f9fbff 0%,#edf4ff 100%) !important;
  border-color:#cbd7ea !important;
}
.metric:before{content:'' !important;position:absolute !important;left:0 !important;top:0 !important;bottom:0 !important;width:5px !important;border-radius:0 8px 8px 0 !important;background:var(--v6-brand) !important;display:block !important;}
.metric-blue:before{background:var(--v6-brand) !important;}.metric-purple:before{background:#7c3aed !important;}.metric-green:before{background:var(--v6-teal) !important;}.metric-orange:before{background:var(--v6-amber) !important;}
.metric .value{color:#0b1220 !important;font-weight:940 !important;letter-spacing:-.045em !important;}
.quick-tile,.advanced-tile{min-height:82px !important;background:linear-gradient(135deg,#fbfdff,#f2f7ff) !important;}
.quick-tile b,.advanced-tile b,.customer-name{color:var(--v6-ink) !important;font-weight:920 !important;}.quick-tile small,.advanced-tile small{color:var(--v6-muted) !important;}
.tile-icon{background:linear-gradient(135deg,#e8eaff,#e9f7ff) !important;border:1px solid #c8d6ff !important;color:var(--v6-brand) !important;box-shadow:none !important;}
.quick-tile.green .tile-icon,.advanced-tile.green .tile-icon{background:linear-gradient(135deg,#e8fbf8,#f1fffb) !important;border-color:#bfeee6 !important;color:#0f766e !important;}.quick-tile.orange .tile-icon{background:linear-gradient(135deg,#fff3df,#fffaf4) !important;border-color:#fed7aa !important;color:#c2410c !important;}.quick-tile.purple .tile-icon{background:linear-gradient(135deg,#eeeaff,#faf8ff) !important;border-color:#ddd6fe !important;color:#6d28d9 !important;}
.toolbar,.customer-search-row,.customer-meta-row,.customer-action-row{background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(241,246,255,.86)) !important;border:1px solid var(--v6-line) !important;border-radius:18px !important;padding:10px !important;color:var(--v6-ink) !important;box-shadow:var(--v6-shadow-soft) !important;}
input,select,textarea,.toolbar input,.toolbar select,.form input,.form select,.form textarea,.customer-search-row input,.owner-search{background:#fff !important;color:var(--v6-ink) !important;border:1px solid #c5d1e2 !important;border-radius:12px !important;box-shadow:none !important;} input::placeholder,textarea::placeholder{color:#7b8794 !important;}
input:focus,select:focus,textarea:focus,.toolbar input:focus,.toolbar select:focus,.form input:focus,.form select:focus,.form textarea:focus{border-color:#8178f7 !important;box-shadow:0 0 0 3px rgba(79,70,229,.12) !important;outline:none !important;}
.btn{border-radius:12px !important;font-weight:850 !important;border:1px solid var(--v6-line) !important;box-shadow:none !important;}.btn.primary{background:#4f46e5 !important;border-color:#4f46e5 !important;color:#fff !important;}.btn.ok{background:#0f9f8f !important;border-color:#0f9f8f !important;color:#fff !important;}.btn.warn{background:#f59e0b !important;border-color:#f59e0b !important;color:#fff !important;}.btn.danger{background:#dc2626 !important;border-color:#dc2626 !important;color:#fff !important;}.btn:hover,.small-action:hover{transform:none !important;filter:brightness(.98) !important;}
.table,.owner-table table{background:transparent !important;}.table th,.owner-table th{background:linear-gradient(135deg,#e9eef8,#edf6ff) !important;color:#344054 !important;font-size:12px !important;font-weight:900 !important;text-transform:none !important;letter-spacing:.01em !important;}.table td,.owner-table td{background:rgba(255,255,255,.68) !important;color:#1f2937 !important;border-bottom:1px solid #dfe7f2 !important;}.table tr:hover td,.owner-table tr:hover td{background:#f8fbff !important;}
.status,.owner-chip{font-weight:900 !important;border:1px solid rgba(148,163,184,.22) !important;}.status.paid{background:#e8fff3 !important;color:#047857 !important;}.status.partial{background:#fff8e1 !important;color:#92400e !important;}.status.unpaid{background:#fff1f2 !important;color:#b91c1c !important;}.status.created{background:#eef2ff !important;color:#3730a3 !important;}
.customer-row{background:rgba(255,255,255,.68) !important;border-bottom:1px solid #dfe7f2 !important;}.customer-row:hover{background:#f8fbff !important;}.customer-row.row-selected{background:#eef2ff !important;}
.empty{background:linear-gradient(135deg,#fbfdff,#f2f7ff) !important;border:1px dashed #c5d1e2 !important;border-radius:18px !important;color:var(--v6-muted) !important;}.form-help{background:#f1f4ff !important;border-color:#d8ddff !important;color:#3730a3 !important;}.doc-items-table th{background:#e9eef8 !important;color:#344054 !important;}.doc-tax-total{background:#111827 !important;color:#fff !important;}
.login{background:linear-gradient(135deg,rgba(79,70,229,.16),rgba(14,165,233,.11)),linear-gradient(180deg,#f7f9ff,#eef3fb) !important;}.login .card,.login-card{background:#fff !important;border:1px solid var(--v6-line) !important;box-shadow:0 24px 70px rgba(15,23,42,.16) !important;}
@media(max-width:900px){.main{padding:12px !important}.toolbar,.customer-search-row,.customer-meta-row,.customer-action-row{padding:8px !important}.topbar{border-radius:18px !important}.page-title h1{font-size:21px !important}}


.billing-flow-card{
  background:linear-gradient(180deg,#ffffff,#f8fbff);
  border:1px solid #d7dfec;
  border-radius:20px;
  padding:16px;
  box-shadow:0 14px 38px rgba(15,23,42,.07);
}
.billing-flow-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.billing-flow-head h2{margin:0;font-size:18px;letter-spacing:-.02em}.billing-flow-head p{margin:4px 0 0;color:#64748b;font-size:13px}.billing-flow-steps{display:flex;align-items:stretch;gap:10px}.billing-flow-step{flex:1;min-height:78px;border:1px solid #dbe4f0;background:#fff;border-radius:16px;padding:12px;text-align:left;display:flex;align-items:center;gap:10px;cursor:pointer;color:#0f172a;transition:.15s ease}.billing-flow-step:hover{border-color:#b7c9ef;box-shadow:0 10px 28px rgba(15,23,42,.08);transform:translateY(-1px)}.flow-index{width:24px;height:24px;border-radius:999px;background:#eef2ff;color:#4f46e5;display:inline-grid;place-items:center;font-weight:900;font-size:12px;flex:0 0 auto}.flow-icon{width:38px;height:38px;border-radius:14px;background:#f0f9ff;display:inline-grid;place-items:center;flex:0 0 auto}.billing-flow-step b{display:block;font-size:14px}.billing-flow-step small{display:block;color:#64748b;margin-top:2px;font-size:12px}.flow-arrow{display:grid;place-items:center;color:#94a3b8;font-weight:900;font-size:20px}.item-suggestion-list:empty{display:none!important}.app-picker-empty{padding:10px 12px;color:#64748b;font-size:12px}.doc-adjust-grid{background:#f8fafc;border:1px solid #d7dfec;border-radius:16px;padding:12px}.doc-tax-card,.totals-card{background:linear-gradient(180deg,#ffffff,#f8fbff);border:1px solid #d7dfec;border-radius:16px}.doc-tax-total{border-radius:14px;background:#eef2ff;color:#3730a3;padding:10px 12px}.doc-tax-line{gap:12px}.doc-tax-line span{color:#475569}.doc-tax-line b{color:#0f172a}@media(max-width:760px){.billing-flow-steps{display:grid;grid-template-columns:1fr 1fr}.flow-arrow{display:none}.billing-flow-card{padding:13px;border-radius:18px}.billing-flow-step{min-height:70px;padding:10px}.flow-icon{width:34px;height:34px}.flow-index{width:22px;height:22px}}@media(max-width:420px){.billing-flow-steps{grid-template-columns:1fr}.billing-flow-step{min-height:64px}.doc-adjust-grid{grid-template-columns:1fr!important}.doc-tax-card{padding:12px}.doc-tax-line{font-size:13px}}


:root{
  --bg:#eef3f8;
  --bg2:#f7fafc;
  --panel:#ffffff;
  --panel2:#f8fbff;
  --ink:#111827;
  --muted:#5f6b7a;
  --line:#d8e1ec;
  --brand:#4f46e5;
  --brand2:#0ea5e9;
  --brand3:#0f766e;
  --danger:#dc2626;
  --warn:#d97706;
  --ok:#15803d;
  --shadow:0 10px 26px rgba(15,23,42,.065);
  --shadow-soft:0 4px 14px rgba(15,23,42,.045);
  --radius:16px;
}
html{scroll-behavior:smooth}*{box-sizing:border-box}
body{
  margin:0!important;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  color:var(--ink)!important;
  background:
    linear-gradient(135deg,rgba(79,70,229,.075),rgba(14,165,233,.05) 42%,rgba(15,118,110,.04)),
    var(--bg)!important;
  font-size:14px!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.layout{background:transparent!important;min-height:100vh!important}.main{background:transparent!important;padding:22px!important;min-width:0!important}.side{
  background:linear-gradient(180deg,#0f172a 0%,#111827 52%,#182033 100%)!important;
  box-shadow:8px 0 24px rgba(15,23,42,.12)!important;
  border-right:1px solid rgba(255,255,255,.06)!important;
}
.brand{padding:8px 8px 16px!important;margin-bottom:10px!important;border-bottom:1px solid rgba(255,255,255,.10)!important}.brand img{width:38px!important;height:38px!important;border-radius:12px!important;background:#fff!important;object-fit:cover!important}.brand b{font-size:18px!important;font-weight:900!important;color:#fff!important;letter-spacing:-.025em!important}.nav a{color:#cbd5e1!important;border:1px solid transparent!important;font-weight:800!important;font-size:13px!important;margin-bottom:5px!important;border-radius:13px!important;padding:10px 12px!important;transition:background .15s ease,transform .15s ease,color .15s ease!important}.nav a:hover,.nav a.active{background:rgba(255,255,255,.105)!important;color:#fff!important;border-color:rgba(255,255,255,.08)!important;transform:translateX(2px)!important}.side-footer{border-top:1px solid rgba(255,255,255,.10)!important;color:#cbd5e1!important}.side-footer a{color:#cbd5e1!important}.side-footer a:first-child{color:#fff!important;font-weight:900!important}
.topbar{
  background:rgba(255,255,255,.88)!important;
  border:1px solid rgba(216,225,236,.95)!important;
  border-radius:20px!important;
  padding:14px 16px!important;
  margin-bottom:18px!important;
  box-shadow:var(--shadow-soft)!important;
  backdrop-filter:blur(12px)!important;
  overflow:hidden!important;
}
.topbar:before{content:''!important;display:block!important;position:absolute!important;left:0!important;top:0!important;bottom:0!important;width:4px!important;background:linear-gradient(180deg,var(--brand),var(--brand2))!important}.page-title h1{font-size:23px!important;letter-spacing:-.035em!important;line-height:1.1!important;color:var(--ink)!important;font-weight:950!important;margin:0!important}.page-title p{font-size:13px!important;color:var(--muted)!important;margin:4px 0 0!important}.company-pill,.account-pill,#shellUserInfo{background:#fff!important;border:1px solid var(--line)!important;border-radius:15px!important;box-shadow:var(--shadow-soft)!important;color:var(--ink)!important}.app-account-card{background:#fff!important;border:1px solid var(--line)!important;border-radius:16px!important;box-shadow:var(--shadow-soft)!important}.account-company,.app-account-meta strong{color:var(--ink)!important;font-weight:900!important}.account-lines small,.app-account-meta span{color:var(--muted)!important}.logout-btn,.icon-btn,.app-logout-btn{background:#fff5f5!important;border:1px solid #fecaca!important;color:#b42318!important;border-radius:12px!important}
.card,.quick-tile,.advanced-tile,.modal-card,.customer-list,.table-wrap,.owner-card,.owner-topbar,.owner-metric,.billing-flow-card,.notice-card,.onboarding-card{
  background:linear-gradient(180deg,var(--panel) 0%,var(--panel2) 100%)!important;
  border:1px solid var(--line)!important;
  border-radius:var(--radius)!important;
  box-shadow:var(--shadow)!important;
}
.card:hover,.quick-tile:hover,.advanced-tile:hover,.billing-flow-step:hover{box-shadow:0 14px 32px rgba(15,23,42,.085)!important;border-color:#c5d2e2!important}.metric{min-height:108px!important;padding:16px!important;position:relative!important;overflow:hidden!important}.metric:before{content:''!important;position:absolute!important;left:0!important;top:0!important;bottom:0!important;width:4px!important;border-radius:0 6px 6px 0!important;background:var(--brand)!important}.metric:after,.metric-head i{display:none!important}.metric .value{font-size:25px!important;font-weight:950!important;letter-spacing:-.045em!important;color:var(--ink)!important;margin-top:8px!important}.metric-head,.metric .label{font-size:12.5px!important;color:var(--muted)!important;font-weight:850!important}.metric-note{font-size:12px!important;color:var(--muted)!important}.metric-blue:before{background:#4f46e5!important}.metric-purple:before{background:#7c3aed!important}.metric-green:before{background:#0f766e!important}.metric-orange:before{background:#d97706!important}
.section-line h2,.section-header h2,.doc-title{font-size:18px!important;font-weight:950!important;color:var(--ink)!important;letter-spacing:-.025em!important}.section-line p,.section-header p,.note-line{color:var(--muted)!important}.quick-grid{gap:12px!important}.quick-tile,.advanced-tile{min-height:82px!important;padding:14px!important;align-items:center!important;background:#fff!important}.quick-tile b,.advanced-tile b{font-size:14px!important;font-weight:900!important;color:var(--ink)!important}.quick-tile small,.advanced-tile small{font-size:12px!important;color:var(--muted)!important;line-height:1.28!important}.tile-icon,.flow-icon{background:#eef4ff!important;color:var(--brand)!important;border:1px solid #dbe6ff!important;border-radius:13px!important}.quick-tile.green .tile-icon{background:#e8fbf4!important;color:#0f766e!important;border-color:#c7f0e5!important}.quick-tile.purple .tile-icon{background:#f1efff!important;color:#6d28d9!important;border-color:#ddd6fe!important}.quick-tile.orange .tile-icon{background:#fff7ed!important;color:#c2410c!important;border-color:#fed7aa!important}.quick-tile.teal .tile-icon{background:#ecfeff!important;color:#0e7490!important;border-color:#cffafe!important}
.billing-flow-card{padding:16px!important;margin:0 0 18px!important}.billing-flow-head{display:flex!important;justify-content:space-between!important;gap:12px!important;align-items:flex-start!important}.billing-flow-head h2{margin:0!important;font-size:18px!important;font-weight:950!important}.billing-flow-head p{margin:4px 0 0!important;color:var(--muted)!important}.billing-flow-steps{display:grid!important;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr!important;align-items:center!important;gap:10px!important;margin-top:14px!important}.billing-flow-step{border:1px solid var(--line)!important;background:#fff!important;border-radius:15px!important;padding:12px!important;display:flex!important;gap:10px!important;align-items:center!important;text-align:left!important;cursor:pointer!important;color:var(--ink)!important;box-shadow:var(--shadow-soft)!important}.flow-index{width:22px!important;height:22px!important;border-radius:999px!important;background:var(--brand)!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:11px!important;font-weight:900!important;flex:0 0 auto!important}.flow-icon{width:34px!important;height:34px!important;display:grid!important;place-items:center!important;flex:0 0 auto!important}.flow-arrow{color:#94a3b8!important;font-weight:900!important}
.btn,.small-action,button{transition:transform .12s ease,filter .12s ease,background .12s ease!important}.btn{border-radius:12px!important;font-weight:850!important;min-height:38px!important;padding:9px 14px!important;background:#eef2f7!important;color:var(--ink)!important;border:1px solid var(--line)!important;box-shadow:none!important}.btn.primary{background:linear-gradient(135deg,#4f46e5,#4338ca)!important;border-color:#4338ca!important;color:#fff!important}.btn.ok{background:linear-gradient(135deg,#0ea5e9,#0284c7)!important;border-color:#0284c7!important;color:#fff!important}.btn.warn{background:linear-gradient(135deg,#f59e0b,#d97706)!important;color:#fff!important}.btn.danger{background:linear-gradient(135deg,#ef4444,#dc2626)!important;color:#fff!important}.btn:hover,.small-action:hover{filter:saturate(1.04)!important;transform:translateY(-1px)!important}.btn:disabled{transform:none!important;opacity:.48!important}.small-action{background:#fff!important;border:1px solid var(--line)!important;color:var(--brand)!important;border-radius:10px!important;font-weight:850!important}
input,select,textarea,.toolbar input,.toolbar select,.form input,.form select,.form textarea,.customer-search-row input,.owner-search,.customer-lookup,.invoice-lookup{border:1px solid #cbd6e5!important;border-radius:12px!important;background:#fff!important;color:var(--ink)!important;box-shadow:0 1px 0 rgba(15,23,42,.02)!important}.form label,.field span{font-size:12px!important;font-weight:850!important;color:#334155!important}input:focus,select:focus,textarea:focus,.toolbar input:focus,.toolbar select:focus,.form input:focus,.form select:focus,.form textarea:focus{border-color:#8b9eff!important;box-shadow:0 0 0 3px rgba(79,70,229,.11)!important;outline:none!important}.table-wrap,.owner-table{overflow:auto!important;border-radius:15px!important}.table,.owner-table table{background:#fff!important}.table th,.owner-table th{background:#f1f5fb!important;color:#344054!important;font-size:12px!important;font-weight:900!important;text-transform:none!important;border-bottom:1px solid var(--line)!important}.table td,.owner-table td{font-size:13px!important;color:#1f2937!important;border-bottom:1px solid #eef2f7!important}.table tr:hover td,.owner-table tr:hover td{background:#fbfdff!important}.status{font-weight:900!important;border:1px solid rgba(148,163,184,.22)!important}.status.paid{background:#e9fbf4!important;color:#0f766e!important}.status.partial{background:#fff7db!important;color:#92400e!important}.status.unpaid{background:#fff1f2!important;color:#b42318!important}.empty,.empty-state{background:#fbfdff!important;border:1px dashed #bdcadb!important;color:var(--muted)!important}.doc-items-wrap,.doc-tax-card,.totals-card,.doc-adjust-grid{background:#fff!important;border:1px solid var(--line)!important;border-radius:15px!important;box-shadow:var(--shadow-soft)!important}.doc-items-table th{background:#eef4ff!important;color:#3730a3!important;font-weight:900!important}.doc-tax-total{background:linear-gradient(135deg,#111827,#1f2937)!important;color:#fff!important;border-radius:13px!important}.doc-tax-total span,.doc-tax-total b{color:#fff!important}.doc-adjust-grid{padding:12px!important;display:grid!important;gap:10px!important}
.login{background:radial-gradient(circle at 12% 18%,rgba(79,70,229,.20),transparent 280px),radial-gradient(circle at 88% 8%,rgba(14,165,233,.20),transparent 320px),linear-gradient(135deg,#eef3f8,#f8fafc)!important}.login .card,.login-card{border-radius:24px!important;box-shadow:0 24px 70px rgba(15,23,42,.16)!important;border-color:rgba(255,255,255,.65)!important}.modal{backdrop-filter:blur(3px)!important;background:rgba(15,23,42,.42)!important}.toast{box-shadow:0 16px 48px rgba(15,23,42,.24)!important}
@media(max-width:1100px){.billing-flow-steps{grid-template-columns:1fr 1fr!important}.flow-arrow{display:none!important}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.recent-grid{grid-template-columns:1fr!important}}
@media(max-width:900px){.side{position:static!important;width:100%!important;height:auto!important;box-shadow:none!important}.layout{display:block!important}.main{margin-left:0!important;padding:12px!important}.topbar{border-radius:18px!important;align-items:flex-start!important}.page-title h1{font-size:21px!important}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.card,.quick-tile,.advanced-tile,.table-wrap,.billing-flow-card{border-radius:15px!important}}
@media(max-width:560px){body{font-size:13px!important}.main{padding:10px!important}.summary-grid,.quick-grid,.billing-flow-steps{grid-template-columns:1fr!important}.topbar{padding:12px!important}.page-title p{display:none!important}.quick-tile,.advanced-tile,.billing-flow-step{min-height:70px!important}.action-line{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.action-line .btn{width:100%!important}.one-line-panel{grid-template-columns:1fr!important}.one-line-panel .btn,.one-line-panel input,.one-line-panel .meta-chip{width:100%!important;grid-column:auto!important}.doc-items-table{min-width:680px!important}.modal{padding:18px 10px!important}.modal-card{border-radius:18px!important;padding:14px!important}.toast{left:10px!important;right:10px!important;max-width:none!important}.top-actions{grid-template-columns:1fr auto!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@supports(content-visibility:auto){.dashboard-section,.recent-grid,.table-wrap,.advanced-grid,.customer-list{content-visibility:auto;contain-intrinsic-size:1px 420px}}


:root{
  --bg:#f6f8fb;
  --bg2:#eef7f5;
  --panel:#ffffff;
  --panel2:#fbfdff;
  --ink:#111827;
  --muted:#667085;
  --line:#d9e3ee;
  --brand:#2563eb;
  --brand-dark:#1d4ed8;
  --accent:#0f766e;
  --accent-soft:#eafbf7;
  --blue-soft:#eff6ff;
  --shadow:0 12px 28px rgba(15,23,42,.070);
  --shadow-soft:0 6px 16px rgba(15,23,42,.045);
  --radius:18px;
}
body{
  background:
    radial-gradient(circle at 8% 0%,rgba(37,99,235,.075),transparent 300px),
    radial-gradient(circle at 94% 4%,rgba(15,118,110,.070),transparent 320px),
    linear-gradient(180deg,var(--bg) 0%,#f8fafc 45%,#f4f8fb 100%) !important;
  color:var(--ink)!important;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif!important;
  letter-spacing:-.008em;
}
.layout{background:transparent!important}.main{background:transparent!important;max-width:1240px!important;margin-left:252px!important;margin-right:auto!important}.side{background:linear-gradient(180deg,#0b1220,#111827 100%)!important;border-right:1px solid rgba(255,255,255,.06)!important}.brand b{color:#fff!important}.nav a{color:#cbd5e1!important}.nav a.active,.nav a:hover{background:rgba(37,99,235,.22)!important;border:1px solid rgba(255,255,255,.08)!important;color:#fff!important;box-shadow:none!important}.side-footer{color:#cbd5e1!important;border-top-color:rgba(255,255,255,.10)!important}
.topbar,.goalync-pro-header,.app-header{
  background:rgba(255,255,255,.88)!important;
  border:1px solid var(--line)!important;
  border-radius:20px!important;
  box-shadow:var(--shadow-soft)!important;
  backdrop-filter:blur(12px)!important;
}
.topbar:before{background:linear-gradient(180deg,var(--brand),var(--accent))!important;width:4px!important}.page-title h1{font-size:22px!important;font-weight:900!important;color:var(--ink)!important;letter-spacing:-.04em!important}.page-title p,.account-lines small,.app-account-meta span{color:var(--muted)!important}.company-pill,.account-pill,.app-account-card{background:#fff!important;border:1px solid var(--line)!important;box-shadow:var(--shadow-soft)!important}.logout-btn,.icon-btn,.app-logout-btn{background:#fff7f7!important;border:1px solid #fecaca!important;color:#b42318!important;font-weight:850!important}
.card,.customer-list,.table-wrap,.modal-card,.owner-card,.owner-topbar,.owner-metric,.billing-flow-card,.notice-card,.onboarding-card{
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important;
  border:1px solid var(--line)!important;
  border-radius:var(--radius)!important;
  box-shadow:var(--shadow-soft)!important;
}
.card:hover,.billing-flow-step:hover{box-shadow:var(--shadow)!important;border-color:#c4d1df!important;transform:none!important}.metric{min-height:104px!important;padding:16px!important;background:#fff!important;border-radius:18px!important;position:relative!important;overflow:hidden!important}.metric:before{content:''!important;position:absolute!important;left:0!important;top:0!important;bottom:0!important;width:4px!important;background:var(--brand)!important;border-radius:0 8px 8px 0!important}.metric:after,.metric-head i{display:none!important}.metric .value{font-size:24px!important;font-weight:950!important;color:#0b1220!important;margin:8px 0 0!important;letter-spacing:-.045em!important}.metric-head,.metric .label{font-size:12.5px!important;font-weight:850!important;color:#475467!important}.metric-note{font-size:12px!important;color:var(--muted)!important}.metric-blue:before{background:var(--brand)!important}.metric-purple:before{background:#4f46e5!important}.metric-green:before{background:var(--accent)!important}.metric-orange:before{background:#d97706!important}
.billing-flow-card{padding:17px!important;margin:0 0 22px!important}.billing-flow-head h2{font-size:18px!important;font-weight:950!important;color:var(--ink)!important;margin:0!important}.billing-flow-head p{margin:4px 0 0!important;color:var(--muted)!important;font-size:13px!important}.billing-flow-steps{display:grid!important;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr!important;align-items:center!important;gap:10px!important;margin-top:14px!important}.billing-flow-step{background:#fff!important;border:1px solid var(--line)!important;border-radius:15px!important;box-shadow:none!important;padding:12px!important;display:flex!important;align-items:center!important;gap:10px!important;color:var(--ink)!important;text-align:left!important;cursor:pointer!important}.flow-index{background:var(--brand)!important;color:#fff!important;width:22px!important;height:22px!important;border-radius:999px!important;display:grid!important;place-items:center!important;font-size:11px!important;font-weight:900!important;flex:0 0 auto!important}.flow-icon{width:34px!important;height:34px!important;border-radius:12px!important;background:var(--blue-soft)!important;border:1px solid #dbeafe!important;color:var(--brand)!important;display:grid!important;place-items:center!important;flex:0 0 auto!important}.flow-arrow{color:#98a2b3!important;font-weight:800!important}.section-line h2,.section-header h2,.doc-title{font-size:18px!important;font-weight:950!important;color:var(--ink)!important}.section-line p,.section-header p{color:var(--muted)!important}.btn{border-radius:12px!important;font-weight:850!important;border:1px solid var(--line)!important;background:#fff!important;color:var(--ink)!important;box-shadow:none!important}.btn.primary{background:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important}.btn.ok{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}.btn.danger{background:#dc2626!important;border-color:#dc2626!important;color:#fff!important}.btn:hover{filter:brightness(.985)!important;transform:none!important}.small-action{background:#fff!important;border:1px solid var(--line)!important;color:var(--brand)!important;border-radius:10px!important;font-weight:850!important}
input,select,textarea,.toolbar input,.toolbar select,.form input,.form select,.form textarea,.customer-search-row input,.owner-search,.customer-lookup,.invoice-lookup{background:#fff!important;border:1px solid #cbd6e5!important;color:var(--ink)!important;border-radius:12px!important}input:focus,select:focus,textarea:focus{border-color:#7aa7f8!important;box-shadow:0 0 0 3px rgba(37,99,235,.10)!important;outline:none!important}.form label,.field span{color:#344054!important;font-size:12px!important;font-weight:850!important}.table th,.owner-table th{background:#f3f7fb!important;color:#344054!important;font-size:12px!important;font-weight:900!important;text-transform:none!important}.table td,.owner-table td{color:#1f2937!important;font-size:13px!important}.table tr:hover td{background:#fbfdff!important}.status.paid{background:#e9fbf4!important;color:#0f766e!important}.status.partial{background:#fff7db!important;color:#92400e!important}.status.unpaid{background:#fff1f2!important;color:#b42318!important}.doc-items-wrap,.doc-tax-card,.totals-card,.doc-adjust-grid{background:#fff!important;border:1px solid var(--line)!important;border-radius:15px!important;box-shadow:var(--shadow-soft)!important}.doc-items-table th{background:#eff6ff!important;color:#1d4ed8!important}.login{background:linear-gradient(135deg,#eef4fb,#fbfdff 55%,#eef8f5)!important}.login .card,.login-card{box-shadow:0 22px 62px rgba(15,23,42,.14)!important;border:1px solid rgba(255,255,255,.7)!important}
@media(max-width:1100px){.billing-flow-steps{grid-template-columns:1fr 1fr!important}.flow-arrow{display:none!important}.recent-grid{grid-template-columns:1fr!important}.main{max-width:none!important}}
@media(max-width:900px){.side{position:static!important;width:100%!important;height:auto!important}.main{margin-left:0!important;padding:12px!important}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.topbar{border-radius:18px!important}.page-title h1{font-size:21px!important}}
@media(max-width:560px){.summary-grid,.billing-flow-steps{grid-template-columns:1fr!important}.main{padding:10px!important}.topbar{padding:12px!important}.billing-flow-step{min-height:68px!important}.action-line{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.action-line .btn{width:100%!important}.one-line-panel{grid-template-columns:1fr!important}.one-line-panel .btn,.one-line-panel input,.one-line-panel .meta-chip{width:100%!important}}


:root{
  --goalync-sky-1:#eef7ff;
  --goalync-sky-2:#f6fbff;
  --goalync-sky-3:#eaf5ff;
  --goalync-panel:#f7fbff;
  --goalync-panel-2:#f2f8ff;
  --goalync-line:#d7e5f3;
  --goalync-ink:#122033;
  --goalync-muted:#5f7389;
}
html{background:linear-gradient(180deg,var(--goalync-sky-2) 0%, var(--goalync-sky-1) 100%) !important;}
body{
  background:
    radial-gradient(circle at 18% -8%, rgba(54,146,255,.18), transparent 360px),
    radial-gradient(circle at 88% 10%, rgba(119,214,255,.15), transparent 320px),
    linear-gradient(180deg, var(--goalync-sky-2) 0%, var(--goalync-sky-1) 58%, var(--goalync-sky-3) 100%) !important;
  color:var(--goalync-ink) !important;
}
body:before{display:none !important;}
.main,.page{
  background:transparent !important;
}
.topbar,.page-title,.card,.table-wrap,.toolbar,.one-line-panel,.customer-list,.customer-card,.modal-card,.doc-items-wrap,.doc-adjust-grid,.doc-tax-card,.download-card,.quick-tile,.advanced-tile,.owner-card,.owner-topbar,.owner-metric,.empty,.notice-card{
  background:linear-gradient(180deg, rgba(255,255,255,.96) 0%, var(--goalync-panel) 100%) !important;
  border:1px solid var(--goalync-line) !important;
  box-shadow:0 12px 32px rgba(37,99,235,.06) !important;
}
.topbar,.page-title{
  background:linear-gradient(180deg, rgba(255,255,255,.96) 0%, var(--goalync-panel-2) 100%) !important;
}
.table th,.doc-items-table th,.owner-table th{
  background:#edf5ff !important;
  color:#32506f !important;
}
.table td,.doc-items-table td,.owner-table td,
.page-title h1,.section-header h2,.section-line h2,.account-company,.customer-name,.metric .value,.doc-title{
  color:var(--goalync-ink) !important;
}
.metric .label,.metric .note,.page-title p,.section-header p,.section-line p,.account-meta,.customer-meta-row,.table small,.note-line,.empty p,.owner-topbar p{
  color:var(--goalync-muted) !important;
}
.metric,.summary-card{
  background:linear-gradient(180deg,#fbfdff 0%, #f2f8ff 100%) !important;
}
.quick-tile .tile-icon,.advanced-tile .tile-icon,.small-action,.doc-tax-total,.status,.meta-chip{
  box-shadow:none !important;
}
.btn,.toolbar .btn,.action-line .btn{
  box-shadow:0 4px 16px rgba(37,99,235,.08);
}
input,select,textarea{
  background:#fcfeff !important;
  border-color:#cfe0f0 !important;
}
input:focus,select:focus,textarea:focus{
  border-color:#77b4ff !important;
  box-shadow:0 0 0 3px rgba(59,130,246,.12) !important;
}


:root{
  --v9-page-blue:#e6f5ff;
  --v9-page-blue-2:#dff1ff;
  --v9-page-blue-3:#f3fbff;
  --v9-card-blue:#f8fcff;
  --v9-card-blue-2:#eff8ff;
  --v9-line:#bfd9ee;
  --v9-text:#102033;
  --v9-muted:#5f7286;
  --v9-brand:#2563eb;
  --v9-teal:#0f766e;
}
html,
body{
  min-height:100% !important;
  background:
    radial-gradient(circle at 18% -10%, rgba(37,99,235,.20), transparent 380px),
    radial-gradient(circle at 88% 2%, rgba(14,165,233,.18), transparent 340px),
    linear-gradient(135deg, var(--v9-page-blue-3) 0%, var(--v9-page-blue) 42%, var(--v9-page-blue-2) 100%) !important;
  color:var(--v9-text) !important;
}
body:before,
body:after{display:none !important;}
.layout{
  background:transparent !important;
}
.main,
.owner-main{
  background:
    linear-gradient(135deg, rgba(230,245,255,.95) 0%, rgba(223,241,255,.95) 55%, rgba(241,249,255,.96) 100%) !important;
  min-height:100vh !important;
}
#page,
.page,
.dashboard-section,
.content,
.web-content{
  background:transparent !important;
}
.topbar,
.app-header,
.goalync-pro-header,
.page-title,
.card,
.metric,
.table-wrap,
.toolbar,
.one-line-panel,
.action-line,
.customer-list,
.customer-card,
.form-card,
.modal-card,
.doc-items-wrap,
.doc-adjust-grid,
.doc-tax-card,
.download-card,
.advanced-tile,
.quick-tile,
.notice-card,
.empty-state,
.owner-card,
.owner-topbar,
.owner-metric{
  background:linear-gradient(180deg, rgba(255,255,255,.98) 0%, var(--v9-card-blue) 58%, var(--v9-card-blue-2) 100%) !important;
  border-color:var(--v9-line) !important;
  box-shadow:0 14px 34px rgba(37,99,235,.09), 0 2px 10px rgba(15,23,42,.035) !important;
}
.summary-grid .card,
.metric{
  background:linear-gradient(180deg, #ffffff 0%, #eef8ff 100%) !important;
}
.table,
.doc-items-table,
.owner-table table{
  background:#fbfdff !important;
}
.table th,
.doc-items-table th,
.owner-table th{
  background:#e8f5ff !important;
  color:#24435f !important;
  border-bottom:1px solid var(--v9-line) !important;
}
.table td,
.doc-items-table td,
.owner-table td{
  background:#fbfdff !important;
  border-bottom-color:#d8eaf7 !important;
}
.table tr:hover td,
.owner-table tr:hover td{
  background:#f1f9ff !important;
}
input,
select,
textarea,
.app-picker-input{
  background:#fafdff !important;
  border-color:#bcd7ec !important;
  color:var(--v9-text) !important;
}
input:focus,
select:focus,
textarea:focus,
.app-picker-input:focus{
  border-color:#60a5fa !important;
  box-shadow:0 0 0 4px rgba(96,165,250,.16) !important;
  background:#ffffff !important;
}
.btn.primary,
button.primary,
.filled,
.primary-action{
  background:linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
  border-color:#1d4ed8 !important;
  color:#fff !important;
}
.btn,
.small-action,
.meta-chip,
.status{
  border-color:#c7deef !important;
}
.tile-icon,
.quick-tile .tile-icon,
.advanced-tile .tile-icon{
  background:linear-gradient(135deg,#e8f5ff,#f4fbff) !important;
  border-color:#c8e1f5 !important;
}
.section-line h2,
.section-header h2,
.page-title h1,
.card h1,
.card h2,
.card h3,
.metric .value,
.account-company,
.customer-name,
.doc-title{
  color:var(--v9-text) !important;
}
.page-title p,
.section-line p,
.section-header p,
.metric-note,
.metric .label,
.table small,
.account-lines small,
.customer-meta-row,
.note-line,
.empty,
.empty-state p{
  color:var(--v9-muted) !important;
}
.side{
  background:linear-gradient(180deg,#071326 0%, #0c1b33 52%, #0e243e 100%) !important;
}
.nav a.active,
.nav a:hover{
  background:linear-gradient(135deg,rgba(37,99,235,.38),rgba(14,165,233,.20)) !important;
  color:#fff !important;
}
@media(max-width:720px){
  .main,.owner-main{background:linear-gradient(180deg,#edf8ff 0%,#e3f3ff 100%) !important;}
  .card,.metric,.table-wrap,.toolbar,.one-line-panel,.quick-tile,.advanced-tile{box-shadow:0 8px 22px rgba(37,99,235,.08) !important;}
}


:root{
  --final-bg:#f6f8fb;
  --final-bg-2:#f8fafc;
  --final-card:#ffffff;
  --final-card-soft:#fbfcfe;
  --final-ink:#111827;
  --final-muted:#64748b;
  --final-line:#dbe3ee;
  --final-brand:#2563eb;
  --final-brand-dark:#1d4ed8;
  --final-brand-soft:#eff6ff;
  --final-teal:#0f766e;
  --final-danger:#dc2626;
  --final-shadow:0 10px 26px rgba(15,23,42,.055);
  --final-shadow-soft:0 4px 14px rgba(15,23,42,.04);
}
html,body{
  background:linear-gradient(180deg,#f8fafc 0%,#f5f7fb 100%) !important;
  color:var(--final-ink) !important;
}
body:before,body:after{display:none !important;}
.layout,.main,#page,.page,.content,.dashboard-section,.web-content,.owner-main{
  background:transparent !important;
}
.main,.owner-main{min-height:100vh !important;}
.topbar,.app-header,.goalync-pro-header,.page-title{
  background:rgba(255,255,255,.96) !important;
  border:1px solid var(--final-line) !important;
  box-shadow:var(--final-shadow-soft) !important;
  backdrop-filter:saturate(140%) blur(8px);
}
.card,.metric,.summary-card,.table-wrap,.toolbar,.one-line-panel,.action-line,.customer-list,.customer-card,.form-card,.modal-card,.doc-items-wrap,.doc-adjust-grid,.doc-tax-card,.download-card,.advanced-tile,.quick-tile,.notice-card,.empty-state,.owner-card,.owner-topbar,.owner-metric{
  background:linear-gradient(180deg,var(--final-card) 0%,var(--final-card-soft) 100%) !important;
  border:1px solid var(--final-line) !important;
  box-shadow:var(--final-shadow-soft) !important;
}
.metric,.summary-grid .card{
  background:#fff !important;
  border-left-width:3px !important;
}
.metric-blue,.metric-primary,.summary-grid .card:nth-child(1){border-left-color:var(--final-brand) !important;}
.metric-purple,.summary-grid .card:nth-child(2){border-left-color:#7c3aed !important;}
.metric-green,.summary-grid .card:nth-child(3){border-left-color:var(--final-teal) !important;}
.metric-orange,.summary-grid .card:nth-child(4){border-left-color:#d97706 !important;}
.metric:before,.metric:after,.summary-grid .card:before,.summary-grid .card:after,.topbar:before,.topbar:after,.page-title:before,.page-title:after{display:none !important;content:none !important;}
.table,.doc-items-table,.owner-table table{background:#fff !important;}
.table th,.doc-items-table th,.owner-table th{
  background:#f1f5f9 !important;
  color:#334155 !important;
  border-bottom:1px solid var(--final-line) !important;
}
.table td,.doc-items-table td,.owner-table td{background:#fff !important;color:var(--final-ink) !important;}
.table tr:nth-child(even) td{background:#fbfcfe !important;}
.page-title h1,.section-header h2,.section-line h2,.account-company,.customer-name,.metric .value,.doc-title,.table td,b,strong{color:var(--final-ink) !important;}
.metric .label,.metric .note,.page-title p,.section-header p,.section-line p,.account-meta,.customer-meta-row,.table small,.note-line,.empty p,.owner-topbar p,.doc-tax-line span{color:var(--final-muted) !important;}
.btn.primary,.primary.btn,button.primary{
  background:var(--final-brand) !important;
  border-color:var(--final-brand) !important;
  color:#fff !important;
}
.btn.primary:hover,.primary.btn:hover,button.primary:hover{background:var(--final-brand-dark) !important;}
.btn,.toolbar .btn,.action-line .btn,.small-action{
  border-radius:10px !important;
  box-shadow:none !important;
  font-weight:800 !important;
}
input,select,textarea{
  background:#fff !important;
  border-color:#cbd5e1 !important;
  color:var(--final-ink) !important;
}
input:focus,select:focus,textarea:focus{
  border-color:var(--final-brand) !important;
  box-shadow:0 0 0 3px rgba(37,99,235,.10) !important;
}
.doc-tax-card{background:#fff !important;max-width:390px !important;}
.doc-tax-total,.total-row,.doc-total{
  background:var(--final-brand-soft) !important;
  color:#0f2f63 !important;
  border:1px solid #dbeafe !important;
}
.tile-icon,.quick-tile .tile-icon,.advanced-tile .tile-icon{
  background:var(--final-brand-soft) !important;
  border:1px solid #dbeafe !important;
  color:var(--final-brand) !important;
  box-shadow:none !important;
}
.status.paid{background:#ecfdf5 !important;color:#047857 !important;}
.status.unpaid{background:#fef2f2 !important;color:#b91c1c !important;}
.status.partial{background:#fffbeb !important;color:#92400e !important;}
.meta-chip{background:#f8fafc !important;border-color:var(--final-line) !important;color:#334155 !important;box-shadow:none !important;}
.side{background:#0b1220 !important;}
.nav a.active,.nav a:hover{background:#17223a !important;color:#fff !important;border-color:rgba(255,255,255,.08) !important;}
.side-footer,.side-footer a{color:#cbd5e1 !important;}
@media(max-width:720px){
  body{background:#f6f8fb !important;}
  .main{padding:10px !important;}
  .topbar,.page-title,.card,.table-wrap,.toolbar,.one-line-panel,.action-line{border-radius:14px !important;}
}


:root{--guided-bg:#f6f8fb;--guided-card:#ffffff;--guided-ink:#101828;--guided-muted:#667085;--guided-line:#d9e2ee;--guided-blue:#2563eb;--guided-teal:#0f766e;}
body{background:linear-gradient(180deg,#f8fafc 0%,#f3f7fb 100%)!important;color:var(--guided-ink)!important;}
.layout,.main,#page{background:transparent!important;}
.nav a[href="/web/advanced.php"]::before{content:'⚙';font-size:12px;margin-right:6px;opacity:.78;}
.nav a.active[href="/web/advanced.php"]{background:linear-gradient(135deg,rgba(37,99,235,.22),rgba(15,118,110,.14))!important;color:#fff!important;border-color:rgba(255,255,255,.10)!important;}
.billing-flow-card{background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;border:1px solid var(--guided-line)!important;border-radius:18px!important;box-shadow:0 14px 36px rgba(16,24,40,.065)!important;}
.billing-flow-head h2{font-size:19px!important;letter-spacing:-.025em!important;color:var(--guided-ink)!important;}
.billing-flow-head p{color:var(--guided-muted)!important;font-size:13px!important;}
.billing-flow-step{background:linear-gradient(180deg,#fff,#fbfdff)!important;border:1px solid #dbe5f1!important;border-radius:16px!important;box-shadow:0 8px 22px rgba(16,24,40,.045)!important;min-height:78px!important;}
.billing-flow-step:hover{transform:translateY(-1px)!important;border-color:#b9c8dd!important;box-shadow:0 12px 28px rgba(16,24,40,.075)!important;}
.flow-index{background:linear-gradient(135deg,var(--guided-blue),#1d4ed8)!important;color:#fff!important;}
.flow-icon{background:#eff6ff!important;border:1px solid #dbeafe!important;color:var(--guided-blue)!important;}
.flow-arrow{color:#94a3b8!important;font-weight:900!important;}
.doc-adjust-grid{background:#fbfdff!important;border:1px solid #d9e2ee!important;border-radius:16px!important;padding:12px!important;}
.doc-adjust-grid:before{content:'Advanced Pricing';display:block;grid-column:1/-1;font-weight:900;color:#101828;margin-bottom:2px;}
.doc-tax-card{background:linear-gradient(180deg,#ffffff,#f8fbff)!important;border:1px solid #d9e2ee!important;border-radius:16px!important;box-shadow:0 8px 20px rgba(16,24,40,.045)!important;}
.doc-tax-card:before{content:'Billing Summary';display:block;font-weight:900;color:#101828;margin-bottom:8px;}
.doc-tax-total{background:#eff6ff!important;color:#1d4ed8!important;border:1px solid #dbeafe!important;}
.item-suggestion-list:not(.open){display:none!important;}
@media(max-width:760px){.billing-flow-steps{grid-template-columns:1fr 1fr!important;gap:10px!important}.flow-arrow{display:none!important}.billing-flow-step{min-height:72px!important}}
@media(max-width:520px){.billing-flow-steps{grid-template-columns:1fr!important}.doc-adjust-grid{grid-template-columns:1fr!important}}


:root{
  --store-blue:#155eef;
  --store-blue-dark:#0f46b5;
  --store-red:#e11d2e;
  --store-red-soft:#fff1f2;
  --store-ink:#101828;
  --store-muted:#667085;
  --store-line:#e4e7ec;
  --store-side:#071327;
  --store-side-2:#0b1b33;
  --store-shadow:0 10px 28px rgba(16,24,40,.07);
  --store-shadow-soft:0 4px 16px rgba(16,24,40,.045);
}
html,body{background:#fff!important;color:var(--store-ink)!important;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;font-size:14px!important;line-height:1.45!important;-webkit-font-smoothing:antialiased!important;text-rendering:optimizeLegibility!important;}
.layout,.main,#page,.dashboard-section{background:#fff!important;}
.main{padding:26px 28px!important;min-height:100vh!important;}
.side{width:254px!important;background:linear-gradient(180deg,var(--store-side),var(--store-side-2))!important;color:#e6eefc!important;padding:22px 16px!important;border-right:1px solid rgba(255,255,255,.08)!important;box-shadow:none!important;}
.brand{gap:12px!important;margin:0 0 28px!important;padding:0 0 18px!important;border-bottom:1px solid rgba(255,255,255,.08)!important;}
.brand-logo{width:48px!important;height:48px!important;border-radius:999px!important;display:grid!important;place-items:center!important;overflow:hidden!important;background:transparent!important;box-shadow:0 0 0 1px rgba(255,255,255,.16)!important;flex:0 0 auto!important;}
.brand img{width:48px!important;height:48px!important;border-radius:999px!important;background:transparent!important;object-fit:cover!important;display:block!important;}
.brand-copy{display:flex!important;flex-direction:column!important;line-height:1.18!important;min-width:0!important;}
.brand b{font-size:23px!important;letter-spacing:.01em!important;color:#fff!important;font-weight:850!important;}
.brand small{font-size:13px!important;color:#c7d7ee!important;font-weight:650!important;margin-top:2px!important;}
.nav{display:flex!important;flex-direction:column!important;gap:8px!important;}
.nav a{height:46px!important;display:flex!important;align-items:center!important;gap:12px!important;color:#d7e3f5!important;text-decoration:none!important;border-radius:12px!important;padding:0 15px!important;margin:0!important;border:1px solid transparent!important;font-size:15px!important;font-weight:750!important;transition:background .15s ease,color .15s ease,transform .15s ease!important;}
.nav a:hover,.nav a.active{background:var(--store-blue)!important;color:#fff!important;transform:none!important;border-color:rgba(255,255,255,.08)!important;}
.nav a[href="/web/advanced.php"]::before{display:none!important;content:none!important;}
.nav-icon{width:19px!important;height:19px!important;display:inline-grid!important;place-items:center!important;flex:0 0 19px!important;}
.nav-icon svg{width:19px!important;height:19px!important;fill:currentColor!important;display:block!important;}
.side-footer{border-top:1px solid rgba(255,255,255,.12)!important;margin-top:auto!important;padding-top:18px!important;}
.side-footer a{color:#b9c9df!important;text-decoration:none!important;font-size:12.5px!important;padding:2px 0!important;}
.side-footer a:first-child{font-size:13px!important;color:#fff!important;font-weight:800!important;}
.sidebar-logout{width:100%!important;margin-top:14px!important;height:46px!important;border:0!important;border-radius:12px!important;background:var(--store-red)!important;color:#fff!important;font-weight:850!important;font-size:15px!important;cursor:pointer!important;}
.sidebar-logout:hover{background:#c91827!important;}
.topbar,.app-header,.goalync-pro-header,.page-title{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;border-radius:0!important;padding:0!important;margin:0 0 24px!important;overflow:visible!important;}
.topbar{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:18px!important;}
.page-title h1,.section-line h2,.billing-flow-head h2,.dashboard-billing-summary h2,.recent-card h2{color:var(--store-blue)!important;font-weight:850!important;letter-spacing:-.025em!important;}
.page-title h1{font-size:31px!important;line-height:1.1!important;margin:0!important;}
.page-title p{margin:8px 0 0!important;color:#475467!important;font-size:15px!important;}
.top-actions{display:flex!important;align-items:center!important;gap:12px!important;}
.company-pill{border:1px solid var(--store-line)!important;background:#fff!important;border-radius:14px!important;box-shadow:var(--store-shadow-soft)!important;padding:9px 12px!important;max-width:340px!important;}
.company-initial{width:32px!important;height:32px!important;border-radius:999px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#4f46e5,#22d3ee)!important;color:#fff!important;font-weight:900!important;}
.company-logo-small{width:32px!important;height:32px!important;border-radius:999px!important;object-fit:cover!important;}
.account-lines b,.account-company{font-size:13px!important;color:var(--store-ink)!important;font-weight:850!important;}
.account-lines small{font-size:12px!important;color:var(--store-muted)!important;}
.logout-btn{background:var(--store-red)!important;color:#fff!important;border:1px solid var(--store-red)!important;border-radius:12px!important;min-height:40px!important;box-shadow:none!important;}
.logout-btn:hover{background:#c91827!important;}
.card,.metric,.table-wrap,.toolbar,.one-line-panel,.action-line,.customer-list,.customer-card,.form-card,.modal-card,.doc-items-wrap,.doc-adjust-grid,.doc-tax-card,.download-card,.advanced-tile,.quick-tile,.notice-card,.empty-state,.owner-card,.owner-topbar,.owner-metric,.billing-flow-card{background:#fff!important;border:1px solid var(--store-line)!important;border-radius:18px!important;box-shadow:var(--store-shadow-soft)!important;}
.dashboard-metrics{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;}
.metric{min-height:118px!important;padding:20px!important;display:flex!important;gap:16px!important;align-items:flex-start!important;border-left:1px solid var(--store-line)!important;overflow:hidden!important;}
.metric:before,.metric:after{display:none!important;content:none!important;}
.metric-icon{width:48px!important;height:48px!important;border-radius:14px!important;display:grid!important;place-items:center!important;font-size:22px!important;flex:0 0 auto!important;}
.metric-icon-blue{background:#eff6ff!important;color:#155eef!important;}
.metric-icon-green{background:#ecfdf3!important;color:#079455!important;}
.metric-icon-orange{background:#fff4ed!important;color:#f97316!important;}
.metric-icon-purple{background:#f4ebff!important;color:#7f56d9!important;}
.metric-head{display:block!important;color:#475467!important;font-size:13px!important;font-weight:750!important;}
.metric .value{font-size:24px!important;font-weight:900!important;color:var(--store-ink)!important;letter-spacing:-.025em!important;margin:5px 0 0!important;}
.metric-note{font-size:13px!important;color:var(--store-muted)!important;margin-top:14px!important;}
.dashboard-main-grid{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr)!important;gap:22px!important;align-items:start!important;}
.dashboard-right-column{display:grid!important;gap:18px!important;}
.start-card{padding:22px!important;}
.start-card .section-line h2,.billing-flow-head h2,.recent-card h2{font-size:20px!important;color:var(--store-ink)!important;}
.start-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;margin-top:16px!important;}
.quick-tile.start-tile{min-height:96px!important;border-color:#fecdd3!important;background:#fff!important;border-radius:14px!important;box-shadow:none!important;padding:18px!important;display:grid!important;grid-template-columns:52px minmax(0,1fr) auto!important;align-items:center!important;color:var(--store-ink)!important;}
.quick-tile.start-tile:hover{border-color:#fb7185!important;background:#fffafa!important;transform:translateY(-1px)!important;}
.start-tile .tile-icon{width:52px!important;height:52px!important;background:var(--store-red-soft)!important;border:0!important;color:var(--store-red)!important;border-radius:13px!important;font-size:23px!important;}
.start-tile b{font-size:15px!important;color:var(--store-ink)!important;font-weight:850!important;}
.start-tile small{font-size:13px!important;color:#475467!important;line-height:1.35!important;margin-top:4px!important;}
.tile-chevron{font-size:30px!important;color:var(--store-red)!important;line-height:1!important;}
.billing-flow-card{padding:22px!important;margin:0!important;}
.billing-flow-steps{display:grid!important;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr!important;gap:14px!important;align-items:center!important;margin-top:22px!important;}
.billing-flow-step{min-height:92px!important;background:#fff!important;border:0!important;box-shadow:none!important;padding:10px 6px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;color:var(--store-ink)!important;}
.billing-flow-step:hover{background:#f8fbff!important;border:0!important;box-shadow:none!important;transform:none!important;}
.flow-icon{width:56px!important;height:56px!important;border-radius:999px!important;background:#eff6ff!important;border:1px solid #c7d7fe!important;color:var(--store-blue)!important;display:grid!important;place-items:center!important;font-size:25px!important;}
.flow-index{display:none!important;}
.flow-arrow{font-size:22px!important;color:var(--store-blue)!important;font-weight:800!important;}
.billing-flow-step b{font-size:15px!important;color:var(--store-ink)!important;margin-top:10px!important;}
.billing-flow-step small{font-size:12.5px!important;color:var(--store-muted)!important;line-height:1.3!important;}
.dashboard-billing-summary{padding:22px!important;}
.dashboard-billing-summary h2{font-size:20px!important;margin:0 0 16px!important;}
.summary-line{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:11px 0!important;border-bottom:1px dashed #d0d5dd!important;gap:14px!important;}
.summary-line span{color:#475467!important;font-weight:700!important;}
.summary-line b{color:var(--store-ink)!important;font-size:15px!important;font-weight:850!important;}
.summary-total{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;margin-top:12px!important;padding:14px 16px!important;background:#eff6ff!important;border:1px solid #c7d7fe!important;border-radius:12px!important;color:var(--store-blue)!important;}
.summary-total span,.summary-total b{color:var(--store-blue)!important;font-size:16px!important;font-weight:900!important;}
.recent-card{padding:22px!important;}
.recent-list{border:1px solid var(--store-line)!important;border-radius:13px!important;overflow:hidden!important;background:#fff!important;}
.recent-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:13px 14px!important;border-bottom:1px solid var(--store-line)!important;}
.recent-row:last-child{border-bottom:0!important;}
.recent-no{font-weight:850!important;color:var(--store-ink)!important;text-decoration:none!important;}
.recent-row small{display:block!important;margin-top:3px!important;color:var(--store-muted)!important;font-size:12.5px!important;}
.recent-amount{display:flex!important;align-items:center!important;gap:12px!important;white-space:nowrap!important;font-weight:800!important;color:var(--store-ink)!important;}
.recent-bottom-link{margin:14px auto 0!important;display:block!important;border:0!important;background:transparent!important;color:var(--store-blue)!important;font-weight:850!important;cursor:pointer!important;}
.status{border:0!important;border-radius:999px!important;padding:5px 10px!important;font-size:11.5px!important;font-weight:850!important;}
.status.paid{background:#dcfce7!important;color:#166534!important;}
.status.partial{background:#fef3c7!important;color:#92400e!important;}
.status.unpaid,.status.pending{background:#ffedd5!important;color:#c2410c!important;}
.doc-tax-card{background:#fff!important;border:1px solid var(--store-line)!important;border-radius:16px!important;box-shadow:var(--store-shadow-soft)!important;padding:14px!important;}
.doc-tax-card:before{content:'Billing Summary'!important;display:block!important;color:var(--store-blue)!important;font-size:15px!important;font-weight:900!important;margin:0 0 8px!important;}
.doc-tax-line{padding:8px 2px!important;border-bottom:1px dashed #d0d5dd!important;}
.doc-tax-line span{color:#475467!important;font-weight:750!important;}
.doc-tax-line b{color:var(--store-ink)!important;font-weight:850!important;}
.doc-tax-total{background:#eff6ff!important;border:1px solid #c7d7fe!important;border-radius:12px!important;padding:13px 14px!important;margin-top:10px!important;}
.doc-tax-total span,.doc-tax-total b{color:var(--store-blue)!important;font-size:16px!important;font-weight:900!important;}
.doc-items-table th{background:#f8fafc!important;color:#344054!important;}
@media(max-width:1180px){.dashboard-main-grid{grid-template-columns:1fr!important}.dashboard-right-column{grid-template-columns:1fr 1fr!important}.summary-grid.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:900px){.side{position:static!important;width:100%!important;height:auto!important;}.layout{display:block!important;}.main{margin-left:0!important;padding:16px!important;}.nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;}.side-footer{display:grid!important;gap:4px!important;}.sidebar-logout{max-width:220px!important}.topbar{flex-direction:column!important;}.top-actions{width:100%!important;}.dashboard-right-column{grid-template-columns:1fr!important;}.billing-flow-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important;}.flow-arrow{display:none!important;}}
@media(max-width:620px){body{font-size:13px!important;}.main{padding:12px!important;}.page-title h1{font-size:25px!important;}.summary-grid.dashboard-metrics,.start-grid{grid-template-columns:1fr!important;}.quick-tile.start-tile{grid-template-columns:46px minmax(0,1fr) auto!important;min-height:82px!important;padding:14px!important;}.start-tile .tile-icon{width:46px!important;height:46px!important;}.billing-flow-steps{grid-template-columns:1fr!important;}.recent-row{align-items:flex-start!important;flex-direction:column!important;}.recent-amount{width:100%!important;justify-content:space-between!important;}.company-pill{max-width:100%!important;}.logout-btn{display:none!important;}}


.brand-logo{width:44px!important;height:44px!important;border-radius:999px!important;background:transparent!important;box-shadow:none!important;border:0!important;overflow:hidden!important;}
.brand-logo img{width:100%!important;height:100%!important;object-fit:contain!important;border-radius:999px!important;background:transparent!important;display:block!important;}
.brand-copy b{font-size:20px!important;line-height:1!important;font-weight:850!important;letter-spacing:-.02em!important;white-space:nowrap!important;}
.brand-copy small{font-size:12px!important;font-weight:650!important;color:#cbd5e1!important;white-space:nowrap!important;}
.sidebar-logout{width:auto!important;min-width:128px!important;height:38px!important;padding:0 18px!important;margin-top:10px!important;border-radius:10px!important;font-size:13px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;align-self:flex-start!important;}
.side-footer{gap:5px!important;}
.side-footer a{font-size:12px!important;line-height:1.25!important;}
.dashboard-right-column{display:grid!important;grid-template-columns:1fr!important;gap:18px!important;}
.start-card .section-line h2{color:var(--store-blue)!important;}
@media(max-width:900px){.sidebar-logout{max-width:160px!important;width:auto!important}.brand-logo{width:40px!important;height:40px!important;}}


.home-hero,.setup-home-card,.quickstart-card{border:1px solid #d8e2ee;border-radius:22px;background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%);box-shadow:0 14px 34px rgba(15,23,42,.06);padding:18px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:14px}.home-hero h2,.quickstart-head h2,.setup-home-card h2{margin:4px 0 6px;font-size:24px;line-height:1.14;letter-spacing:-.04em;color:#0f172a}.home-hero p,.quickstart-head p,.setup-home-card p{margin:0;color:#64748b}.eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#2563eb}.quickstart-card{display:block}.quickstart-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}.quickstart-step{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid #d8e2ee;background:#fff;border-radius:16px;padding:13px;cursor:pointer;transition:.16s ease}.quickstart-step:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(37,99,235,.10);border-color:#bcd5f5}.quickstart-num{display:grid;place-items:center;min-width:24px;height:24px;border-radius:999px;background:#eff6ff;color:#2563eb;font-weight:900;font-size:12px}.quickstart-icon{font-size:22px}.quickstart-step b{display:block;color:#0f172a;font-size:14px}.quickstart-step small{display:block;color:#64748b;font-size:12px;margin-top:2px}.advanced-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.recent-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:900px){.home-hero,.setup-home-card{display:block}.home-hero .btn,.setup-home-card .btn{margin-top:12px}.quickstart-steps{grid-template-columns:1fr 1fr}}@media(max-width:560px){.quickstart-steps,.recent-grid{grid-template-columns:1fr}.home-hero h2,.quickstart-head h2,.setup-home-card h2{font-size:20px}.home-hero,.setup-home-card,.quickstart-card{border-radius:18px;padding:15px}}


body.home-v7-compact{overflow-x:hidden!important;background:#fff!important;}
body.home-v7-compact .main{margin-left:252px!important;padding:0!important;background:#fff!important;min-height:100vh!important;max-width:none!important;width:auto!important;}
body.home-v7-compact .topbar{height:96px!important;margin:0!important;padding:0 56px!important;border:0!important;border-bottom:1px solid #edf0f5!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;display:flex!important;align-items:center!important;}
body.home-v7-compact .topbar:before,body.home-v7-compact .topbar:after{display:none!important;content:none!important;}
body.home-v7-compact .page-title h1{font-size:30px!important;line-height:1!important;margin:0!important;font-weight:900!important;letter-spacing:-.04em!important;color:#121827!important;}
body.home-v7-compact .page-title p{display:none!important;}
body.home-v7-compact .top-actions{margin-left:auto!important;display:flex!important;align-items:center!important;gap:12px!important;}
body.home-v7-compact .logout-btn{display:none!important;}
body.home-v7-compact #page{padding:0 56px 26px!important;background:#fff!important;min-height:calc(100vh - 96px)!important;}
body.home-v7-compact .home-v7-wrap{width:100%!important;max-width:none!important;margin:0!important;padding:26px 0 0!important;}
body.home-v7-compact .home-hero-v7{height:170px!important;display:grid!important;grid-template-columns:minmax(360px,1fr) minmax(360px,1.05fr)!important;align-items:center!important;gap:26px!important;margin:0 0 18px!important;}
body.home-v7-compact .home-greet-left{display:flex!important;align-items:flex-start!important;gap:24px!important;min-width:0!important;}
body.home-v7-compact .home-sun{width:58px!important;height:58px!important;border-radius:50%!important;background:#fff7de!important;display:grid!important;place-items:center!important;font-size:26px!important;flex:0 0 58px!important;}
body.home-v7-compact .home-greet-left h2{font-size:28px!important;line-height:1.16!important;margin:4px 0 14px!important;font-weight:950!important;letter-spacing:-.05em!important;color:#101828!important;}
body.home-v7-compact .home-greet-left p{font-size:17px!important;line-height:1.65!important;color:#43506a!important;margin:0!important;max-width:560px!important;font-weight:500!important;}
body.home-v7-compact .home-greet-left p em{font-style:normal!important;color:#2563eb!important;font-size:24px!important;font-weight:900!important;}
body.home-v7-compact .home-growth-art{height:150px!important;position:relative!important;min-width:320px!important;}
body.home-v7-compact .home-growth-art .cloud{position:absolute!important;width:34px!important;height:14px!important;border-radius:999px!important;background:#e8f1ff!important;}
body.home-v7-compact .home-growth-art .cloud:before{content:''!important;position:absolute!important;width:19px!important;height:19px!important;border-radius:50%!important;background:#e8f1ff!important;left:8px!important;top:-9px!important;}
body.home-v7-compact .home-growth-art .c1{left:12%!important;top:44px!important}.home-growth-art .c2{right:9%!important;top:32px!important}
body.home-v7-compact .home-growth-art .hill{position:absolute!important;left:28%!important;bottom:36px!important;width:100px!important;height:48px!important;background:#eef4fb!important;clip-path:polygon(0 100%,55% 18%,100% 100%)!important;}
body.home-v7-compact .home-growth-art .bar{position:absolute!important;bottom:36px!important;width:16px!important;background:#bfd4f7!important;}
body.home-v7-compact .home-growth-art .b1{left:54%!important;height:18px!important}.home-growth-art .b2{left:59%!important;height:28px!important}.home-growth-art .b3{left:64%!important;height:45px!important}
body.home-v7-compact .home-growth-art .curve{position:absolute!important;right:4%!important;top:8px!important;width:245px!important;height:116px!important;border-top:8px solid #72a1ff!important;border-radius:70% 0 0 0!important;transform:skewX(-16deg)!important;}
body.home-v7-compact .home-growth-art .curve:after{content:''!important;position:absolute!important;right:-7px!important;top:-14px!important;border-left:18px solid #72a1ff!important;border-top:10px solid transparent!important;border-bottom:10px solid transparent!important;transform:rotate(-18deg)!important;}
body.home-v7-compact .home-growth-art .plant{position:absolute!important;right:5%!important;bottom:30px!important;width:34px!important;height:34px!important;border-radius:30px 0 30px 0!important;border-left:8px solid #b9cff5!important;border-bottom:8px solid #b9cff5!important;opacity:.75!important;}
body.home-v7-compact .home-action-grid{display:grid!important;grid-template-columns:repeat(3,minmax(210px,1fr))!important;gap:28px!important;margin:0!important;width:100%!important;}
body.home-v7-compact .home-action-tile{height:188px!important;min-height:188px!important;border:1px solid #d8e2ef!important;border-radius:18px!important;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important;box-shadow:0 15px 34px rgba(16,24,40,.06)!important;text-decoration:none!important;color:#101828!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:18px 20px!important;position:relative!important;overflow:hidden!important;transition:transform .16s ease,box-shadow .16s ease!important;}
body.home-v7-compact .home-action-tile:hover{transform:translateY(-2px)!important;box-shadow:0 18px 42px rgba(16,24,40,.09)!important;}
body.home-v7-compact .home-action-tile.blue{background:linear-gradient(180deg,#fff,#f8fbff)!important;}
body.home-v7-compact .home-action-tile.green{background:linear-gradient(180deg,#fff,#f8fffb)!important;}
body.home-v7-compact .home-action-tile.purple{background:linear-gradient(180deg,#fff,#fbf9ff)!important;}
body.home-v7-compact .home-tile-icon{width:68px!important;height:68px!important;border-radius:50%!important;display:grid!important;place-items:center!important;font-size:30px!important;margin:0 0 16px!important;}
body.home-v7-compact .home-action-tile.blue .home-tile-icon{background:#eef4ff!important;color:#2563eb!important;}
body.home-v7-compact .home-action-tile.green .home-tile-icon{background:#eafaf2!important;color:#16a34a!important;}
body.home-v7-compact .home-action-tile.purple .home-tile-icon{background:#f0eaff!important;color:#6d4cff!important;}
body.home-v7-compact .home-action-tile b{font-size:22px!important;line-height:1.1!important;font-weight:950!important;letter-spacing:-.04em!important;margin:0 0 10px!important;color:#101828!important;}
body.home-v7-compact .home-action-tile small{font-size:14px!important;line-height:1.45!important;color:#526179!important;max-width:270px!important;}
body.home-v7-compact .home-tile-arrow{width:36px!important;height:36px!important;border-radius:50%!important;display:grid!important;place-items:center!important;margin-top:16px!important;background:#2563eb!important;color:#fff!important;font-size:22px!important;font-weight:900!important;box-shadow:0 10px 20px rgba(37,99,235,.22)!important;}
body.home-v7-compact .home-action-tile.green .home-tile-arrow{background:#16a34a!important;box-shadow:0 10px 20px rgba(22,163,74,.20)!important;}
body.home-v7-compact .home-action-tile.purple .home-tile-arrow{background:#6d4cff!important;box-shadow:0 10px 20px rgba(109,76,255,.22)!important;}
body.home-v7-compact .home-workflow-row{height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;margin:16px 0 0!important;color:#667085!important;font-size:14px!important;white-space:nowrap!important;}
body.home-v7-compact .home-workflow-row a{color:#155eef!important;text-decoration:none!important;font-weight:800!important;}
body.home-v7-compact .home-workflow-row b{color:#98a2b3!important;font-size:18px!important;}
body.home-v7-compact .home-workflow-row .paid-link{display:inline-flex!important;align-items:center!important;gap:6px!important;}

body.home-v7-compact .side{width:236px!important;padding:18px 14px!important;}
body.home-v7-compact .main{margin-left:236px!important;}
body.home-v7-compact .brand-logo,body.home-v7-compact .brand-logo img{width:42px!important;height:42px!important;}
body.home-v7-compact .brand-copy b{font-size:19px!important;}
body.home-v7-compact .brand-copy small{font-size:12px!important;}
body.home-v7-compact .nav{gap:7px!important;}
body.home-v7-compact .nav a{height:42px!important;padding:0 14px!important;font-size:14px!important;border-radius:11px!important;gap:11px!important;}
body.home-v7-compact .nav-icon,body.home-v7-compact .nav-icon svg{width:17px!important;height:17px!important;}
body.home-v7-compact .side-footer a{font-size:12px!important;}
body.home-v7-compact .sidebar-logout{height:36px!important;min-width:122px!important;font-size:13px!important;}
@media(max-width:1100px){body.home-v7-compact .home-hero-v7{grid-template-columns:1fr!important;height:auto!important;gap:12px!important}body.home-v7-compact .home-growth-art{height:95px!important}body.home-v7-compact .home-action-grid{gap:16px!important}body.home-v7-compact .home-action-tile{height:170px!important;min-height:170px!important}}
@media(max-width:900px){body.home-v7-compact .side{position:static!important;width:100%!important;height:auto!important}body.home-v7-compact .main{margin-left:0!important}body.home-v7-compact .topbar{height:auto!important;padding:16px!important}body.home-v7-compact #page{padding:0 16px 24px!important}body.home-v7-compact .home-action-grid{grid-template-columns:1fr!important}body.home-v7-compact .home-action-tile{height:auto!important;min-height:132px!important;display:grid!important;grid-template-columns:54px 1fr 36px!important;text-align:left!important;justify-items:start!important;column-gap:14px!important}body.home-v7-compact .home-tile-icon{width:54px!important;height:54px!important;margin:0!important;font-size:24px!important}body.home-v7-compact .home-action-tile b,body.home-v7-compact .home-action-tile small{grid-column:2!important}.home-v7-compact .home-tile-arrow{grid-column:3!important;grid-row:1/3!important;margin:0!important;align-self:center!important}body.home-v7-compact .home-workflow-row{overflow:auto!important;justify-content:flex-start!important}}
@media(max-width:560px){body.home-v7-compact .home-greet-left{gap:12px!important}body.home-v7-compact .home-sun{width:42px!important;height:42px!important;font-size:20px!important;flex-basis:42px!important}body.home-v7-compact .home-greet-left h2{font-size:22px!important}body.home-v7-compact .home-greet-left p{font-size:14px!important;line-height:1.5!important}body.home-v7-compact .home-growth-art{display:none!important}}


body.home-exact-ui .side {
  width: 228px !important;
  padding: 14px 14px !important;
}

body.home-exact-ui .brand {
  padding: 6px 6px 12px !important;
  margin-bottom: 12px !important;
}

body.home-exact-ui .brand img {
  width: 34px !important;
  height: 34px !important;
}

body.home-exact-ui .brand b {
  font-size: 16px !important;
}

body.home-exact-ui .brand small,
body.home-exact-ui .brand span {
  font-size: 11px !important;
}

body.home-exact-ui .nav a {
  min-height: 38px !important;
  padding: 8px 12px !important;
  margin-bottom: 5px !important;
  font-size: 13px !important;
  border-radius: 12px !important;
}

body.home-exact-ui .nav a i,
body.home-exact-ui .nav a svg {
  width: 17px !important;
  height: 17px !important;
  font-size: 17px !important;
}

body.home-exact-ui .side-footer {
  padding-top: 12px !important;
  font-size: 12px !important;
}

body.home-exact-ui .side-footer .btn,
body.home-exact-ui .logout,
body.home-exact-ui .btn.logout {
  min-height: 34px !important;
  padding: 8px 12px !important;
  font-size: 13px !important;
  border-radius: 10px !important;
}

body.home-exact-ui .main {
  padding: 18px 24px 20px !important;
}

body.home-exact-ui .home-exact-wrap {
  max-width: 1120px !important;
  padding: 0 18px !important;
  margin: 0 auto !important;
}

body.home-exact-ui .home-exact-topbar,
body.home-exact-ui .topbar {
  min-height: 60px !important;
  padding: 10px 16px !important;
}

body.home-exact-ui .home-exact-title,
body.home-exact-ui .page-title h1,
body.home-exact-ui h1 {
  font-size: 28px !important;
  line-height: 1.05 !important;
  margin: 0 !important;
}

body.home-exact-ui .home-hero {
  min-height: 168px !important;
  padding: 20px 0 14px !important;
  margin-bottom: 18px !important;
}

body.home-exact-ui .home-hero h2 {
  font-size: 27px !important;
  line-height: 1.12 !important;
  margin: 0 0 10px !important;
}

body.home-exact-ui .home-hero p {
  font-size: 16px !important;
  line-height: 1.55 !important;
  max-width: 440px !important;
  margin: 0 !important;
}

body.home-exact-ui .home-hero .sun,
body.home-exact-ui .home-sun {
  width: 48px !important;
  height: 48px !important;
}

body.home-exact-ui .home-growth-art {
  transform: scale(.86) !important;
  transform-origin: right center !important;
}

body.home-exact-ui .home-action-grid {
  gap: 26px !important;
  grid-template-columns: repeat(3, minmax(220px, 1fr)) !important;
  margin-top: 8px !important;
}

body.home-exact-ui .home-action-card {
  min-height: 220px !important;
  padding: 28px 22px 24px !important;
  border-radius: 18px !important;
}

body.home-exact-ui .home-action-card .tile-icon,
body.home-exact-ui .home-action-card .home-tile-icon {
  width: 72px !important;
  height: 72px !important;
  margin-bottom: 18px !important;
}

body.home-exact-ui .home-action-card .tile-icon i,
body.home-exact-ui .home-action-card .home-tile-icon i,
body.home-exact-ui .home-action-card .tile-icon svg,
body.home-exact-ui .home-action-card .home-tile-icon svg {
  font-size: 32px !important;
  width: 32px !important;
  height: 32px !important;
}

body.home-exact-ui .home-action-card h3 {
  font-size: 24px !important;
  line-height: 1.12 !important;
  margin: 0 0 12px !important;
}

body.home-exact-ui .home-action-card p {
  font-size: 14px !important;
  line-height: 1.45 !important;
  max-width: 230px !important;
  margin: 0 auto 16px !important;
}

body.home-exact-ui .home-action-card .arrow,
body.home-exact-ui .home-action-card .home-arrow {
  width: 38px !important;
  height: 38px !important;
  font-size: 18px !important;
}

body.home-exact-ui .home-workflow {
  margin-top: 18px !important;
  font-size: 13px !important;
  gap: 12px !important;
}

@media (max-width: 1180px) {
  body.home-exact-ui .home-exact-wrap { max-width: 1040px !important; }
  body.home-exact-ui .home-action-grid { gap: 20px !important; }
  body.home-exact-ui .home-action-card { min-height: 205px !important; }
}

@media (max-width: 900px) {
  body.home-exact-ui .side { width: auto !important; }
  body.home-exact-ui .home-action-grid { grid-template-columns: 1fr !important; }
  body.home-exact-ui .home-action-card { min-height: 190px !important; }
}


:root{
  --gx-bg:#f7f9fc;
  --gx-card:#ffffff;
  --gx-ink:#101828;
  --gx-muted:#667085;
  --gx-line:#d9e3ef;
  --gx-blue:#155eef;
  --gx-blue-soft:#eef4ff;
  --gx-green:#098c4f;
  --gx-purple:#6848f5;
  --gx-shadow:0 10px 30px rgba(16,24,40,.055);
}
body:not(.home-exact-ui):not(.home-v7-compact){background:var(--gx-bg)!important;color:var(--gx-ink)!important;font-size:13.5px!important;}
.main{padding:14px 18px 18px!important;}
.topbar{min-height:58px!important;padding:10px 14px!important;border-radius:16px!important;margin-bottom:12px!important;background:#fff!important;border:1px solid var(--gx-line)!important;box-shadow:var(--gx-shadow)!important;}
.page-title h1{font-size:22px!important;line-height:1.1!important;letter-spacing:-.03em!important;}
.page-title p{font-size:12.5px!important;margin-top:2px!important;color:var(--gx-muted)!important;}
.card,.compact-card,.table-wrap,.toolbar,.one-line-panel,.modal-card,.customer-list{border-radius:14px!important;border:1px solid var(--gx-line)!important;background:#fff!important;box-shadow:0 7px 20px rgba(16,24,40,.045)!important;}
.compact-card{padding:12px!important;}
.one-line-panel,.action-line{gap:8px!important;}
.btn{min-height:34px!important;padding:8px 13px!important;border-radius:9px!important;font-size:12.8px!important;font-weight:800!important;}
.btn.primary{background:var(--gx-blue)!important;border-color:var(--gx-blue)!important;color:#fff!important;}
.btn.ghost{border-color:transparent!important;background:transparent!important;color:var(--gx-blue)!important;box-shadow:none!important;}
input,select,textarea{min-height:36px!important;border-radius:9px!important;border-color:#cfd9e6!important;background:#fff!important;font-size:13px!important;}
textarea{line-height:1.35!important;}
.table-wrap{padding:12px!important;}
.table th{background:#f1f6fc!important;color:#344054!important;font-size:11.8px!important;padding:10px!important;}
.table td{font-size:12.7px!important;padding:10px!important;}

.side{width:232px!important;padding:14px 12px!important;}
.main{margin-left:232px!important;}
.brand{padding:6px 6px 12px!important;margin-bottom:10px!important;}
.brand-logo,.brand-logo img{width:36px!important;height:36px!important;}
.brand-copy b{font-size:16px!important;line-height:1.1!important;}.brand-copy small{font-size:11px!important;}
.nav{gap:5px!important;}.nav a{height:38px!important;padding:0 12px!important;font-size:13px!important;border-radius:10px!important;gap:10px!important;}.nav-icon,.nav-icon svg{width:16px!important;height:16px!important;}.side-footer{font-size:11.5px!important;padding-top:10px!important}.sidebar-logout{height:34px!important;font-size:12.5px!important;border-radius:9px!important;}

.modal.open{align-items:stretch!important;justify-content:center!important;padding:0!important;background:rgba(248,250,252,.92)!important;backdrop-filter:blur(2px);}
.modal-card.doc-editor-card{width:100vw!important;max-width:none!important;height:100vh!important;max-height:none!important;border-radius:0!important;border:0!important;box-shadow:none!important;background:#f8fafc!important;padding:0!important;overflow:hidden!important;}
.modal-titlebar{height:64px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:0 28px!important;background:#fff!important;border-bottom:1px solid #e5edf6!important;box-shadow:0 3px 12px rgba(16,24,40,.035)!important;}
.modal-title-left{display:flex!important;align-items:center!important;gap:14px!important;min-width:0!important;}.modal-title-left h2{font-size:25px!important;line-height:1!important;margin:0!important;font-weight:900!important;letter-spacing:-.04em!important;color:var(--gx-ink)!important;}.modal-back{width:34px!important;height:34px!important;border:0!important;background:transparent!important;font-size:27px!important;line-height:1!important;cursor:pointer!important;color:#101828!important}.modal-title-actions{display:flex!important;align-items:center!important;gap:10px!important;}
.doc-editor-card .modal-content{height:calc(100vh - 64px)!important;overflow:auto!important;padding:22px 28px 26px!important;}
.doc-editor-card .toolbar{display:none!important;}
.doc-editor-card .labeled-form{display:grid!important;grid-template-columns:1.1fr .8fr .8fr!important;gap:16px 22px!important;align-items:end!important;background:#fff!important;border:1px solid var(--gx-line)!important;border-radius:15px!important;padding:16px 18px!important;box-shadow:0 6px 22px rgba(16,24,40,.045)!important;}
.doc-editor-card .labeled-form>.field{margin:0!important;min-width:0!important;}.doc-editor-card .labeled-form>.field span{font-size:12px!important;color:#344054!important;font-weight:900!important;margin-bottom:6px!important;}.doc-editor-card .labeled-form>.field.full{grid-column:1/-1!important;}
.doc-editor-card .doc-form{grid-column:1/-1!important;display:grid!important;grid-template-columns:minmax(0,1fr) 330px!important;gap:18px!important;background:transparent!important;padding:0!important;margin:6px 0 0!important;}
.doc-items-panel,.doc-side-panel,.doc-tax-card,.doc-adjust-grid{border:1px solid var(--gx-line)!important;border-radius:15px!important;background:#fff!important;box-shadow:0 7px 22px rgba(16,24,40,.045)!important;}
.doc-items-panel{padding:14px!important;}.doc-section-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:10px!important;}.doc-title{font-size:18px!important;line-height:1.1!important;font-weight:900!important;margin:0!important;color:#101828!important;}.doc-items-wrap{border:1px solid #e4ebf5!important;border-radius:12px!important;overflow:auto!important;background:#fff!important;box-shadow:none!important;}.doc-items-table{width:100%!important;border-collapse:collapse!important;min-width:790px!important;}.doc-items-table th{font-size:11.5px!important;text-transform:uppercase!important;letter-spacing:.02em!important;color:#344054!important;background:#f3f7fb!important;padding:10px!important;border-bottom:1px solid #e5edf6!important;}.doc-items-table td{padding:10px!important;border-bottom:1px solid #eef2f7!important;vertical-align:middle!important;}.doc-items-table .item-idx{width:34px!important;text-align:center!important;color:#475467!important;font-weight:900!important;}.doc-items-table textarea.item-name{height:48px!important;min-height:48px!important;resize:vertical!important;}.doc-items-table .item-qty{width:78px!important;text-align:center!important;}.doc-items-table .item-rate,.doc-items-table .item-amount{width:110px!important;text-align:right!important;}.doc-items-table .item-remove{width:32px!important;height:32px!important;padding:0!important;background:#fff!important;border:1px solid #fecaca!important;color:#dc2626!important;}.doc-add-row{margin-top:10px!important;}.doc-add-row .btn{width:100%!important;border-style:dashed!important;background:#fbfdff!important;color:var(--gx-blue)!important;}
.doc-side-panel{display:flex!important;flex-direction:column!important;gap:14px!important;border:0!important;background:transparent!important;box-shadow:none!important;}.doc-tax-card{padding:16px!important;margin:0!important;max-width:none!important;}.summary-title{color:var(--gx-blue)!important;margin-bottom:14px!important}.doc-tax-line{display:flex!important;justify-content:space-between!important;gap:12px!important;padding:9px 0!important;border-bottom:1px dashed #d8e2ee!important;font-size:13px!important;color:#344054!important;}.doc-tax-line b{font-size:13.5px!important;color:#101828!important}.doc-tax-total{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-top:12px!important;border:1px solid #b7cffc!important;background:#eef4ff!important;border-radius:10px!important;padding:12px 13px!important;color:var(--gx-blue)!important;font-weight:950!important;}.doc-tax-total b{font-size:20px!important;color:var(--gx-blue)!important;}
.doc-adjust-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;padding:16px!important;margin:0!important;}.doc-adjust-grid:before{content:'Discount & Charges';grid-column:1/-1;color:var(--gx-blue);font-size:16px;font-weight:950;margin-bottom:4px}.doc-adjust-grid label{display:flex!important;flex-direction:column!important;gap:5px!important;font-size:12px!important;font-weight:850!important;color:#344054!important;}.doc-adjust-grid label.full{grid-column:1/-1!important}.doc-adjust-grid input,.doc-adjust-grid select{height:36px!important;min-height:36px!important}.doc-editor-card textarea[name="quotation_note"],.doc-editor-card textarea[name="invoice_declaration"]{height:58px!important;min-height:58px!important;resize:vertical!important}.doc-editor-card label.field.full:has(textarea[name="quotation_note"]),.doc-editor-card label.field.full:has(textarea[name="invoice_declaration"]){background:#fff!important;border:1px solid var(--gx-line)!important;border-radius:15px!important;padding:14px!important;box-shadow:0 7px 22px rgba(16,24,40,.045)!important;}

@media(max-width:1020px){.doc-editor-card .labeled-form{grid-template-columns:1fr!important;padding:12px!important}.doc-editor-card .doc-form{grid-template-columns:1fr!important}.doc-side-panel{display:flex!important}.modal-titlebar{height:auto!important;padding:12px!important;flex-wrap:wrap!important}.modal-title-left h2{font-size:22px!important}.doc-editor-card .modal-content{height:calc(100vh - 78px)!important;padding:12px!important}.doc-items-table{min-width:0!important;display:block!important}.doc-items-table thead{display:none!important}.doc-items-table tbody,.doc-items-table tr,.doc-items-table td{display:block!important;width:100%!important}.doc-items-table tr{border:1px solid #e4ebf5!important;border-radius:12px!important;margin-bottom:10px!important;padding:10px!important;background:#fff!important}.doc-items-table td{border:0!important;padding:5px 0!important}.doc-items-table .item-idx{display:none!important}.doc-items-table textarea.item-name{width:100%!important}.doc-items-table .item-qty,.doc-items-table .item-rate,.doc-items-table .item-amount{width:100%!important;text-align:left!important}.doc-items-table td:nth-child(3),.doc-items-table td:nth-child(4),.doc-items-table td:nth-child(5){display:inline-block!important;width:31%!important;margin-right:2%!important}.doc-items-table td:nth-child(6){display:inline-block!important;width:100%!important}.doc-adjust-grid{grid-template-columns:1fr!important}.modal-title-actions{margin-left:auto!important}.modal-title-actions .btn{min-height:38px!important}}
@media(max-width:760px){.side{position:static!important;width:100%!important}.main{margin-left:0!important;padding:10px!important}.topbar{min-height:auto!important}.doc-editor-card .modal-content{padding:10px!important}}


body.home-exact-ui.home-v7-compact .side{
  width:232px!important;
  padding:14px 12px!important;
}
body.home-exact-ui.home-v7-compact .main{
  margin-left:232px!important;
  padding:0!important;
}
body.home-exact-ui.home-v7-compact .topbar{
  height:72px!important;
  min-height:72px!important;
  padding:0 30px!important;
}
body.home-exact-ui.home-v7-compact .page-title h1{
  font-size:25px!important;
  line-height:1!important;
}
body.home-exact-ui.home-v7-compact .top-actions{
  gap:8px!important;
}
body.home-exact-ui.home-v7-compact .company-pill{
  min-height:42px!important;
  padding:7px 12px!important;
}
body.home-exact-ui.home-v7-compact #page{
  padding:0 30px 18px!important;
  min-height:calc(100vh - 72px)!important;
}
body.home-exact-ui.home-v7-compact .home-v7-wrap{
  max-width:1180px!important;
  margin:0 auto!important;
  padding:16px 0 0!important;
}
body.home-exact-ui.home-v7-compact .home-hero-v7{
  height:124px!important;
  min-height:124px!important;
  grid-template-columns:minmax(320px,.9fr) minmax(320px,1fr)!important;
  gap:18px!important;
  margin:0 0 14px!important;
}
body.home-exact-ui.home-v7-compact .home-greet-left{
  gap:16px!important;
}
body.home-exact-ui.home-v7-compact .home-sun{
  width:44px!important;
  height:44px!important;
  flex-basis:44px!important;
  font-size:21px!important;
}
body.home-exact-ui.home-v7-compact .home-greet-left h2{
  font-size:24px!important;
  line-height:1.12!important;
  margin:2px 0 8px!important;
}
body.home-exact-ui.home-v7-compact .home-greet-left p{
  font-size:14.5px!important;
  line-height:1.55!important;
  max-width:430px!important;
}
body.home-exact-ui.home-v7-compact .home-greet-left p em{
  font-size:19px!important;
}
body.home-exact-ui.home-v7-compact .home-growth-art{
  height:108px!important;
  min-width:260px!important;
  transform:scale(.86)!important;
  transform-origin:right center!important;
}
body.home-exact-ui.home-v7-compact .home-action-grid{
  gap:18px!important;
  grid-template-columns:repeat(3,minmax(190px,1fr))!important;
  max-width:100%!important;
}
body.home-exact-ui.home-v7-compact .home-action-tile{
  height:154px!important;
  min-height:154px!important;
  padding:16px 16px!important;
  border-radius:16px!important;
}
body.home-exact-ui.home-v7-compact .home-tile-icon{
  width:54px!important;
  height:54px!important;
  font-size:24px!important;
  margin:0 0 11px!important;
}
body.home-exact-ui.home-v7-compact .home-action-tile b{
  font-size:19px!important;
  line-height:1.1!important;
  margin:0 0 7px!important;
}
body.home-exact-ui.home-v7-compact .home-action-tile small{
  font-size:12.5px!important;
  line-height:1.35!important;
  max-width:210px!important;
}
body.home-exact-ui.home-v7-compact .home-tile-arrow{
  width:30px!important;
  height:30px!important;
  margin-top:10px!important;
  font-size:17px!important;
}
body.home-exact-ui.home-v7-compact .home-workflow-row{
  height:32px!important;
  margin:10px 0 0!important;
  gap:10px!important;
  font-size:12px!important;
}
body.home-exact-ui.home-v7-compact .home-workflow-row b{
  font-size:14px!important;
}


body.home-exact-ui.home-v7-compact .brand{
  margin-bottom:14px!important;
  padding-bottom:12px!important;
}
body.home-exact-ui.home-v7-compact .brand-logo,
body.home-exact-ui.home-v7-compact .brand-logo img,
body.home-exact-ui.home-v7-compact .brand img{
  width:34px!important;
  height:34px!important;
}
body.home-exact-ui.home-v7-compact .brand-copy b,
body.home-exact-ui.home-v7-compact .brand b{
  font-size:16px!important;
}
body.home-exact-ui.home-v7-compact .brand-copy small,
body.home-exact-ui.home-v7-compact .brand small,
body.home-exact-ui.home-v7-compact .brand span{
  font-size:11px!important;
}
body.home-exact-ui.home-v7-compact .nav{
  gap:4px!important;
}
body.home-exact-ui.home-v7-compact .nav a{
  height:36px!important;
  min-height:36px!important;
  padding:0 11px!important;
  font-size:12.5px!important;
  border-radius:10px!important;
  gap:9px!important;
  margin-bottom:4px!important;
}
body.home-exact-ui.home-v7-compact .nav-icon,
body.home-exact-ui.home-v7-compact .nav-icon svg,
body.home-exact-ui.home-v7-compact .nav a i,
body.home-exact-ui.home-v7-compact .nav a svg{
  width:15px!important;
  height:15px!important;
  font-size:15px!important;
}
body.home-exact-ui.home-v7-compact .side-footer{
  font-size:11px!important;
  padding-top:10px!important;
}
body.home-exact-ui.home-v7-compact .sidebar-logout,
body.home-exact-ui.home-v7-compact .logout,
body.home-exact-ui.home-v7-compact .btn.logout{
  height:32px!important;
  min-height:32px!important;
  font-size:12px!important;
  border-radius:9px!important;
  padding:7px 10px!important;
}


@media(max-width:1180px){
  body.home-exact-ui.home-v7-compact #page{padding-left:22px!important;padding-right:22px!important;}
  body.home-exact-ui.home-v7-compact .topbar{padding-left:22px!important;padding-right:22px!important;}
  body.home-exact-ui.home-v7-compact .home-action-grid{gap:14px!important;}
  body.home-exact-ui.home-v7-compact .home-action-tile{height:146px!important;min-height:146px!important;}
  body.home-exact-ui.home-v7-compact .home-growth-art{transform:scale(.78)!important;}
}
@media(max-width:900px){
  body.home-exact-ui.home-v7-compact .side{position:static!important;width:100%!important;height:auto!important;}
  body.home-exact-ui.home-v7-compact .main{margin-left:0!important;}
  body.home-exact-ui.home-v7-compact .topbar{height:auto!important;min-height:58px!important;padding:12px 14px!important;}
  body.home-exact-ui.home-v7-compact #page{padding:0 14px 18px!important;}
  body.home-exact-ui.home-v7-compact .home-hero-v7{height:auto!important;min-height:0!important;grid-template-columns:1fr!important;}
  body.home-exact-ui.home-v7-compact .home-growth-art{display:none!important;}
  body.home-exact-ui.home-v7-compact .home-action-grid{grid-template-columns:1fr!important;}
  body.home-exact-ui.home-v7-compact .home-action-tile{height:auto!important;min-height:112px!important;display:grid!important;grid-template-columns:48px 1fr 30px!important;text-align:left!important;justify-items:start!important;column-gap:12px!important;}
}


:root{
  --phase2-bg:#f7f9fc;
  --phase2-card:#ffffff;
  --phase2-ink:#101828;
  --phase2-muted:#667085;
  --phase2-line:#d9e3ef;
  --phase2-blue:#155eef;
  --phase2-green:#098c4f;
  --phase2-purple:#6848f5;
  --phase2-shadow:0 7px 20px rgba(16,24,40,.045);
  --phase2-sidebar:232px;
}
html,body{min-height:100%;background:var(--phase2-bg)!important;color:var(--phase2-ink)!important;font-size:13.5px!important;}
.layout{display:flex!important;min-height:100vh!important;background:var(--phase2-bg)!important;}
.side,
body.home-exact-ui .side,
body.home-v7-compact .side,
body.home-exact-ui.home-v7-compact .side{
  width:var(--phase2-sidebar)!important;
  min-width:var(--phase2-sidebar)!important;
  max-width:var(--phase2-sidebar)!important;
  padding:14px 12px!important;
  background:linear-gradient(180deg,#081225 0%,#0b1220 54%,#0f172a 100%)!important;
  border-right:1px solid rgba(255,255,255,.07)!important;
  box-shadow:none!important;
}
.main,
body.home-exact-ui .main,
body.home-v7-compact .main,
body.home-exact-ui.home-v7-compact .main{
  margin-left:var(--phase2-sidebar)!important;
  width:calc(100vw - var(--phase2-sidebar))!important;
  max-width:none!important;
  min-width:0!important;
  padding:14px 18px 18px!important;
  background:var(--phase2-bg)!important;
}
.brand,
body.home-exact-ui .brand,
body.home-v7-compact .brand,
body.home-exact-ui.home-v7-compact .brand{
  padding:5px 6px 12px!important;
  margin:0 0 12px!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
}
.brand-logo,.brand-logo img,.brand img,
body.home-exact-ui .brand-logo,body.home-exact-ui .brand-logo img,body.home-exact-ui .brand img,
body.home-v7-compact .brand-logo,body.home-v7-compact .brand-logo img,body.home-v7-compact .brand img{
  width:34px!important;height:34px!important;border-radius:10px!important;object-fit:cover!important;background:#fff!important;
}
.brand-copy b,.brand b,
body.home-exact-ui .brand-copy b,body.home-exact-ui .brand b,
body.home-v7-compact .brand-copy b,body.home-v7-compact .brand b{
  font-size:16px!important;line-height:1.05!important;font-weight:900!important;color:#fff!important;
}
.brand-copy small,.brand small,.brand span,
body.home-exact-ui .brand-copy small,body.home-exact-ui .brand small,body.home-exact-ui .brand span,
body.home-v7-compact .brand-copy small,body.home-v7-compact .brand small,body.home-v7-compact .brand span{
  font-size:11px!important;line-height:1.1!important;color:#b7c5d8!important;
}
.nav,
body.home-exact-ui .nav,
body.home-v7-compact .nav,
body.home-exact-ui.home-v7-compact .nav{gap:4px!important;}
.nav a,
body.home-exact-ui .nav a,
body.home-v7-compact .nav a,
body.home-exact-ui.home-v7-compact .nav a{
  height:36px!important;min-height:36px!important;padding:0 11px!important;margin:0 0 4px!important;
  border-radius:10px!important;font-size:12.7px!important;font-weight:850!important;gap:9px!important;
  color:#cbd5e1!important;border:1px solid transparent!important;box-shadow:none!important;transform:none!important;
}
.nav a:hover,.nav a.active,
body.home-exact-ui .nav a:hover,body.home-exact-ui .nav a.active,
body.home-v7-compact .nav a:hover,body.home-v7-compact .nav a.active{
  background:#155eef!important;color:#fff!important;border-color:rgba(255,255,255,.08)!important;transform:none!important;
}
.nav-icon,.nav-icon svg,.nav a i,.nav a svg,
body.home-exact-ui .nav-icon,body.home-exact-ui .nav-icon svg,body.home-exact-ui .nav a i,body.home-exact-ui .nav a svg,
body.home-v7-compact .nav-icon,body.home-v7-compact .nav-icon svg,body.home-v7-compact .nav a i,body.home-v7-compact .nav a svg{
  width:15px!important;height:15px!important;font-size:15px!important;flex:0 0 15px!important;
}
.side-footer,
body.home-exact-ui .side-footer,
body.home-v7-compact .side-footer,
body.home-exact-ui.home-v7-compact .side-footer{
  font-size:11.5px!important;padding-top:10px!important;border-top:1px solid rgba(255,255,255,.10)!important;color:#cbd5e1!important;
}
.side-footer a{font-size:11.5px!important;line-height:1.25!important;color:#cbd5e1!important;text-decoration:none!important;}
.sidebar-logout,.logout,.btn.logout,
body.home-exact-ui .sidebar-logout,body.home-exact-ui .logout,body.home-exact-ui .btn.logout,
body.home-v7-compact .sidebar-logout,body.home-v7-compact .logout,body.home-v7-compact .btn.logout{
  min-height:32px!important;height:32px!important;border-radius:9px!important;font-size:12px!important;padding:7px 10px!important;
}
.topbar,
body.home-exact-ui .topbar,
body.home-v7-compact .topbar,
body.home-exact-ui.home-v7-compact .topbar{
  min-height:58px!important;height:58px!important;margin:0 0 12px!important;padding:10px 14px!important;
  border-radius:16px!important;background:#fff!important;border:1px solid var(--phase2-line)!important;box-shadow:var(--phase2-shadow)!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;position:relative!important;
}
.topbar:before{display:none!important;content:none!important;}
.page-title h1,
body.home-exact-ui .page-title h1,
body.home-v7-compact .page-title h1,
body.home-exact-ui.home-v7-compact .page-title h1{
  font-size:22px!important;line-height:1.05!important;margin:0!important;letter-spacing:-.035em!important;font-weight:950!important;color:var(--phase2-ink)!important;
}
.page-title p{font-size:12.5px!important;margin:2px 0 0!important;color:var(--phase2-muted)!important;}
.top-actions{gap:8px!important;display:flex!important;align-items:center!important;}
.company-pill,
body.home-exact-ui .company-pill,
body.home-v7-compact .company-pill,
body.home-exact-ui.home-v7-compact .company-pill{
  min-height:40px!important;height:40px!important;padding:6px 10px!important;border-radius:14px!important;
  border:1px solid var(--phase2-line)!important;background:#fff!important;box-shadow:0 5px 16px rgba(16,24,40,.04)!important;max-width:320px!important;
}
.company-logo-small,.company-initial{width:28px!important;height:28px!important;border-radius:9px!important;}
.account-lines b,.account-company{font-size:13px!important;line-height:1.05!important;}
.account-lines small,.company-pill small{font-size:10.8px!important;line-height:1.1!important;}
#page,
body.home-exact-ui #page,
body.home-v7-compact #page,
body.home-exact-ui.home-v7-compact #page{
  width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:transparent!important;min-height:auto!important;
}
.card,.compact-card,.table-wrap,.toolbar,.one-line-panel,.modal-card,.customer-list,
body.home-exact-ui .card,body.home-v7-compact .card{
  border-radius:14px!important;border:1px solid var(--phase2-line)!important;background:#fff!important;box-shadow:var(--phase2-shadow)!important;
}
.card{padding:14px!important}.compact-card{padding:12px!important}.table-wrap{padding:10px!important}.toolbar{padding:10px!important;margin:0 0 10px!important;}
.table th{padding:9px 10px!important;font-size:11.5px!important;background:#f1f6fc!important;color:#344054!important;}
.table td{padding:9px 10px!important;font-size:12.5px!important;}
.btn{min-height:32px!important;padding:7px 12px!important;border-radius:9px!important;font-size:12.5px!important;font-weight:850!important;}
input,select,textarea{min-height:34px!important;border-radius:9px!important;font-size:12.8px!important;}


body.home-exact-ui.home-v7-compact .home-v7-wrap,
body.home-v7-compact .home-v7-wrap{
  width:100%!important;max-width:1180px!important;margin:0 auto!important;padding:10px 0 0!important;
}
body.home-exact-ui.home-v7-compact .home-hero-v7,
body.home-v7-compact .home-hero-v7{
  height:116px!important;min-height:116px!important;margin:0 0 12px!important;padding:0!important;
  display:grid!important;grid-template-columns:minmax(320px,.85fr) minmax(300px,1fr)!important;align-items:center!important;gap:18px!important;
}
body.home-exact-ui.home-v7-compact .home-greet-left,
body.home-v7-compact .home-greet-left{gap:14px!important;display:flex!important;align-items:center!important;}
body.home-exact-ui.home-v7-compact .home-sun,
body.home-v7-compact .home-sun{width:42px!important;height:42px!important;flex:0 0 42px!important;font-size:20px!important;}
body.home-exact-ui.home-v7-compact .home-greet-left h2,
body.home-v7-compact .home-greet-left h2{font-size:22px!important;line-height:1.1!important;margin:0 0 7px!important;}
body.home-exact-ui.home-v7-compact .home-greet-left p,
body.home-v7-compact .home-greet-left p{font-size:13.8px!important;line-height:1.48!important;max-width:420px!important;margin:0!important;}
body.home-exact-ui.home-v7-compact .home-growth-art,
body.home-v7-compact .home-growth-art{height:98px!important;min-width:240px!important;transform:scale(.82)!important;transform-origin:right center!important;}
body.home-exact-ui.home-v7-compact .home-action-grid,
body.home-v7-compact .home-action-grid{
  display:grid!important;grid-template-columns:repeat(3,minmax(200px,1fr))!important;gap:16px!important;max-width:100%!important;margin:0!important;
}
body.home-exact-ui.home-v7-compact .home-action-tile,
body.home-v7-compact .home-action-tile{
  height:142px!important;min-height:142px!important;padding:14px 14px!important;border-radius:15px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;
}
body.home-exact-ui.home-v7-compact .home-tile-icon,
body.home-v7-compact .home-tile-icon{width:50px!important;height:50px!important;font-size:22px!important;margin:0 0 9px!important;}
body.home-exact-ui.home-v7-compact .home-action-tile b,
body.home-v7-compact .home-action-tile b{font-size:18px!important;line-height:1.08!important;margin:0 0 6px!important;}
body.home-exact-ui.home-v7-compact .home-action-tile small,
body.home-v7-compact .home-action-tile small{font-size:12px!important;line-height:1.3!important;max-width:200px!important;margin:0!important;}
body.home-exact-ui.home-v7-compact .home-tile-arrow,
body.home-v7-compact .home-tile-arrow{width:28px!important;height:28px!important;font-size:16px!important;margin-top:8px!important;}
body.home-exact-ui.home-v7-compact .home-workflow-row,
body.home-v7-compact .home-workflow-row{height:28px!important;margin:9px 0 0!important;gap:9px!important;font-size:11.8px!important;justify-content:center!important;}
body.home-exact-ui.home-v7-compact .home-workflow-row b,
body.home-v7-compact .home-workflow-row b{font-size:13px!important;}

@media(max-width:1180px){
  .main,body.home-exact-ui .main,body.home-v7-compact .main{padding:12px 14px 16px!important;}
  body.home-exact-ui.home-v7-compact .home-v7-wrap,body.home-v7-compact .home-v7-wrap{max-width:1040px!important;}
  body.home-exact-ui.home-v7-compact .home-action-grid,body.home-v7-compact .home-action-grid{gap:14px!important;}
  body.home-exact-ui.home-v7-compact .home-action-tile,body.home-v7-compact .home-action-tile{height:134px!important;min-height:134px!important;}
  body.home-exact-ui.home-v7-compact .home-growth-art,body.home-v7-compact .home-growth-art{transform:scale(.74)!important;}
}
@media(max-width:900px){
  .layout{display:block!important;}
  .side,body.home-exact-ui .side,body.home-v7-compact .side,body.home-exact-ui.home-v7-compact .side{position:static!important;width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;}
  .main,body.home-exact-ui .main,body.home-v7-compact .main,body.home-exact-ui.home-v7-compact .main{margin-left:0!important;width:100%!important;padding:10px!important;}
  .topbar,body.home-exact-ui .topbar,body.home-v7-compact .topbar,body.home-exact-ui.home-v7-compact .topbar{height:auto!important;min-height:54px!important;align-items:flex-start!important;}
  .top-actions{width:100%!important;justify-content:space-between!important;}
  body.home-exact-ui.home-v7-compact .home-hero-v7,body.home-v7-compact .home-hero-v7{height:auto!important;min-height:0!important;grid-template-columns:1fr!important;}
  body.home-exact-ui.home-v7-compact .home-growth-art,body.home-v7-compact .home-growth-art{display:none!important;}
  body.home-exact-ui.home-v7-compact .home-action-grid,body.home-v7-compact .home-action-grid{grid-template-columns:1fr!important;}
  body.home-exact-ui.home-v7-compact .home-action-tile,body.home-v7-compact .home-action-tile{height:auto!important;min-height:104px!important;display:grid!important;grid-template-columns:46px 1fr 28px!important;column-gap:12px!important;text-align:left!important;justify-items:start!important;}
  body.home-exact-ui.home-v7-compact .home-tile-icon,body.home-v7-compact .home-tile-icon{width:46px!important;height:46px!important;margin:0!important;}
  body.home-exact-ui.home-v7-compact .home-action-tile b,body.home-v7-compact .home-action-tile b,body.home-exact-ui.home-v7-compact .home-action-tile small,body.home-v7-compact .home-action-tile small{grid-column:2!important;}
  body.home-exact-ui.home-v7-compact .home-tile-arrow,body.home-v7-compact .home-tile-arrow{grid-column:3!important;grid-row:1/3!important;align-self:center!important;margin:0!important;}
}


.modal.open{
  align-items:flex-start!important;
  overflow:auto!important;
  padding:6px!important;
  background:#f3f6fa!important;
}
.modal.open .modal-card.doc-editor-card{
  width:calc(100vw - 12px)!important;
  max-width:1540px!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0 auto 10px!important;
  overflow:visible!important;
  border-radius:16px!important;
  background:#f8fafc!important;
  box-shadow:0 20px 65px rgba(15,23,42,.14)!important;
}
.doc-editor-card .modal-titlebar{
  position:sticky!important;
  top:0!important;
  z-index:100!important;
  min-height:52px!important;
  padding:8px 18px!important;
  background:#fff!important;
  border-bottom:1px solid #e6edf5!important;
}
.doc-editor-card .modal-title-left{
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
}
.doc-editor-card .modal-title-left h2{
  margin:0!important;
  font-size:20px!important;
  line-height:1.08!important;
  font-weight:950!important;
  color:#101828!important;
}
.doc-editor-card .modal-title-left h2:after{
  content:"Create and send a professional document to your customer";
  display:block;
  margin-top:3px;
  color:#667085;
  font-size:11.5px;
  line-height:1.2;
  font-weight:700;
}
.doc-editor-card .modal-back{
  width:28px!important;
  height:28px!important;
  border:0!important;
  background:transparent!important;
  color:#344054!important;
  font-size:20px!important;
}
.doc-editor-card .modal-title-actions{
  gap:9px!important;
}
.doc-editor-card .modal-title-actions .btn{
  height:34px!important;
  min-height:34px!important;
  padding:6px 14px!important;
  border-radius:9px!important;
  font-size:12.8px!important;
  font-weight:850!important;
}
.doc-editor-card .modal-content{
  padding:12px 18px 14px!important;
  overflow:visible!important;
}
.doc-editor-card .labeled-form{
  display:grid!important;
  grid-template-columns:1.15fr .9fr .9fr!important;
  gap:10px!important;
  align-items:start!important;
}
.doc-editor-card .labeled-form>.field{
  background:#fff!important;
  border:1px solid #dce7f3!important;
  border-radius:12px!important;
  padding:9px 11px!important;
  box-shadow:none!important;
}
.doc-editor-card .labeled-form>.field span{
  display:block!important;
  font-size:11.2px!important;
  font-weight:900!important;
  color:#344054!important;
  margin-bottom:5px!important;
}
.doc-editor-card input,
.doc-editor-card select{
  height:34px!important;
  min-height:34px!important;
  width:100%!important;
  border:1px solid #cbd5e1!important;
  border-radius:9px!important;
  background:#fff!important;
  box-sizing:border-box!important;
  padding:6px 10px!important;
  font-size:13px!important;
}
.doc-editor-card textarea{
  border:1px solid #cbd5e1!important;
  border-radius:9px!important;
  background:#fff!important;
  box-sizing:border-box!important;
  padding:7px 10px!important;
  font-size:13px!important;
}
.doc-editor-card .goalync-clean-doc-editor,
.doc-editor-card .doc-form{
  grid-column:1/-1!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 330px!important;
  gap:14px!important;
  align-items:start!important;
  margin-top:2px!important;
}
.doc-editor-card .doc-left-column{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  min-width:0!important;
}
.doc-editor-card .doc-items-panel{
  background:#fff!important;
  border:1px solid #dce7f3!important;
  border-radius:13px!important;
  padding:12px!important;
  min-width:0!important;
  overflow:visible!important;
  box-shadow:0 8px 26px rgba(15,23,42,.045)!important;
}
.doc-editor-card .doc-section-head{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  margin:0 0 9px!important;
}
.doc-editor-card .doc-title{
  margin:0!important;
  font-size:16px!important;
  line-height:1.15!important;
  font-weight:950!important;
  color:#101828!important;
}
.doc-editor-card .doc-section-head .btn{
  height:29px!important;
  min-height:29px!important;
  padding:5px 10px!important;
  border:0!important;
  background:transparent!important;
  color:#155eef!important;
  font-size:12.5px!important;
  font-weight:900!important;
}
.doc-editor-card .doc-items-wrap{
  height:clamp(290px, calc(100vh - 365px), 410px)!important;
  max-height:none!important;
  overflow-y:auto!important;
  overflow-x:auto!important;
  border:1px solid #e5edf6!important;
  border-radius:11px!important;
  background:#fff!important;
}
.doc-editor-card .doc-items-table{
  width:100%!important;
  min-width:690px!important;
  table-layout:fixed!important;
  border-collapse:separate!important;
  border-spacing:0!important;
}
.doc-editor-card .doc-items-table thead th{
  position:sticky!important;
  top:0!important;
  z-index:6!important;
  background:#f4f8fc!important;
  border-bottom:1px solid #dbe6f3!important;
  color:#344054!important;
  font-size:10.5px!important;
  font-weight:950!important;
  padding:7px 8px!important;
}
.doc-editor-card .doc-items-table th:nth-child(1),
.doc-editor-card .doc-items-table td:nth-child(1){width:34px!important;}
.doc-editor-card .doc-items-table th:nth-child(2),
.doc-editor-card .doc-items-table td:nth-child(2){width:auto!important;}
.doc-editor-card .doc-items-table th:nth-child(3),
.doc-editor-card .doc-items-table td:nth-child(3){width:68px!important;}
.doc-editor-card .doc-items-table th:nth-child(4),
.doc-editor-card .doc-items-table td:nth-child(4){width:112px!important;}
.doc-editor-card .doc-items-table th:nth-child(5),
.doc-editor-card .doc-items-table td:nth-child(5){width:112px!important;}
.doc-editor-card .doc-items-table th:nth-child(6),
.doc-editor-card .doc-items-table td:nth-child(6){width:48px!important;}
.doc-editor-card .doc-items-table td{
  vertical-align:top!important;
  padding:8px 7px!important;
  border-bottom:1px solid #eef3f8!important;
  background:#fff!important;
}
.doc-editor-card .doc-items-table .item-idx{
  padding-top:18px!important;
  text-align:center!important;
  color:#667085!important;
  font-size:12px!important;
  font-weight:900!important;
}
.doc-editor-card .item-suggest-wrap{
  width:100%!important;
  min-width:0!important;
  position:relative!important;
}
.doc-editor-card .doc-items-table textarea.item-name{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:58px!important;
  height:auto!important;
  max-height:118px!important;
  overflow:hidden!important;
  resize:none!important;
  line-height:1.32!important;
  white-space:pre-wrap!important;
  font-size:12.8px!important;
}
.doc-editor-card .item-char-count{
  margin-top:3px!important;
  text-align:right!important;
  color:#667085!important;
  font-size:10.5px!important;
  font-weight:700!important;
}
.doc-editor-card .doc-items-table .item-qty{
  text-align:center!important;
}
.doc-editor-card .doc-items-table .item-rate,
.doc-editor-card .doc-items-table .item-amount{
  text-align:right!important;
  font-weight:800!important;
}
.doc-editor-card .doc-items-table .item-remove{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  padding:0!important;
  border-radius:8px!important;
  background:#fff5f5!important;
  border:1px solid #fecaca!important;
  color:#dc2626!important;
  font-size:12px!important;
}
.doc-editor-card .item-suggestion-list{
  z-index:2147483000!important;
  max-height:245px!important;
  overflow:auto!important;
  background:#fff!important;
  border:1px solid #d8e3f1!important;
  border-radius:12px!important;
  box-shadow:0 20px 55px rgba(15,23,42,.18)!important;
  padding:8px!important;
}
.doc-editor-card .item-suggestion-list button{
  width:100%!important;
  display:grid!important;
  grid-template-columns:1fr auto!important;
  gap:12px!important;
  border:0!important;
  background:#fff!important;
  padding:9px 11px!important;
  border-radius:9px!important;
  text-align:left!important;
  font-weight:850!important;
}
.doc-editor-card .item-suggestion-list button:hover{background:#f4f8ff!important;}
.doc-editor-card .item-suggestion-list small{white-space:nowrap!important;color:#475467!important;font-weight:850!important;}
.doc-editor-card .doc-inline-note{
  display:flex!important;
  flex-direction:column!important;
  background:#fff!important;
  border:1px solid #dce7f3!important;
  border-radius:13px!important;
  padding:10px 12px!important;
  margin:0!important;
  box-shadow:0 8px 26px rgba(15,23,42,.04)!important;
}
.doc-editor-card .doc-inline-note span{
  font-size:11.2px!important;
  font-weight:900!important;
  color:#344054!important;
  margin-bottom:6px!important;
}
.doc-editor-card .doc-inline-note textarea{
  width:100%!important;
  min-height:58px!important;
  height:58px!important;
  max-height:140px!important;
  resize:vertical!important;
  overflow:auto!important;
  line-height:1.35!important;
  font-size:12.8px!important;
}
.doc-editor-card .doc-side-panel{
  width:330px!important;
  min-width:330px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  position:sticky!important;
  top:60px!important;
}
.doc-editor-card .doc-tax-card,
.doc-editor-card .doc-adjust-collapse{
  background:#fff!important;
  border:1px solid #dce7f3!important;
  border-radius:13px!important;
  box-shadow:0 8px 26px rgba(15,23,42,.04)!important;
}
.doc-editor-card .doc-tax-card{
  padding:13px!important;
}
.doc-editor-card .summary-title{
  color:#155eef!important;
  margin:0 0 9px!important;
  font-size:15px!important;
}
.doc-editor-card .doc-tax-line{
  display:flex!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:5px 0!important;
  border-bottom:1px dashed #d8e3f1!important;
  color:#344054!important;
  font-size:12.2px!important;
}
.doc-editor-card .doc-tax-line b{
  color:#101828!important;
  font-size:12.5px!important;
  font-weight:900!important;
}
.doc-editor-card .doc-tax-total{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:12px!important;
  margin-top:9px!important;
  padding:10px 12px!important;
  border:1px solid #bcd0ff!important;
  border-radius:10px!important;
  background:#eff6ff!important;
  color:#155eef!important;
  font-size:15px!important;
  font-weight:950!important;
}
.doc-editor-card .doc-tax-total b{
  color:#155eef!important;
  font-size:17px!important;
}
.doc-editor-card .doc-adjust-collapse{
  overflow:visible!important;
}
.doc-editor-card .doc-adjust-collapse summary{
  padding:10px 13px!important;
  cursor:pointer!important;
  list-style:none!important;
}
.doc-editor-card .doc-adjust-collapse summary::-webkit-details-marker{display:none!important;}
.doc-editor-card .doc-adjust-collapse summary span{
  color:#155eef!important;
  font-size:13px!important;
  font-weight:950!important;
}
.doc-editor-card .doc-adjust-collapse summary small{
  display:block!important;
  margin-top:3px!important;
  color:#667085!important;
  font-size:11px!important;
  font-weight:700!important;
}
.doc-editor-card .doc-adjust-collapse:not([open]) .doc-adjust-grid{
  display:none!important;
}
@media(min-width:900px){
  .doc-editor-card .doc-adjust-collapse[open] .doc-adjust-grid{
    position:fixed!important;
    top:62px!important;
    right:18px!important;
    width:340px!important;
    max-width:calc(100vw - 40px)!important;
    max-height:calc(100vh - 82px)!important;
    overflow:auto!important;
    z-index:2147483000!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    background:#fff!important;
    border:1px solid #d8e3f1!important;
    border-radius:16px!important;
    box-shadow:0 28px 70px rgba(15,23,42,.24)!important;
    padding:14px!important;
  }
  .doc-editor-card .doc-adjust-collapse[open] .doc-adjust-grid:before{
    content:"Pricing adjustments";
    grid-column:1/-1;
    display:block;
    color:#101828;
    font-size:16px;
    font-weight:950;
    margin-bottom:2px;
  }
  .doc-editor-card .doc-adjust-collapse[open] .doc-adjust-grid:after{
    content:"Change discount, GST overrides or adjustment only when needed.";
    grid-column:1/-1;
    color:#667085;
    font-size:11.5px;
    font-weight:700;
    padding-bottom:7px;
    border-bottom:1px solid #edf2f7;
    margin-bottom:1px;
  }
  .doc-editor-card .doc-adjust-collapse[open] .doc-adjust-grid label.full{
    grid-column:1/-1!important;
  }
}
.doc-editor-card .doc-side-save{
  height:38px!important;
  min-height:38px!important;
  border-radius:10px!important;
  font-size:13.5px!important;
  font-weight:950!important;
}
.doc-editor-card .doc-save-note{
  margin:0 3px!important;
  color:#667085!important;
  font-size:11.8px!important;
  line-height:1.35!important;
}
@media(max-height:740px) and (min-width:1101px){
  .doc-editor-card .doc-items-wrap{
    height:clamp(260px, calc(100vh - 340px), 360px)!important;
  }
  .doc-editor-card .doc-inline-note textarea{
    min-height:48px!important;
    height:48px!important;
  }
}
@media(max-width:1100px){
  .doc-editor-card .labeled-form{
    grid-template-columns:1fr!important;
  }
  .doc-editor-card .goalync-clean-doc-editor,
  .doc-editor-card .doc-form{
    grid-template-columns:1fr!important;
  }
  .doc-editor-card .doc-side-panel{
    position:static!important;
    width:100%!important;
    min-width:0!important;
  }
  .doc-editor-card .doc-items-wrap{
    height:360px!important;
  }
}


@media(min-width:900px){
  .doc-editor-card .doc-adjust-collapse[open] .doc-adjust-grid{
    width:285px!important;
    max-width:285px!important;
    top:64px!important;
    right:18px!important;
    max-height:calc(100vh - 92px)!important;
    padding:11px!important;
    gap:6px!important;
    border-radius:13px!important;
    box-shadow:0 20px 52px rgba(15,23,42,.20)!important;
    transform:scale(.92)!important;
    transform-origin:top right!important;
  }
  .doc-editor-card .doc-adjust-collapse[open] .doc-adjust-grid:before{
    font-size:14px!important;
    line-height:1.1!important;
    margin-bottom:0!important;
  }
  .doc-editor-card .doc-adjust-collapse[open] .doc-adjust-grid:after{
    font-size:10.5px!important;
    line-height:1.25!important;
    padding-bottom:5px!important;
    margin-bottom:0!important;
  }
  .doc-editor-card .doc-adjust-collapse[open] .doc-adjust-grid label{
    gap:3px!important;
    font-size:10.5px!important;
    font-weight:850!important;
  }
  .doc-editor-card .doc-adjust-collapse[open] .doc-adjust-grid input,
  .doc-editor-card .doc-adjust-collapse[open] .doc-adjust-grid select{
    height:28px!important;
    min-height:28px!important;
    border-radius:8px!important;
    padding:4px 7px!important;
    font-size:11.5px!important;
  }
  .doc-editor-card .doc-adjust-collapse[open] .doc-adjust-grid label.full{
    grid-column:1/-1!important;
  }
}


@media(min-width:900px){
  .doc-editor-card .doc-adjust-collapse[open] .doc-adjust-grid{
    position:fixed!important;
    top:76px!important;
    left:50%!important;
    right:auto!important;
    width:320px!important;
    max-width:calc(100vw - 48px)!important;
    max-height:calc(100vh - 110px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    transform:translateX(-50%) scale(.92)!important;
    transform-origin:top center!important;
    z-index:2147483000!important;
    box-sizing:border-box!important;
    padding:12px!important;
    gap:7px!important;
    border-radius:14px!important;
    background:#fff!important;
    border:1px solid #d8e3f1!important;
    box-shadow:0 24px 70px rgba(15,23,42,.22)!important;
  }
  .doc-editor-card .doc-adjust-collapse[open] .doc-adjust-grid input,
  .doc-editor-card .doc-adjust-collapse[open] .doc-adjust-grid select{
    width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
}
@media(max-width:899px){
  .doc-editor-card .doc-adjust-collapse[open] .doc-adjust-grid{
    position:static!important;
    transform:none!important;
    width:auto!important;
    max-width:none!important;
    overflow:visible!important;
  }
}


.doc-editor-card .doc-adjust-collapse{
  overflow:hidden!important;
}
@media(min-width:900px){
  .doc-editor-card .doc-adjust-collapse[open] .doc-adjust-grid{
    position:static!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    transform:none!important;
    width:auto!important;
    max-width:none!important;
    max-height:260px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    z-index:auto!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
    padding:10px 12px 12px!important;
    margin:0!important;
    border:0!important;
    border-top:1px solid #e5edf6!important;
    border-radius:0 0 13px 13px!important;
    background:#fbfdff!important;
    box-shadow:none!important;
  }
  .doc-editor-card .doc-adjust-collapse[open] .doc-adjust-grid:before{
    content:"Pricing adjustments";
    grid-column:1/-1;
    display:block;
    font-size:13px!important;
    line-height:1.1!important;
    font-weight:950!important;
    color:#101828!important;
    margin:0 0 2px!important;
  }
  .doc-editor-card .doc-adjust-collapse[open] .doc-adjust-grid:after{
    content:"Change only when needed.";
    grid-column:1/-1;
    display:block;
    font-size:10.5px!important;
    line-height:1.2!important;
    font-weight:700!important;
    color:#667085!important;
    padding-bottom:5px!important;
    border-bottom:1px solid #edf2f7!important;
    margin-bottom:1px!important;
  }
  .doc-editor-card .doc-adjust-collapse[open] .doc-adjust-grid label{
    font-size:10.5px!important;
    font-weight:850!important;
    gap:3px!important;
    min-width:0!important;
  }
  .doc-editor-card .doc-adjust-collapse[open] .doc-adjust-grid label.full{
    grid-column:1/-1!important;
  }
  .doc-editor-card .doc-adjust-collapse[open] .doc-adjust-grid input,
  .doc-editor-card .doc-adjust-collapse[open] .doc-adjust-grid select{
    width:100%!important;
    min-width:0!important;
    height:28px!important;
    min-height:28px!important;
    padding:4px 7px!important;
    border-radius:8px!important;
    font-size:11.5px!important;
    box-sizing:border-box!important;
  }
}
@media(max-width:899px){
  .doc-editor-card .doc-adjust-collapse[open] .doc-adjust-grid{
    position:static!important;
    transform:none!important;
    width:auto!important;
    max-width:none!important;
    overflow:visible!important;
  }
}


.doc-editor-card .optional-discount,
.doc-editor-card .optional-taxable,
.doc-editor-card .optional-manual{
  display:none;
}


.doc-editor-card .doc-tax-line.summary-hidden,
.doc-editor-card .optional-discount.summary-hidden,
.doc-editor-card .optional-taxable.summary-hidden,
.doc-editor-card .optional-tax.summary-hidden,
.doc-editor-card .optional-manual.summary-hidden{
  display:none!important;
}


.list-shell{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.list-toolbar-card{
  background:#fff;
  border:1px solid #dce7f3;
  border-radius:14px;
  padding:10px;
  box-shadow:0 8px 24px rgba(15,23,42,.04);
}
.list-search-row{
  display:grid;
  grid-template-columns:minmax(260px,1fr) auto auto auto auto;
  gap:8px;
  align-items:center;
}
.list-search-row input{
  height:36px;
  min-height:36px;
  border:1px solid #cbd5e1;
  border-radius:10px;
  padding:7px 12px;
  font-size:13px;
  background:#fff;
  box-sizing:border-box;
}
.btn.primary-lite{
  background:#eff6ff;
  border:1px solid #bfdbfe;
  color:#155eef;
}
.list-action-row{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin-top:9px;
}
.list-action-row.no-search{
  margin-top:0;
}
.list-action-row .btn,
.list-search-row .btn{
  height:34px;
  min-height:34px;
  padding:6px 12px;
  border-radius:9px;
  font-size:12.5px;
  font-weight:850;
}
.list-action-row .btn:disabled{
  opacity:.45;
  cursor:not-allowed;
}
.meta-chip{
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 11px!important;
  border-radius:999px!important;
  font-size:12px!important;
  font-weight:850!important;
  background:#f8fafc!important;
  border:1px solid #dce7f3!important;
  color:#344054!important;
  white-space:nowrap!important;
}
.selected-chip{
  background:#eff6ff!important;
  color:#155eef!important;
  border-color:#bfdbfe!important;
}
.list-result-area{
  margin-top:0!important;
}
.polished-table-wrap{
  margin-top:0!important;
  padding:0!important;
  overflow:auto!important;
  border:1px solid #dce7f3!important;
  border-radius:14px!important;
  box-shadow:0 8px 24px rgba(15,23,42,.04)!important;
  max-height:calc(100vh - 235px);
}
.polished-table{
  width:100%!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  font-size:12.8px!important;
}
.polished-table thead th{
  position:sticky;
  top:0;
  z-index:2;
  background:#f4f8fc!important;
  color:#344054!important;
  font-size:10.7px!important;
  font-weight:950!important;
  text-transform:none!important;
  padding:9px 12px!important;
  border-bottom:1px solid #dbe6f3!important;
}
.polished-table td{
  padding:9px 12px!important;
  border-bottom:1px solid #eef3f8!important;
  color:#1f2937!important;
  vertical-align:middle!important;
}
.polished-table tbody tr{
  cursor:pointer;
}
.polished-table tbody tr:hover td{
  background:#f8fbff!important;
}
.polished-table tbody tr.row-selected td{
  background:#eff6ff!important;
}
.polished-table .link{
  font-weight:900;
  color:#155eef;
  text-decoration:none;
}
.polished-table .link:hover{
  text-decoration:underline;
}
.polished-table th:first-child,
.polished-table td:first-child{
  width:42px;
  text-align:center;
}
.select-dot{
  width:15px!important;
  height:15px!important;
  border-width:1.6px!important;
}
.row-selected .select-dot:after{
  font-size:10px!important;
}
.status{
  padding:3px 8px!important;
  border-radius:999px!important;
  font-size:11px!important;
  font-weight:850!important;
}
.customer-list.polished-list{
  padding:0!important;
  overflow:auto!important;
  border:1px solid #dce7f3!important;
  border-radius:14px!important;
  box-shadow:0 8px 24px rgba(15,23,42,.04)!important;
  max-height:calc(100vh - 235px);
}
.customer-list.polished-list .customer-row{
  min-height:48px!important;
  padding:9px 13px!important;
  gap:10px!important;
}
.customer-list.polished-list .customer-main{
  display:flex!important;
  flex-direction:column!important;
  gap:2px!important;
  min-width:0!important;
}
.customer-list.polished-list .customer-name{
  font-size:13px!important;
  font-weight:900!important;
  color:#101828!important;
}
.customer-list.polished-list small{
  color:#667085!important;
  font-weight:650!important;
  font-size:11.5px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.customer-list.polished-list .customer-row:hover{
  background:#f8fbff!important;
}
.customer-list.polished-list .customer-row.row-selected{
  background:#eff6ff!important;
}
.table-wrap:empty{
  min-height:120px;
}
@media(max-width:900px){
  .list-search-row{
    grid-template-columns:1fr;
  }
  .list-search-row input{
    width:100%;
    min-width:0;
  }
  .list-action-row .btn,
  .list-search-row .btn{
    flex:1 1 auto;
  }
  .meta-chip{
    width:100%;
  }
  .polished-table-wrap,
  .customer-list.polished-list{
    max-height:none;
  }
}
@media(max-width:620px){
  .list-toolbar-card{
    padding:9px;
  }
  .list-action-row{
    gap:6px;
  }
  .list-action-row .btn{
    padding:6px 9px;
    font-size:12px;
  }
  .polished-table{
    min-width:620px;
  }
}


.payment-invoice-search{
  position:relative;
  width:100%;
}
.payment-invoice-results{
  display:none;
  position:absolute;
  left:0;
  right:0;
  top:calc(100% + 6px);
  z-index:2147483000;
  max-height:240px;
  overflow:auto;
  padding:8px;
  border:1px solid #d8e3f1;
  border-radius:12px;
  background:#fff;
  box-shadow:0 18px 45px rgba(15,23,42,.16);
}
.payment-invoice-results.open{
  display:block;
}
.payment-invoice-results button{
  width:100%;
  display:grid;
  grid-template-columns:1fr auto;
  gap:10px;
  align-items:center;
  border:0;
  background:#fff;
  padding:9px 10px;
  border-radius:9px;
  text-align:left;
  font-weight:850;
  color:#101828;
}
.payment-invoice-results button:hover{
  background:#f4f8ff;
}
.payment-invoice-results small{
  color:#475467;
  white-space:nowrap;
  font-weight:850;
}
.payment-invoice-field .field-help{
  display:block;
  margin-top:6px;
  color:#667085;
  font-size:11.5px;
  font-weight:700;
}


/* Phase 7A targeted polish: cleaner home, centered list content, stable mobile */
body.home-v7-compact .home-greet-left h2{
  font-size:30px!important;
  margin:0!important;
  letter-spacing:-.04em!important;
}
body.home-v7-compact .home-greet-left{
  align-items:center!important;
}
body.home-v7-compact .home-hero-v7{
  min-height:128px!important;
}
body.home-v7-compact .home-action-tile{
  justify-content:center!important;
}
.list-shell{
  max-width:1180px;
  margin:0 auto!important;
  width:100%;
}
.customer-list.polished-list{
  align-items:stretch!important;
}
@media(max-width:900px){
  .main{padding:10px!important;}
  .topbar{gap:8px!important;}
  .list-shell{max-width:none!important;}
  .list-search-row{grid-template-columns:1fr!important;}
  .list-action-row{justify-content:flex-start!important;}
  body.home-v7-compact .home-hero-v7{height:auto!important;grid-template-columns:1fr!important;padding:14px!important;}
  .home-action-grid{grid-template-columns:1fr!important;gap:10px!important;}
  body.home-v7-compact .home-action-tile{height:auto!important;min-height:126px!important;}
}


/* Phase 7A-1 home meaningful compact polish */
body.home-exact-ui.home-v7-compact .logout-btn,
body.home-v7-compact .topbar .logout-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body.home-v7-compact .home-sun{display:none!important;}
body.home-v7-compact .home-growth-art{display:none!important;}
body.home-v7-compact .home-meaningful{padding-top:14px!important;}
body.home-v7-compact .home-welcome-panel{
  height:auto!important;
  min-height:104px!important;
  grid-template-columns:minmax(280px,1fr) minmax(280px,.82fr)!important;
  background:linear-gradient(135deg,#ffffff 0%,#f8fbff 100%)!important;
  border:1px solid #dbe7f3!important;
  border-radius:18px!important;
  padding:18px 20px!important;
  margin:0 0 14px!important;
  box-shadow:0 12px 28px rgba(15,23,42,.045)!important;
}
body.home-v7-compact .home-greet-left{gap:0!important;align-items:center!important;}
body.home-v7-compact .home-greet-left h2{font-size:28px!important;margin:0 0 6px!important;line-height:1.05!important;}
.home-welcome-sub{margin:0!important;color:#526173!important;font-size:14px!important;line-height:1.45!important;font-weight:650!important;max-width:640px!important;}
.home-today-focus{
  justify-self:end!important;
  width:min(430px,100%)!important;
  border:1px solid #bfdbfe!important;
  background:#f8fbff!important;
  border-radius:16px!important;
  padding:12px 14px!important;
}
.home-today-focus span{
  display:block!important;
  color:#155eef!important;
  font-size:12px!important;
  font-weight:900!important;
  margin-bottom:4px!important;
}
.home-today-focus b{
  color:#1f2a44!important;
  font-size:13px!important;
  line-height:1.45!important;
  font-weight:850!important;
}
.home-insight-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  margin:12px 0 0!important;
}
.home-insight-card{
  border:1px solid #dbe7f3!important;
  border-radius:16px!important;
  background:#fff!important;
  padding:12px 14px!important;
  min-height:86px!important;
  display:grid!important;
  grid-template-columns:auto 1fr!important;
  column-gap:10px!important;
  align-items:start!important;
  box-shadow:0 8px 20px rgba(15,23,42,.035)!important;
}
.home-insight-card span{
  width:30px!important;
  height:30px!important;
  border-radius:10px!important;
  display:grid!important;
  place-items:center!important;
  background:#eff6ff!important;
  color:#155eef!important;
  font-size:12px!important;
  font-weight:950!important;
  grid-row:span 2!important;
}
.home-insight-card b{font-size:13.5px!important;color:#101828!important;font-weight:900!important;margin-top:1px!important;}
.home-insight-card small{font-size:12px!important;color:#667085!important;line-height:1.4!important;margin-top:2px!important;}
.home-workflow-static b{color:#155eef!important;font-weight:900!important;}
.home-workflow-static i{font-style:normal!important;color:#98a2b3!important;font-weight:900!important;}
@media(max-width:900px){
  body.home-v7-compact .home-welcome-panel{grid-template-columns:1fr!important;padding:14px!important;}
  .home-today-focus{justify-self:stretch!important;width:100%!important;}
  .home-insight-grid{grid-template-columns:1fr!important;}
  body.home-v7-compact .home-workflow-row{white-space:normal!important;flex-wrap:wrap!important;height:auto!important;}
}


/* Phase 7B-1 safe navigation speed feedback */
.nav-loading{
  position:fixed!important;
  right:18px!important;
  bottom:18px!important;
  z-index:99999!important;
  display:none!important;
  align-items:center!important;
  gap:9px!important;
  padding:10px 13px!important;
  border-radius:999px!important;
  background:#0f172a!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:850!important;
  box-shadow:0 18px 38px rgba(15,23,42,.24)!important;
}
.nav-loading.show{display:inline-flex!important;}
.nav-loading span{
  width:14px!important;
  height:14px!important;
  border:2px solid rgba(255,255,255,.35)!important;
  border-top-color:#fff!important;
  border-radius:50%!important;
  animation:goalyncSpin .8s linear infinite!important;
}
@keyframes goalyncSpin{to{transform:rotate(360deg)}}


/* Phase 7B-4 global hover/focus consistency */
:root{
  --goalync-hover-bg:#f3f7ff;
  --goalync-hover-border:#bfdbfe;
  --goalync-hover-ink:#155eef;
  --goalync-danger-hover-bg:#fee2e2;
  --goalync-danger-hover-border:#fecaca;
  --goalync-danger-hover-ink:#b42318;
}

.btn,
.small-action,
.nav a,
.advanced-tile,
.quick-tile,
.home-action-tile,
.customer-row,
.mobile-row-card,
.polished-table tbody tr,
.table tbody tr,
.template-card,
.home-insight-card,
.sidebar-logout,
.logout-btn,
.icon-btn{
  transition:background-color .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease,transform .14s ease,filter .14s ease!important;
}

.btn:hover,
.btn:focus-visible,
.small-action:hover,
.small-action:focus-visible{
  background:var(--goalync-hover-bg)!important;
  border-color:var(--goalync-hover-border)!important;
  color:var(--goalync-hover-ink)!important;
  box-shadow:0 8px 22px rgba(21,94,239,.10)!important;
  transform:translateY(-1px)!important;
}

.btn.primary:hover,
.btn.primary:focus-visible,
.btn.ok:hover,
.btn.ok:focus-visible{
  filter:saturate(1.08) brightness(.98)!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(21,94,239,.18)!important;
}

.btn.danger:hover,
.btn.danger:focus-visible,
.logout-btn:hover,
.logout-btn:focus-visible,
.icon-btn:hover,
.icon-btn:focus-visible,
.sidebar-logout:hover,
.sidebar-logout:focus-visible{
  background:var(--goalync-danger-hover-bg)!important;
  border-color:var(--goalync-danger-hover-border)!important;
  color:var(--goalync-danger-hover-ink)!important;
  box-shadow:0 8px 22px rgba(180,35,24,.10)!important;
  transform:translateY(-1px)!important;
}

body .sidebar-logout{
  border:1px solid rgba(254,202,202,.9)!important;
  border-radius:12px!important;
}

.nav a:hover,
.nav a:focus-visible{
  background:rgba(255,255,255,.12)!important;
  color:#fff!important;
  transform:translateX(2px)!important;
}

.advanced-tile:hover,
.advanced-tile:focus-visible,
.quick-tile:hover,
.quick-tile:focus-visible,
.home-action-tile:hover,
.home-action-tile:focus-visible,
.template-card:hover,
.home-insight-card:hover{
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
  border-color:var(--goalync-hover-border)!important;
  box-shadow:0 14px 32px rgba(21,94,239,.10)!important;
  transform:translateY(-2px)!important;
}

.customer-row:hover,
.mobile-row-card:hover{
  background:var(--goalync-hover-bg)!important;
  border-color:var(--goalync-hover-border)!important;
}

.polished-table tbody tr:hover,
.table tbody tr:hover{
  background:#f8fbff!important;
}

input:hover,
select:hover,
textarea:hover,
input:focus,
select:focus,
textarea:focus{
  border-color:#93c5fd!important;
  box-shadow:0 0 0 3px rgba(21,94,239,.08)!important;
  outline:none!important;
}

button:focus-visible,
a:focus-visible{
  outline:3px solid rgba(21,94,239,.18)!important;
  outline-offset:2px!important;
}


/* Phase 7B-5 alignment and More page professional polish */
body .topbar,
body.home-exact-ui.home-v7-compact .topbar{
  padding:12px 16px!important;
  min-height:58px!important;
  align-items:center!important;
  overflow:visible!important;
}
body .page-title,
body.home-exact-ui.home-v7-compact .page-title{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-height:34px!important;
  padding:0!important;
}
body .page-title h1,
body.home-exact-ui.home-v7-compact .page-title h1{
  margin:0!important;
  padding:0!important;
  line-height:1.16!important;
  letter-spacing:-.035em!important;
}
body .page-title p,
body.home-exact-ui.home-v7-compact .page-title p{
  margin:3px 0 0!important;
  line-height:1.25!important;
}
body.home-v7-compact #page{
  padding-top:8px!important;
}
body.home-v7-compact .home-welcome-panel{
  padding-left:24px!important;
  padding-right:24px!important;
}
body.home-v7-compact .home-greet-left{
  padding-left:4px!important;
}
body.home-v7-compact .home-greet-left h2{
  line-height:1.18!important;
}
body.home-v7-compact .home-welcome-sub{
  max-width:720px!important;
}
.more-pro-shell{
  width:100%!important;
  max-width:1180px!important;
  margin:0 auto!important;
  padding:2px 0 26px!important;
}
.more-pro-hero{
  border:1px solid #dbe7f3!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,#ffffff 0%,#f7fbff 62%,#eef6ff 100%)!important;
  box-shadow:0 14px 32px rgba(15,23,42,.045)!important;
  padding:18px 20px!important;
  margin:0 0 14px!important;
}
.more-pro-kicker{
  display:inline-flex!important;
  align-items:center!important;
  height:24px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  background:#eff6ff!important;
  color:#155eef!important;
  border:1px solid #bfdbfe!important;
  font-size:12px!important;
  font-weight:900!important;
  margin-bottom:9px!important;
}
.more-pro-hero h2{
  margin:0 0 6px!important;
  font-size:22px!important;
  line-height:1.18!important;
  letter-spacing:-.04em!important;
  color:#101828!important;
}
.more-pro-hero p{
  margin:0!important;
  max-width:760px!important;
  color:#526173!important;
  font-size:13.5px!important;
  line-height:1.45!important;
  font-weight:650!important;
}
.more-pro-card{
  border:1px solid #dbe7f3!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 10px 26px rgba(15,23,42,.035)!important;
  padding:16px!important;
  margin:12px 0!important;
}
.more-pro-head{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:12px!important;
}
.more-pro-head h3{
  margin:0 0 4px!important;
  font-size:16px!important;
  line-height:1.2!important;
  letter-spacing:-.025em!important;
  color:#101828!important;
}
.more-pro-head p{
  margin:0!important;
  color:#667085!important;
  font-size:12.5px!important;
  line-height:1.35!important;
  font-weight:650!important;
}
.more-pro-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
}
.more-pro-tile{
  min-height:92px!important;
  width:100%!important;
  border:1px solid #dbe7f3!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important;
  padding:14px!important;
  display:grid!important;
  grid-template-columns:42px 1fr auto!important;
  gap:12px!important;
  align-items:center!important;
  text-align:left!important;
  cursor:pointer!important;
  color:#101828!important;
  box-shadow:0 8px 20px rgba(15,23,42,.035)!important;
}
.more-pro-tile:hover,
.more-pro-tile:focus-visible{
  border-color:#bfdbfe!important;
  background:linear-gradient(180deg,#fff 0%,#f6fbff 100%)!important;
  transform:translateY(-2px)!important;
  box-shadow:0 16px 34px rgba(21,94,239,.10)!important;
}
.more-pro-icon{
  width:42px!important;
  height:42px!important;
  border-radius:14px!important;
  display:grid!important;
  place-items:center!important;
  background:#eff6ff!important;
  color:#155eef!important;
  font-size:19px!important;
  border:1px solid #dbeafe!important;
}
.more-pro-tile.green .more-pro-icon{background:#ecfdf3!important;color:#067647!important;border-color:#bbf7d0!important;}
.more-pro-tile.teal .more-pro-icon{background:#ecfeff!important;color:#0e7490!important;border-color:#a5f3fc!important;}
.more-pro-tile.purple .more-pro-icon{background:#f5f3ff!important;color:#6d28d9!important;border-color:#ddd6fe!important;}
.more-pro-tile.orange .more-pro-icon{background:#fff7ed!important;color:#c2410c!important;border-color:#fed7aa!important;}
.more-pro-tile.pink .more-pro-icon{background:#fdf2f8!important;color:#be185d!important;border-color:#fbcfe8!important;}
.more-pro-tile.red .more-pro-icon{background:#fff1f2!important;color:#be123c!important;border-color:#fecdd3!important;}
.more-pro-copy{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
}
.more-pro-copy b{
  font-size:14px!important;
  line-height:1.15!important;
  font-weight:920!important;
  letter-spacing:-.02em!important;
}
.more-pro-copy small{
  color:#667085!important;
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:650!important;
}
.more-pro-arrow{
  color:#155eef!important;
  font-weight:950!important;
  opacity:.78!important;
}
@media(max-width:1000px){
  .more-pro-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:640px){
  body .topbar{padding:10px 12px!important;}
  body .page-title h1{font-size:22px!important;}
  body.home-v7-compact .home-welcome-panel{padding:16px!important;}
  .more-pro-grid{grid-template-columns:1fr!important;}
  .more-pro-hero,.more-pro-card{border-radius:16px!important;padding:14px!important;}
  .more-pro-tile{grid-template-columns:38px 1fr auto!important;min-height:84px!important;}
  .more-pro-icon{width:38px!important;height:38px!important;}
}

/* Home v3 typography balance: keep compact zoom, reduce Home content font hierarchy */
body.home-exact-ui.home-v7-compact .home-clean-v3{
  padding-top:10px!important;
}
body.home-exact-ui.home-v7-compact .home-clean-v3 .home-welcome-panel{
  height:112px!important;
  min-height:112px!important;
  display:flex!important;
  align-items:center!important;
  grid-template-columns:none!important;
  padding:18px 22px!important;
  border-radius:17px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
  border:1px solid #dbe7f3!important;
  box-shadow:0 8px 22px rgba(16,24,40,.045)!important;
}
body.home-exact-ui.home-v7-compact .home-clean-v3 .home-greet-left{
  width:100%!important;
  gap:14px!important;
  display:flex!important;
  align-items:center!important;
  padding:0!important;
}
body.home-exact-ui.home-v7-compact .home-clean-v3 .home-welcome-icon{
  width:50px!important;
  height:50px!important;
  flex:0 0 50px!important;
  border-radius:14px!important;
  display:grid!important;
  place-items:center!important;
  background:#eef4ff!important;
  border:1px solid #dbe6ff!important;
  color:#2563eb!important;
}
body.home-exact-ui.home-v7-compact .home-clean-v3 .home-welcome-icon svg{
  width:24px!important;
  height:24px!important;
  fill:currentColor!important;
  display:block!important;
}
body.home-exact-ui.home-v7-compact .home-clean-v3 .home-greet-left h2{
  font-size:21px!important;
  line-height:1.15!important;
  margin:0 0 5px!important;
  letter-spacing:-.035em!important;
  font-weight:850!important;
  color:#101828!important;
}
body.home-exact-ui.home-v7-compact .home-clean-v3 .home-welcome-sub{
  font-size:13.2px!important;
  line-height:1.42!important;
  font-weight:520!important;
  color:#526173!important;
  max-width:680px!important;
  margin:0!important;
}
body.home-exact-ui.home-v7-compact .home-clean-v3 .home-action-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
  margin:0!important;
}
body.home-exact-ui.home-v7-compact .home-clean-v3 .home-action-tile{
  min-height:122px!important;
  height:122px!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) 30px!important;
  align-items:center!important;
  justify-content:stretch!important;
  gap:14px!important;
  text-align:left!important;
  padding:18px 18px!important;
  border-radius:16px!important;
  background:#fff!important;
  border:1px solid #dbe3ef!important;
  box-shadow:0 8px 22px rgba(16,24,40,.042)!important;
  text-decoration:none!important;
  color:#101828!important;
}
body.home-exact-ui.home-v7-compact .home-clean-v3 .home-action-tile:hover,
body.home-exact-ui.home-v7-compact .home-clean-v3 .home-action-tile:focus-visible{
  transform:translateY(-1px)!important;
  border-color:#bfdbfe!important;
  box-shadow:0 12px 28px rgba(21,94,239,.075)!important;
  background:#fff!important;
}
body.home-exact-ui.home-v7-compact .home-clean-v3 .home-tile-icon{
  width:48px!important;
  height:48px!important;
  margin:0!important;
  border-radius:14px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #dbeafe!important;
  background:#eff6ff!important;
  color:#2563eb!important;
  grid-column:1!important;
  grid-row:1!important;
}
body.home-exact-ui.home-v7-compact .home-clean-v3 .home-action-tile.green .home-tile-icon{
  background:#ecfdf3!important;
  border-color:#bbf7d0!important;
  color:#098c4f!important;
}
body.home-exact-ui.home-v7-compact .home-clean-v3 .home-action-tile.purple .home-tile-icon{
  background:#f4f0ff!important;
  border-color:#ddd6fe!important;
  color:#6848f5!important;
}
body.home-exact-ui.home-v7-compact .home-clean-v3 .home-tile-icon svg{
  width:22px!important;
  height:22px!important;
  fill:currentColor!important;
  display:block!important;
}
body.home-exact-ui.home-v7-compact .home-clean-v3 .home-tile-copy{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
  grid-column:2!important;
  grid-row:1!important;
}
body.home-exact-ui.home-v7-compact .home-clean-v3 .home-action-tile b{
  font-size:16px!important;
  line-height:1.16!important;
  margin:0!important;
  font-weight:840!important;
  letter-spacing:-.02em!important;
  color:#101828!important;
  white-space:normal!important;
}
body.home-exact-ui.home-v7-compact .home-clean-v3 .home-action-tile small{
  font-size:12.4px!important;
  line-height:1.36!important;
  max-width:250px!important;
  margin:0!important;
  color:#526173!important;
  font-weight:520!important;
}
body.home-exact-ui.home-v7-compact .home-clean-v3 .home-tile-arrow{
  width:28px!important;
  height:28px!important;
  margin:0!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  font-size:15px!important;
  font-weight:850!important;
  color:#2563eb!important;
  background:#f3f7ff!important;
  box-shadow:none!important;
  grid-column:3!important;
  grid-row:1!important;
}
body.home-exact-ui.home-v7-compact .home-clean-v3 .home-action-tile.green .home-tile-arrow{color:#098c4f!important;background:#f0fdf4!important;}
body.home-exact-ui.home-v7-compact .home-clean-v3 .home-action-tile.purple .home-tile-arrow{color:#6848f5!important;background:#f5f3ff!important;}
@media(max-width:1180px){
  body.home-exact-ui.home-v7-compact .home-clean-v3 .home-action-grid{gap:14px!important;}
  body.home-exact-ui.home-v7-compact .home-clean-v3 .home-action-tile{padding:16px!important;grid-template-columns:44px minmax(0,1fr) 28px!important;}
  body.home-exact-ui.home-v7-compact .home-clean-v3 .home-tile-icon{width:44px!important;height:44px!important;}
  body.home-exact-ui.home-v7-compact .home-clean-v3 .home-action-tile b{font-size:15.5px!important;}
}
@media(max-width:900px){
  body.home-exact-ui.home-v7-compact .home-clean-v3 .home-welcome-panel{height:auto!important;min-height:96px!important;padding:16px!important;}
  body.home-exact-ui.home-v7-compact .home-clean-v3 .home-action-grid{grid-template-columns:1fr!important;}
  body.home-exact-ui.home-v7-compact .home-clean-v3 .home-action-tile{height:auto!important;min-height:104px!important;}
}
@media(max-width:560px){
  body.home-exact-ui.home-v7-compact .home-clean-v3 .home-welcome-icon{width:44px!important;height:44px!important;flex-basis:44px!important;}
  body.home-exact-ui.home-v7-compact .home-clean-v3 .home-greet-left h2{font-size:20px!important;}
  body.home-exact-ui.home-v7-compact .home-clean-v3 .home-welcome-sub{font-size:12.8px!important;}
  body.home-exact-ui.home-v7-compact .home-clean-v3 .home-action-tile{grid-template-columns:42px minmax(0,1fr) 28px!important;gap:12px!important;padding:14px!important;}
  body.home-exact-ui.home-v7-compact .home-clean-v3 .home-tile-icon{width:42px!important;height:42px!important;}
  body.home-exact-ui.home-v7-compact .home-clean-v3 .home-action-tile b{font-size:15px!important;}
  body.home-exact-ui.home-v7-compact .home-clean-v3 .home-action-tile small{font-size:12px!important;}
}

/* Customer create/edit modal — clean professional layout, scoped only to customers page */
body.customers-page-ui #modal.modal.open{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:18px!important;
  background:rgba(15,23,42,.38)!important;
  backdrop-filter:blur(3px)!important;
}
body.customers-page-ui #modal .modal-card:not(.doc-editor-card){
  width:min(900px,calc(100vw - 36px))!important;
  max-width:900px!important;
  height:auto!important;
  max-height:90vh!important;
  overflow:hidden!important;
  border:1px solid #dbe3ee!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 24px 70px rgba(15,23,42,.18)!important;
}
body.customers-page-ui #modal .modal-titlebar{
  height:auto!important;
  min-height:70px!important;
  padding:18px 22px!important;
  background:#fff!important;
  border-bottom:1px solid #e6edf5!important;
  box-shadow:none!important;
}
body.customers-page-ui #modal .modal-title-left{gap:14px!important;}
body.customers-page-ui #modal .modal-back{
  width:34px!important;
  height:34px!important;
  border-radius:10px!important;
  background:#f8fafc!important;
  color:#0f172a!important;
  font-size:22px!important;
}
body.customers-page-ui #modal .modal-title-left h2{
  margin:0!important;
  font-size:24px!important;
  line-height:1.1!important;
  letter-spacing:-.04em!important;
  color:#101828!important;
}
body.customers-page-ui #modal .modal-title-actions{gap:10px!important;}
body.customers-page-ui #modal .modal-title-actions .btn{
  min-height:38px!important;
  padding:8px 18px!important;
  border-radius:11px!important;
  font-size:14px!important;
  text-transform:none!important;
}
body.customers-page-ui #modal .modal-content{
  padding:0!important;
  max-height:calc(90vh - 70px)!important;
  overflow:auto!important;
  background:#fbfdff!important;
}
body.customers-page-ui .customer-form-v3{
  display:block!important;
  padding:22px!important;
  color:#101828!important;
}
body.customers-page-ui .customer-form-intro{
  margin:0 0 18px!important;
  padding:18px 18px!important;
  border:1px solid #dbeafe!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#ffffff 0%,#f5f9ff 100%)!important;
}
body.customers-page-ui .customer-form-intro span{
  display:inline-flex!important;
  align-items:center!important;
  height:24px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  background:#eff6ff!important;
  color:#155eef!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}
body.customers-page-ui .customer-form-intro h3{
  margin:10px 0 6px!important;
  font-size:20px!important;
  line-height:1.2!important;
  font-weight:900!important;
  letter-spacing:-.035em!important;
  color:#101828!important;
}
body.customers-page-ui .customer-form-intro p{
  margin:0!important;
  max-width:680px!important;
  color:#667085!important;
  font-size:14px!important;
  line-height:1.5!important;
}
body.customers-page-ui .customer-form-section{
  margin-top:14px!important;
  padding:16px!important;
  border:1px solid #e4ebf5!important;
  border-radius:18px!important;
  background:#fff!important;
}
body.customers-page-ui .customer-section-title{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:14px!important;
  padding-bottom:10px!important;
  border-bottom:1px solid #eef2f7!important;
}
body.customers-page-ui .customer-section-title b{
  display:block!important;
  color:#101828!important;
  font-size:15px!important;
  font-weight:900!important;
}
body.customers-page-ui .customer-section-title small{
  display:block!important;
  color:#667085!important;
  font-size:12px!important;
  font-weight:650!important;
}
body.customers-page-ui .customer-form-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:start!important;
}
body.customers-page-ui .customer-address-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
}
body.customers-page-ui .customer-field{
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  min-width:0!important;
  margin:0!important;
  color:#344054!important;
  font-size:12px!important;
  font-weight:850!important;
}
body.customers-page-ui .customer-field span{
  display:block!important;
  color:#344054!important;
  font-size:12px!important;
  font-weight:850!important;
  line-height:1.2!important;
}
body.customers-page-ui .customer-field span b{color:#dc2626!important;}
body.customers-page-ui .customer-field input,
body.customers-page-ui .customer-field textarea{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  border:1px solid #cfd9e6!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#101828!important;
  font:inherit!important;
  font-size:14px!important;
  font-weight:500!important;
  box-shadow:none!important;
  outline:none!important;
}
body.customers-page-ui .customer-field input{
  height:42px!important;
  padding:0 12px!important;
}
body.customers-page-ui .customer-field textarea{
  min-height:92px!important;
  padding:10px 12px!important;
  line-height:1.45!important;
  resize:vertical!important;
}
body.customers-page-ui .customer-field input:focus,
body.customers-page-ui .customer-field textarea:focus{
  border-color:#2563eb!important;
  box-shadow:0 0 0 3px rgba(37,99,235,.10)!important;
}
@media(max-width:760px){
  body.customers-page-ui #modal.modal.open{align-items:flex-start!important;padding:10px!important;}
  body.customers-page-ui #modal .modal-card:not(.doc-editor-card){width:100%!important;max-height:calc(100vh - 20px)!important;border-radius:18px!important;}
  body.customers-page-ui #modal .modal-titlebar{padding:14px!important;min-height:auto!important;}
  body.customers-page-ui #modal .modal-title-left h2{font-size:20px!important;}
  body.customers-page-ui #modal .modal-title-actions .btn{padding:8px 12px!important;font-size:13px!important;}
  body.customers-page-ui .customer-form-v3{padding:14px!important;}
  body.customers-page-ui .customer-form-grid,
  body.customers-page-ui .customer-address-grid{grid-template-columns:1fr!important;gap:12px!important;}
  body.customers-page-ui .customer-section-title{align-items:flex-start!important;flex-direction:column!important;gap:3px!important;}
}

/* Customer create/edit modal — slight zoom-out refinement */
body.customers-page-ui #modal .modal-card:not(.doc-editor-card){
  width:min(820px,calc(100vw - 42px))!important;
  max-width:820px!important;
  border-radius:18px!important;
}
body.customers-page-ui #modal .modal-titlebar{
  min-height:58px!important;
  padding:12px 18px!important;
}
body.customers-page-ui #modal .modal-back{
  width:30px!important;
  height:30px!important;
  font-size:19px!important;
}
body.customers-page-ui #modal .modal-title-left h2{
  font-size:21px!important;
}
body.customers-page-ui #modal .modal-title-actions .btn{
  min-height:34px!important;
  padding:7px 15px!important;
  font-size:13px!important;
}
body.customers-page-ui #modal .modal-content{
  max-height:calc(90vh - 58px)!important;
}
body.customers-page-ui .customer-form-v3{
  padding:16px!important;
}
body.customers-page-ui .customer-form-intro{
  margin-bottom:12px!important;
  padding:13px 14px!important;
  border-radius:15px!important;
}
body.customers-page-ui .customer-form-intro span{
  height:21px!important;
  padding:0 8px!important;
  font-size:10px!important;
}
body.customers-page-ui .customer-form-intro h3{
  margin:8px 0 4px!important;
  font-size:17px!important;
}
body.customers-page-ui .customer-form-intro p{
  font-size:12.8px!important;
  line-height:1.42!important;
}
body.customers-page-ui .customer-form-section{
  margin-top:10px!important;
  padding:12px!important;
  border-radius:15px!important;
}
body.customers-page-ui .customer-section-title{
  margin-bottom:10px!important;
  padding-bottom:8px!important;
}
body.customers-page-ui .customer-section-title b{
  font-size:13.5px!important;
}
body.customers-page-ui .customer-section-title small{
  font-size:11px!important;
}
body.customers-page-ui .customer-form-grid,
body.customers-page-ui .customer-address-grid{
  gap:10px 12px!important;
}
body.customers-page-ui .customer-field{
  gap:5px!important;
}
body.customers-page-ui .customer-field span{
  font-size:11.5px!important;
}
body.customers-page-ui .customer-field input,
body.customers-page-ui .customer-field textarea{
  font-size:13px!important;
  border-radius:10px!important;
}
body.customers-page-ui .customer-field input{
  height:36px!important;
  padding:0 10px!important;
}
body.customers-page-ui .customer-field textarea{
  min-height:68px!important;
  padding:8px 10px!important;
  line-height:1.35!important;
}
@media(max-width:760px){
  body.customers-page-ui #modal .modal-card:not(.doc-editor-card){width:100%!important;max-width:none!important;}
  body.customers-page-ui .customer-form-v3{padding:12px!important;}
  body.customers-page-ui .customer-form-intro{padding:12px!important;}
  body.customers-page-ui .customer-form-section{padding:11px!important;}
}

/* =========================================================
   FINAL: Dark blue headings standardization
   Keep this as the LAST code in app.css
========================================================= */

:root {
  --goalync-heading-blue: #0b4db8;
}

/* Normal page headings */
body .page-title h1,
body .section-line h1,
body .section-line h2,
body .section-header h1,
body .section-header h2,
body .billing-flow-head h1,
body .billing-flow-head h2,
body .dashboard-billing-summary h1,
body .dashboard-billing-summary h2,
body .recent-card h1,
body .recent-card h2,
body .modal-title-left h1,
body .modal-title-left h2,
body .modal-card h1,
body .modal-card h2,
body .settings-section-title,
body .more-pro-head h1,
body .more-pro-head h2,
body .more-pro-head h3,
body .customer-form-intro h1,
body .customer-form-intro h2,
body .customer-form-intro h3,
body .customer-section-title,
body .customer-section-title b,
body .doc-items-head h1,
body .doc-items-head h2,
body .doc-items-head h3 {
  color: var(--goalync-heading-blue) !important;
}

/* Home page stronger override */
body.home-v7-compact .page-title h1,
body.home-exact-ui .page-title h1,
body.home-exact-ui.home-v7-compact .page-title h1 {
  color: var(--goalync-heading-blue) !important;
}
/* =========================================================
   2026-05-12 UI zoom/form consistency pass
   Targeted only: login/register sizing, reusable add/edit modal polish,
   payment/item/user form background, document editor zoom-out.
========================================================= */
body.login.login-page,
body.login.register-page{
  min-height:100vh!important;
  display:grid!important;
  place-items:center!important;
  padding:22px!important;
  background:
    radial-gradient(circle at 14% 18%,rgba(37,99,235,.22),transparent 280px),
    radial-gradient(circle at 86% 12%,rgba(20,184,166,.18),transparent 320px),
    linear-gradient(135deg,#eef5ff 0%,#f8fbff 52%,#f3fbfa 100%)!important;
}
body.login .login-card{
  border:1px solid rgba(203,213,225,.9)!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 24px 70px rgba(15,23,42,.16)!important;
}
body.login .login-brand,
body.login .brand.login-brand{
  gap:13px!important;
  margin-bottom:18px!important;
}
body.login .login-brand img,
body.login .brand.login-brand img{
  width:56px!important;
  height:56px!important;
  padding:6px!important;
  border-radius:16px!important;
  background:#fff!important;
  border:1px solid #dbe5f1!important;
  box-shadow:0 8px 22px rgba(15,23,42,.08)!important;
}
body.login .login-brand b,
body.login .brand.login-brand b{
  font-size:20px!important;
  font-weight:950!important;
  letter-spacing:-.035em!important;
  color:#0b1220!important;
}
body.login.login-page .login-card{width:min(440px,100%)!important;padding:26px!important;border-radius:24px!important;}
body.login.register-page .register-card-v2,
body.login.register-page .wide-login-card{
  width:min(520px,100%)!important;
  padding:20px 22px!important;
  border-radius:22px!important;
  transform:scale(.96)!important;
  transform-origin:center!important;
}
body.login.register-page .login-card h2{font-size:22px!important;margin-bottom:4px!important;}
body.login.register-page .muted{font-size:13px!important;margin-bottom:12px!important;}
body.login.register-page .login-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px 12px!important;}
body.login.register-page .login-grid .full{grid-column:auto!important;}
body.login.register-page .login-field{margin:0!important;}
body.login.register-page .login-field span{font-size:12px!important;margin-bottom:5px!important;}
body.login.register-page .login-field input{height:38px!important;border-radius:11px!important;font-size:13px!important;}
body.login.register-page .btn.primary{min-height:38px!important;padding:8px 13px!important;margin-top:12px!important;}
body.login.register-page .login-links{margin-top:10px!important;}
@media(max-width:560px){
  body.login.register-page .register-card-v2,
  body.login.register-page .wide-login-card{transform:none!important;width:100%!important;padding:18px!important;}
  body.login.register-page .login-grid{grid-template-columns:1fr!important;}
  body.login.register-page .login-grid .full{grid-column:1/-1!important;}
}

body.form-page-ui #modal.modal.open,
body.payments-page-ui #modal.modal.open,
body.items-page-ui #modal.modal.open,
body.users-page-ui #modal.modal.open{
  align-items:center!important;
  padding:20px!important;
  background:rgba(15,23,42,.46)!important;
}
body.form-page-ui #modal .modal-card:not(.doc-editor-card),
body.payments-page-ui #modal .modal-card:not(.doc-editor-card),
body.items-page-ui #modal .modal-card:not(.doc-editor-card),
body.users-page-ui #modal .modal-card:not(.doc-editor-card){
  width:min(760px,calc(100vw - 44px))!important;
  max-width:760px!important;
  border-radius:20px!important;
  overflow:hidden!important;
  background:#f6f8fc!important;
  border:1px solid #dbe5f1!important;
  box-shadow:0 30px 90px rgba(15,23,42,.20)!important;
}
body.items-page-ui #modal .modal-card:not(.doc-editor-card){width:min(560px,calc(100vw - 44px))!important;max-width:560px!important;}
body.users-page-ui #modal .modal-card:not(.doc-editor-card){width:min(680px,calc(100vw - 44px))!important;max-width:680px!important;}
body.form-page-ui #modal .modal-titlebar,
body.payments-page-ui #modal .modal-titlebar,
body.items-page-ui #modal .modal-titlebar,
body.users-page-ui #modal .modal-titlebar{
  min-height:58px!important;
  padding:12px 18px!important;
  background:#fff!important;
  border-bottom:1px solid #e5edf7!important;
}
body.form-page-ui #modal .modal-title-left h2,
body.payments-page-ui #modal .modal-title-left h2,
body.items-page-ui #modal .modal-title-left h2,
body.users-page-ui #modal .modal-title-left h2{font-size:21px!important;color:#0b4db8!important;}
body.form-page-ui #modal .modal-content,
body.payments-page-ui #modal .modal-content,
body.items-page-ui #modal .modal-content,
body.users-page-ui #modal .modal-content{
  padding:14px!important;
  max-height:calc(90vh - 58px)!important;
  overflow:auto!important;
  background:
    radial-gradient(circle at 18% 10%,rgba(37,99,235,.08),transparent 240px),
    linear-gradient(180deg,#f8fbff 0%,#f3f6fb 100%)!important;
}
.polished-modal-form{display:grid!important;gap:12px!important;}
.form-section-card{
  margin:0!important;
  padding:13px!important;
  border:1px solid #e1e9f4!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(15,23,42,.045)!important;
}
.form-section-title{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:11px!important;
  padding-bottom:8px!important;
  border-bottom:1px solid #edf2f7!important;
}
.form-section-title b{font-size:13.5px!important;font-weight:950!important;color:#0b4db8!important;}
.form-section-title small{font-size:11px!important;font-weight:700!important;color:#667085!important;text-align:right!important;}
.compact-form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 12px!important;}
.compact-form-grid .full{grid-column:1/-1!important;}
.compact-form-grid .field,
.payment-form-shell .field{margin:0!important;gap:5px!important;}
.compact-form-grid .field span,
.payment-form-shell .field span{font-size:11.5px!important;font-weight:850!important;color:#344054!important;}
.compact-form-grid input,
.compact-form-grid select,
.compact-form-grid textarea,
.payment-form-shell input,
.payment-form-shell select,
.payment-form-shell textarea{
  min-height:36px!important;
  border-radius:10px!important;
  border:1px solid #cfd9e6!important;
  font-size:13px!important;
  background:#fff!important;
}
.payment-invoice-field{margin:0!important;display:block!important;}
.payment-invoice-search{position:relative!important;}
.payment-invoice-search .invoice-lookup{width:100%!important;height:38px!important;padding:0 11px!important;}
.payment-invoice-results{
  position:absolute!important;
  left:0!important;right:0!important;top:calc(100% + 6px)!important;
  z-index:50!important;
  display:none!important;
  max-height:230px!important;
  overflow:auto!important;
  border:1px solid #dbe5f1!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:0 16px 34px rgba(15,23,42,.14)!important;
}
.payment-invoice-results.open{display:block!important;}
.payment-invoice-results button{display:flex!important;justify-content:space-between!important;gap:10px!important;width:100%!important;text-align:left!important;padding:10px 12px!important;border:0!important;border-bottom:1px solid #eef2f7!important;background:#fff!important;color:#111827!important;font-weight:800!important;}
.payment-invoice-results button:hover{background:#eef5ff!important;}
.payment-invoice-results small{color:#64748b!important;font-weight:850!important;white-space:nowrap!important;}
.field-help{display:block!important;margin-top:6px!important;color:#667085!important;font-size:11px!important;font-weight:650!important;}
@media(max-width:720px){
  body.form-page-ui #modal.modal.open,
  body.payments-page-ui #modal.modal.open,
  body.items-page-ui #modal.modal.open,
  body.users-page-ui #modal.modal.open{align-items:flex-start!important;padding:10px!important;}
  body.form-page-ui #modal .modal-card:not(.doc-editor-card),
  body.payments-page-ui #modal .modal-card:not(.doc-editor-card),
  body.items-page-ui #modal .modal-card:not(.doc-editor-card),
  body.users-page-ui #modal .modal-card:not(.doc-editor-card){width:100%!important;max-width:none!important;border-radius:18px!important;}
  .compact-form-grid{grid-template-columns:1fr!important;}
  .form-section-title{align-items:flex-start!important;flex-direction:column!important;gap:3px!important;}
  .form-section-title small{text-align:left!important;}
}

body.doc-page-ui #modal .modal-card.doc-editor-card{
  width:100vw!important;
  max-width:none!important;
  height:100vh!important;
  max-height:none!important;
  transform:none!important;
  background:#f7f9fc!important;
}
body.doc-page-ui #modal .doc-editor-card .modal-titlebar{
  min-height:50px!important;
  padding:8px 14px!important;
  background:#fff!important;
  border-bottom:1px solid #e5edf7!important;
}
body.doc-page-ui #modal .doc-editor-card .modal-title-left h2{font-size:19px!important;color:#0b4db8!important;}
body.doc-page-ui #modal .doc-editor-card .modal-title-actions .btn{min-height:32px!important;padding:6px 12px!important;font-size:12.5px!important;}
body.doc-page-ui #modal .doc-editor-card .modal-back{width:30px!important;height:30px!important;font-size:18px!important;}
body.doc-page-ui #modal .doc-editor-card .modal-content{
  height:calc(100vh - 50px)!important;
  max-height:none!important;
  overflow:auto!important;
  padding:12px!important;
  background:#f7f9fc!important;
}
body.doc-page-ui .doc-form.goalync-clean-doc-editor{
  max-width:1180px!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 292px!important;
  gap:12px!important;
  align-items:start!important;
}
body.doc-page-ui .doc-items-panel,
body.doc-page-ui .doc-tax-card,
body.doc-page-ui .doc-adjust-collapse,
body.doc-page-ui .doc-inline-note{
  border-radius:14px!important;
  box-shadow:0 7px 20px rgba(16,24,40,.045)!important;
}
body.doc-page-ui .doc-section-head{padding:10px 12px!important;}
body.doc-page-ui .doc-title{font-size:14px!important;}
body.doc-page-ui .doc-items-table th{font-size:11px!important;padding:8px!important;}
body.doc-page-ui .doc-items-table td{padding:7px!important;}
body.doc-page-ui .doc-items-table input,
body.doc-page-ui .doc-items-table textarea,
body.doc-page-ui .doc-items-table select{font-size:12.5px!important;border-radius:9px!important;}
body.doc-page-ui textarea.item-name{min-height:48px!important;max-height:92px!important;}
body.doc-page-ui .doc-tax-card{padding:12px!important;}
body.doc-page-ui .doc-tax-line{font-size:12px!important;padding:7px 0!important;}
body.doc-page-ui .doc-tax-total{padding:10px!important;border-radius:12px!important;font-size:13px!important;}
body.doc-page-ui .doc-adjust-grid{gap:8px!important;padding:10px!important;}
body.doc-page-ui .doc-inline-note textarea{min-height:68px!important;font-size:12.5px!important;}
body.doc-page-ui .doc-side-save{min-height:36px!important;margin-top:10px!important;}
body.doc-page-ui .doc-save-note{font-size:11px!important;margin-top:7px!important;}
@media(max-width:920px){
  body.doc-page-ui .doc-form.goalync-clean-doc-editor{grid-template-columns:1fr!important;}
  body.doc-page-ui .doc-side-panel{position:static!important;}
}

.company-logo-wrap,.company-initial{width:34px!important;height:34px!important;min-width:34px!important;border-radius:10px!important;display:inline-grid!important;place-items:center!important;background:#fff!important;border:1px solid #d9e4f2!important;overflow:hidden!important;margin-right:8px!important;vertical-align:middle!important}.company-logo-wrap img{width:100%!important;height:100%!important;object-fit:contain!important;padding:3px!important}.company-initial{color:#155eef!important;font-weight:950!important;font-size:14px!important;background:#eff6ff!important}.company-pill{display:inline-flex!important;align-items:center!important;gap:0!important;}
body.items-page-ui .table-wrap{overflow-x:hidden!important;}body.items-page-ui .table{width:100%!important;table-layout:fixed!important;}body.items-page-ui .table th:nth-child(1),body.items-page-ui .table td:nth-child(1){width:auto!important;}body.items-page-ui .table th:nth-child(2),body.items-page-ui .table td:nth-child(2){width:110px!important;white-space:nowrap!important;text-align:right!important;}body.items-page-ui .table th:nth-child(3),body.items-page-ui .table td:nth-child(3){width:118px!important;white-space:nowrap!important;text-align:left!important;}body.items-page-ui .table td{vertical-align:middle!important;}body.items-page-ui .saved-item-name{display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important;white-space:normal!important;word-break:break-word!important;line-height:1.45!important;min-height:42px!important;padding:4px 0!important;}body.items-page-ui .mobile-card-list .saved-item-name{display:block!important;min-height:auto!important;-webkit-line-clamp:unset!important;}
body.items-page-ui #modal textarea[name="item_name"]{width:100%!important;min-height:86px!important;line-height:1.45!important;resize:vertical!important;font-size:13px!important;}body.items-page-ui #modal .item-entry-grid{grid-template-columns:1fr 160px!important;align-items:end!important;}body.items-page-ui #modal .item-entry-grid .field.full{grid-column:1/2!important;}@media(max-width:640px){body.items-page-ui #modal .item-entry-grid{grid-template-columns:1fr!important;}body.items-page-ui #modal .item-entry-grid .field.full{grid-column:1/-1!important;}}
body.doc-page-ui #modal.modal.open{padding:8px!important;background:#f3f6fa!important;}body.doc-page-ui #modal .modal-card.doc-editor-card{width:calc(100vw - 16px)!important;max-width:1480px!important;border-radius:16px!important;background:#f8fafc!important;}body.doc-page-ui #modal .doc-editor-card .modal-titlebar{min-height:48px!important;padding:7px 16px!important;}body.doc-page-ui #modal .doc-editor-card .modal-title-left h2{font-size:18px!important;line-height:1.1!important;color:#0f172a!important;}body.doc-page-ui #modal .doc-editor-card .modal-title-left h2:after{font-size:11px!important;color:#667085!important;font-weight:650!important;}body.doc-page-ui #modal .doc-editor-card .modal-title-actions .btn{height:32px!important;min-height:32px!important;padding:5px 12px!important;font-size:12px!important;border-radius:9px!important;}body.doc-page-ui #modal .doc-editor-card .modal-content{height:auto!important;max-height:none!important;overflow:visible!important;padding:12px 16px 16px!important;}
body.doc-page-ui .doc-editor-card .labeled-form{display:grid!important;grid-template-columns:minmax(260px,1fr) minmax(220px,.72fr) minmax(190px,.62fr)!important;gap:10px!important;align-items:start!important;background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important;}body.doc-page-ui .doc-editor-card .labeled-form>.field{height:98px!important;background:#fff!important;border:1px solid #dce7f3!important;border-radius:12px!important;padding:10px 11px!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;}body.doc-page-ui .doc-editor-card .labeled-form>.field input,body.doc-page-ui .doc-editor-card .labeled-form>.field .customer-lookup{height:34px!important;min-height:34px!important;font-size:13px!important;}body.doc-page-ui .doc-editor-card .labeled-form>.field small{font-size:11px!important;line-height:1.25!important;margin-top:8px!important;color:#667085!important;}body.doc-page-ui .doc-editor-card .goalync-clean-doc-editor,body.doc-page-ui .doc-editor-card .doc-form{grid-template-columns:minmax(0,1fr) 310px!important;gap:12px!important;margin-top:2px!important;}body.doc-page-ui .doc-editor-card .doc-side-panel{width:310px!important;min-width:310px!important;gap:9px!important;}body.doc-page-ui .doc-editor-card .doc-items-wrap{height:clamp(300px,calc(100vh - 360px),430px)!important;overflow-y:auto!important;overflow-x:hidden!important;}body.doc-page-ui .doc-editor-card .doc-items-table{min-width:0!important;table-layout:fixed!important;}body.doc-page-ui .doc-editor-card .doc-items-table th:nth-child(1),body.doc-page-ui .doc-editor-card .doc-items-table td:nth-child(1){width:34px!important;}body.doc-page-ui .doc-editor-card .doc-items-table th:nth-child(3),body.doc-page-ui .doc-editor-card .doc-items-table td:nth-child(3){width:64px!important;}body.doc-page-ui .doc-editor-card .doc-items-table th:nth-child(4),body.doc-page-ui .doc-editor-card .doc-items-table td:nth-child(4){width:100px!important;}body.doc-page-ui .doc-editor-card .doc-items-table th:nth-child(5),body.doc-page-ui .doc-editor-card .doc-items-table td:nth-child(5){width:100px!important;}body.doc-page-ui .doc-editor-card .doc-items-table th:nth-child(6),body.doc-page-ui .doc-editor-card .doc-items-table td:nth-child(6){width:42px!important;}body.doc-page-ui .doc-editor-card .doc-items-table textarea.item-name{min-height:62px!important;max-height:128px!important;line-height:1.4!important;}body.doc-page-ui .doc-editor-card .doc-side-save{width:154px!important;align-self:flex-end!important;height:34px!important;min-height:34px!important;font-size:12.8px!important;border-radius:9px!important;margin-top:4px!important;}body.doc-page-ui .doc-editor-card .doc-save-note{text-align:right!important;font-size:11px!important;}@media(max-width:1100px){body.doc-page-ui .doc-editor-card .labeled-form{grid-template-columns:1fr!important;}body.doc-page-ui .doc-editor-card .labeled-form>.field{height:auto!important;}body.doc-page-ui .doc-editor-card .goalync-clean-doc-editor,body.doc-page-ui .doc-editor-card .doc-form{grid-template-columns:1fr!important;}body.doc-page-ui .doc-editor-card .doc-side-panel{width:100%!important;min-width:0!important;}body.doc-page-ui .doc-editor-card .doc-side-save{width:100%!important;align-self:stretch!important;}}

body.doc-page-ui #modal.modal.open{
  padding:0!important;
  background:#f5f7fb!important;
  overflow:hidden!important;
}
body.doc-page-ui #modal .modal-card.doc-editor-card{
  width:100vw!important;
  max-width:none!important;
  height:100vh!important;
  max-height:none!important;
  border-radius:0!important;
  background:#f6f8fc!important;
  overflow:hidden!important;
}
body.doc-page-ui #modal .doc-editor-card .modal-titlebar{
  height:54px!important;
  min-height:54px!important;
  padding:8px 22px!important;
  border-bottom:1px solid #dfe8f3!important;
}
body.doc-page-ui #modal .doc-editor-card .modal-title-left h2{
  font-size:20px!important;
  color:#0f172a!important;
  letter-spacing:-.02em!important;
}
body.doc-page-ui #modal .doc-editor-card .modal-content{
  height:calc(100vh - 54px)!important;
  max-height:calc(100vh - 54px)!important;
  overflow:auto!important;
  padding:14px 24px 18px!important;
  background:#f6f8fc!important;
}
body.doc-page-ui .doc-editor-card .labeled-form{
  max-width:none!important;
  width:100%!important;
  grid-template-columns:minmax(300px,1.15fr) minmax(240px,.85fr) minmax(220px,.72fr)!important;
  gap:12px!important;
}
body.doc-page-ui .doc-editor-card .labeled-form>.field{
  height:92px!important;
  padding:11px 12px!important;
}
body.doc-page-ui .doc-editor-card .goalync-clean-doc-editor,
body.doc-page-ui .doc-editor-card .doc-form{
  width:100%!important;
  max-width:none!important;
  margin:12px 0 0!important;
  grid-template-columns:minmax(0,1fr) 330px!important;
  gap:14px!important;
  align-items:start!important;
}
body.doc-page-ui .doc-editor-card .doc-left-column{
  min-width:0!important;
}
body.doc-page-ui .doc-editor-card .doc-items-panel{
  min-width:0!important;
}
body.doc-page-ui .doc-editor-card .doc-section-head{
  min-height:46px!important;
  padding:10px 14px!important;
}
body.doc-page-ui .doc-editor-card .doc-title{
  font-size:15px!important;
  letter-spacing:-.01em!important;
}
body.doc-page-ui .doc-editor-card .doc-items-wrap{
  height:auto!important;
  min-height:190px!important;
  max-height:340px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
body.doc-page-ui .doc-editor-card .doc-items-table{
  min-width:0!important;
  width:100%!important;
  table-layout:fixed!important;
}
body.doc-page-ui .doc-editor-card .doc-items-table th:nth-child(1),
body.doc-page-ui .doc-editor-card .doc-items-table td:nth-child(1){width:38px!important;}
body.doc-page-ui .doc-editor-card .doc-items-table th:nth-child(2),
body.doc-page-ui .doc-editor-card .doc-items-table td:nth-child(2){width:auto!important;}
body.doc-page-ui .doc-editor-card .doc-items-table th:nth-child(3),
body.doc-page-ui .doc-editor-card .doc-items-table td:nth-child(3){width:74px!important;}
body.doc-page-ui .doc-editor-card .doc-items-table th:nth-child(4),
body.doc-page-ui .doc-editor-card .doc-items-table td:nth-child(4){width:118px!important;}
body.doc-page-ui .doc-editor-card .doc-items-table th:nth-child(5),
body.doc-page-ui .doc-editor-card .doc-items-table td:nth-child(5){width:118px!important;}
body.doc-page-ui .doc-editor-card .doc-items-table th:nth-child(6),
body.doc-page-ui .doc-editor-card .doc-items-table td:nth-child(6){width:44px!important;}
body.doc-page-ui .doc-editor-card .doc-items-table th,
body.doc-page-ui .doc-editor-card .doc-items-table td{
  padding:8px!important;
  vertical-align:top!important;
}
body.doc-page-ui .doc-editor-card .item-suggest-wrap{
  width:100%!important;
}
body.doc-page-ui .doc-editor-card textarea.item-name{
  width:100%!important;
  min-height:54px!important;
  max-height:120px!important;
  line-height:1.4!important;
  resize:vertical!important;
}
body.doc-page-ui .doc-editor-card .doc-side-panel{
  width:330px!important;
  min-width:330px!important;
  gap:10px!important;
}
body.doc-page-ui .doc-editor-card .doc-tax-card{
  padding:13px!important;
}
body.doc-page-ui .doc-editor-card .doc-tax-total b{
  font-size:18px!important;
}
body.doc-page-ui .doc-editor-card .doc-adjust-collapse summary{
  min-height:42px!important;
  padding:10px 12px!important;
}
body.doc-page-ui .doc-editor-card .doc-side-save{
  width:150px!important;
  height:34px!important;
  min-height:34px!important;
  align-self:flex-end!important;
  border-radius:9px!important;
  font-size:12.5px!important;
  padding:6px 12px!important;
}
body.doc-page-ui .doc-editor-card .doc-save-note{
  margin:0!important;
  text-align:right!important;
  font-size:10.8px!important;
  color:#8a94a6!important;
}
body.doc-page-ui .doc-editor-card .doc-inline-note{
  margin-top:12px!important;
  padding:11px 12px!important;
}
body.doc-page-ui .doc-editor-card .doc-inline-note textarea{
  min-height:58px!important;
  max-height:110px!important;
}
body.items-page-ui .table td:first-child{
  white-space:normal!important;
  word-break:break-word!important;
  overflow-wrap:anywhere!important;
}
body.items-page-ui .saved-item-name{
  min-height:auto!important;
  max-height:4.5em!important;
  display:-webkit-box!important;
  -webkit-line-clamp:3!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
body.items-page-ui #modal textarea[name="item_name"]{
  min-height:96px!important;
  max-height:180px!important;
}
body.about-goalync-view{
  background:#f6f8fc!important;
}
body.about-goalync-view .ag-page{
  max-width:920px!important;
}
body.about-goalync-view .ag-left{
  background:linear-gradient(160deg,#fbfdff 0%,#f0f6ff 100%)!important;
}
body.about-goalync-view .ag-content h1{
  font-size:28px!important;
}
body.about-goalync-view .ag-lead{
  font-size:14.5px!important;
  font-weight:650!important;
}
@media(max-width:1100px){
  body.doc-page-ui .doc-editor-card .labeled-form{grid-template-columns:1fr!important;}
  body.doc-page-ui .doc-editor-card .labeled-form>.field{height:auto!important;}
  body.doc-page-ui .doc-editor-card .goalync-clean-doc-editor,
  body.doc-page-ui .doc-editor-card .doc-form{grid-template-columns:1fr!important;}
  body.doc-page-ui .doc-editor-card .doc-side-panel{width:100%!important;min-width:0!important;}
  body.doc-page-ui .doc-editor-card .doc-side-save{width:100%!important;align-self:stretch!important;}
}
@media(max-width:760px){
  body.doc-page-ui #modal .doc-editor-card .modal-content{padding:10px!important;}
  body.doc-page-ui .doc-editor-card .doc-items-table thead{display:none!important;}
  body.doc-page-ui .doc-editor-card .doc-items-table,
  body.doc-page-ui .doc-editor-card .doc-items-table tbody,
  body.doc-page-ui .doc-editor-card .doc-items-table tr,
  body.doc-page-ui .doc-editor-card .doc-items-table td{display:block!important;width:100%!important;}
  body.doc-page-ui .doc-editor-card .doc-items-table tr{border:1px solid #e5edf7!important;border-radius:12px!important;margin:0 0 10px!important;padding:10px!important;}
  body.doc-page-ui .doc-editor-card .doc-items-table td{border:0!important;padding:5px 0!important;}
  body.doc-page-ui .doc-editor-card .doc-items-table td.item-idx{display:none!important;}
}

/* Home white dashboard background v10: full-screen, no plant/nature, no grey band */
body.home-exact-ui.home-v7-compact,
body.home-exact-ui.home-v7-compact .main,
body.home-exact-ui.home-v7-compact #page{
  background:#ffffff!important;
}
body.home-exact-ui.home-v7-compact .topbar{
  background:#ffffff!important;
  border:1px solid #e6edf6!important;
  border-radius:14px!important;
  box-shadow:0 8px 22px rgba(15,23,42,.035)!important;
  margin:14px 20px 0!important;
  width:auto!important;
}
body.home-exact-ui.home-v7-compact #page{
  padding:0 20px 0!important;
  min-height:calc(100vh - 86px)!important;
  overflow:hidden!important;
  position:relative!important;
}
body.home-exact-ui.home-v7-compact .home-white-dashboard{
  position:relative!important;
  overflow:hidden!important;
  min-height:calc(100vh - 86px)!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:46px 6px 34px!important;
  isolation:isolate!important;
  background:#ffffff!important;
}
body.home-exact-ui.home-v7-compact .home-white-dashboard:before{
  content:''!important;
  position:absolute!important;
  inset:0!important;
  z-index:-3!important;
  background:#ffffff!important;
}
body.home-exact-ui.home-v7-compact .home-white-dashboard:after{
  content:''!important;
  position:absolute!important;
  inset:auto -2% 0 -2%!important;
  height:48%!important;
  z-index:-2!important;
  background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(248,250,252,.35) 100%)!important;
  pointer-events:none!important;
}
body.home-exact-ui.home-v7-compact .home-billing-bg{
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  pointer-events:none!important;
  color:#d7e2f0!important;
  opacity:.92!important;
}
body.home-exact-ui.home-v7-compact .home-billing-bg i{
  position:absolute!important;
  display:block!important;
  box-sizing:border-box!important;
  font-style:normal!important;
}
body.home-exact-ui.home-v7-compact .bg-doc{
  width:154px!important;
  height:118px!important;
  border:2px solid #e6edf6!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.44)!important;
  box-shadow:0 10px 28px rgba(15,23,42,.018)!important;
}
body.home-exact-ui.home-v7-compact .bg-doc:before,
body.home-exact-ui.home-v7-compact .bg-doc:after{
  content:''!important;
  position:absolute!important;
  left:26px!important;
  right:26px!important;
  height:6px!important;
  border-radius:999px!important;
  background:#e8eef7!important;
  box-shadow:0 18px 0 #edf2f8,0 36px 0 #f0f4f9!important;
}
body.home-exact-ui.home-v7-compact .bg-doc:before{top:50px!important;}
body.home-exact-ui.home-v7-compact .bg-doc:after{display:none!important;}
body.home-exact-ui.home-v7-compact .bg-doc span{
  position:absolute!important;
  top:22px!important;
  left:24px!important;
  color:#c9d6e8!important;
  font-size:17px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
}
body.home-exact-ui.home-v7-compact .bg-quote{right:285px!important;top:50px!important;transform:rotate(-8deg)!important;}
body.home-exact-ui.home-v7-compact .bg-invoice{right:86px!important;top:84px!important;transform:rotate(4deg)!important;}
body.home-exact-ui.home-v7-compact .bg-receipt{
  right:28px!important;top:250px!important;width:74px!important;height:126px!important;border:2px solid #e8eef6!important;border-radius:10px!important;background:rgba(255,255,255,.52)!important;
  color:#cbd8ea!important;text-align:center!important;font-size:10px!important;font-weight:900!important;line-height:1.25!important;padding-top:18px!important;
}
body.home-exact-ui.home-v7-compact .bg-receipt:after{content:''!important;position:absolute!important;left:10px!important;right:10px!important;top:58px!important;height:5px!important;border-radius:999px!important;background:#edf2f8!important;box-shadow:0 16px 0 #f1f5f9!important;}
body.home-exact-ui.home-v7-compact .bg-receipt b{position:absolute!important;left:12px!important;right:12px!important;bottom:18px!important;border:2px solid #dce7f5!important;border-radius:5px!important;font-size:15px!important;color:#c5d3e6!important;}
body.home-exact-ui.home-v7-compact .bg-rupee{width:58px!important;height:58px!important;border:2px solid #e8eef6!important;border-radius:50%!important;display:grid!important;place-items:center!important;color:#c7d5e7!important;font-size:28px!important;font-weight:900!important;background:rgba(255,255,255,.55)!important;}
body.home-exact-ui.home-v7-compact .bg-rupee.r1{right:445px!important;top:92px!important;}
body.home-exact-ui.home-v7-compact .bg-rupee.r2{left:57%!important;bottom:138px!important;width:48px!important;height:48px!important;font-size:22px!important;}
body.home-exact-ui.home-v7-compact .bg-bars{
  width:210px!important;height:120px!important;bottom:28px!important;right:26px!important;
  background:linear-gradient(to right,transparent 0 8%,#eef3f9 8% 17%,transparent 17% 24%,#e8eff7 24% 33%,transparent 33% 41%,#e2ebf6 41% 50%,transparent 50% 58%,#dce7f4 58% 67%,transparent 67% 75%,#d7e3f1 75% 84%,transparent 84%)!important;
  -webkit-mask:linear-gradient(to top,#000 0 100%)!important;opacity:.7!important;
}
body.home-exact-ui.home-v7-compact .bg-bars.left{left:56px!important;right:auto!important;bottom:34px!important;width:190px!important;height:108px!important;opacity:.45!important;}
body.home-exact-ui.home-v7-compact .bg-bars.right{right:30px!important;}
body.home-exact-ui.home-v7-compact .bg-arrow{
  right:56px!important;bottom:125px!important;width:260px!important;height:100px!important;border-left:5px solid transparent!important;border-bottom:5px solid #dce7f5!important;transform:skewX(-26deg) rotate(-9deg)!important;border-radius:0 0 0 30px!important;opacity:.8!important;
}
body.home-exact-ui.home-v7-compact .bg-arrow:after{content:''!important;position:absolute!important;right:-9px!important;top:86px!important;border-left:22px solid #dce7f5!important;border-top:12px solid transparent!important;border-bottom:12px solid transparent!important;transform:rotate(-8deg)!important;}
body.home-exact-ui.home-v7-compact .bg-pie{left:52%!important;bottom:108px!important;width:68px!important;height:68px!important;border-radius:50%!important;background:conic-gradient(#e8eef7 0 75deg, transparent 75deg 88deg,#f1f5f9 88deg 360deg)!important;opacity:.55!important;}
body.home-exact-ui.home-v7-compact .bg-card{left:67%!important;bottom:78px!important;width:140px!important;height:78px!important;border:2px solid #e9eff7!important;border-radius:12px!important;transform:rotate(10deg)!important;background:rgba(255,255,255,.48)!important;opacity:.72!important;}
body.home-exact-ui.home-v7-compact .bg-card:before{content:''!important;position:absolute!important;left:18px!important;top:18px!important;width:28px!important;height:18px!important;border-radius:5px!important;background:#edf2f8!important;}
body.home-exact-ui.home-v7-compact .bg-dot{width:7px!important;height:7px!important;border-radius:50%!important;background:#dbe6f4!important;opacity:.9!important;box-shadow:80px 50px 0 #edf2f8,170px 20px 0 #e3ebf6,235px 90px 0 #edf2f8!important;}
body.home-exact-ui.home-v7-compact .bg-dot.d1{left:48%!important;top:140px!important;}
body.home-exact-ui.home-v7-compact .bg-dot.d2{left:38%!important;bottom:72px!important;}
body.home-exact-ui.home-v7-compact .bg-dot.d3{right:84px!important;top:96px!important;}
body.home-exact-ui.home-v7-compact .home-hero-v7{
  position:relative!important;
  z-index:2!important;
  height:134px!important;
  min-height:134px!important;
  display:flex!important;
  align-items:center!important;
  margin:0 0 16px!important;
  padding-left:0!important;
}
body.home-exact-ui.home-v7-compact .home-greet-left{display:block!important;max-width:560px!important;}
body.home-exact-ui.home-v7-compact .home-sun,
body.home-exact-ui.home-v7-compact .home-growth-art{display:none!important;}
body.home-exact-ui.home-v7-compact .home-greet-left h2{font-size:25px!important;line-height:1.12!important;margin:0 0 12px!important;color:#101828!important;letter-spacing:-.035em!important;}
body.home-exact-ui.home-v7-compact .home-greet-left p{font-size:14.5px!important;line-height:1.55!important;color:#344054!important;max-width:620px!important;}
body.home-exact-ui.home-v7-compact .home-action-grid{position:relative!important;z-index:3!important;gap:22px!important;grid-template-columns:repeat(3,minmax(220px,1fr))!important;margin:0!important;}
body.home-exact-ui.home-v7-compact .home-action-tile{
  height:170px!important;min-height:170px!important;border:1px solid #e3ebf5!important;border-radius:16px!important;background:rgba(255,255,255,.92)!important;box-shadow:0 10px 28px rgba(15,23,42,.045)!important;backdrop-filter:blur(1px)!important;
}
body.home-exact-ui.home-v7-compact .home-action-tile b{font-size:20px!important;}
body.home-exact-ui.home-v7-compact .home-workflow-row{
  position:relative!important;z-index:3!important;width:max-content!important;max-width:100%!important;height:48px!important;margin:22px auto 0!important;padding:0 32px!important;border:1px solid #e5edf6!important;border-radius:999px!important;background:rgba(255,255,255,.90)!important;box-shadow:0 8px 22px rgba(15,23,42,.03)!important;font-size:14px!important;gap:14px!important;
}
body.home-exact-ui.home-v7-compact .side-footer a:first-child{font-weight:800!important;}
@media(max-width:1180px){
  body.home-exact-ui.home-v7-compact .home-white-dashboard{padding-top:42px!important;}
  body.home-exact-ui.home-v7-compact .home-action-grid{gap:16px!important;}
  body.home-exact-ui.home-v7-compact .bg-quote{right:230px!important;}
  body.home-exact-ui.home-v7-compact .bg-invoice{right:40px!important;}
}
@media(max-width:900px){
  body.home-exact-ui.home-v7-compact .topbar{margin:10px 10px 0!important;}
  body.home-exact-ui.home-v7-compact #page{padding:0 12px 18px!important;overflow:visible!important;}
  body.home-exact-ui.home-v7-compact .home-white-dashboard{min-height:auto!important;padding:22px 0 20px!important;overflow:hidden!important;}
  body.home-exact-ui.home-v7-compact .home-billing-bg{opacity:.45!important;}
  body.home-exact-ui.home-v7-compact .home-hero-v7{height:auto!important;min-height:95px!important;}
  body.home-exact-ui.home-v7-compact .home-action-grid{grid-template-columns:1fr!important;}
  body.home-exact-ui.home-v7-compact .home-action-tile{height:auto!important;min-height:120px!important;}
  body.home-exact-ui.home-v7-compact .home-workflow-row{width:100%!important;justify-content:flex-start!important;overflow:auto!important;padding:0 14px!important;}
}

/* v11: global white page background + fixed shell alignment across all web pages */
:root{--goalync-sidebar-w:232px;--goalync-page-pad-y:14px;--goalync-page-pad-x:18px;--goalync-header-h:58px;}
html,body,.layout{background:#ffffff!important;}
body:not(.login):not(.owner-admin-body),
body:not(.login):not(.owner-admin-body) .layout,
body:not(.login):not(.owner-admin-body) .main,
body:not(.login):not(.owner-admin-body) #page{
  background:#ffffff!important;
}
body:not(.login):not(.owner-admin-body) .main,
body.home-exact-ui .main,
body.home-v7-compact .main,
body.home-exact-ui.home-v7-compact .main{
  margin-left:var(--goalync-sidebar-w)!important;
  width:calc(100vw - var(--goalync-sidebar-w))!important;
  min-width:0!important;
  max-width:none!important;
  padding:var(--goalync-page-pad-y) var(--goalync-page-pad-x) 18px!important;
  background:#ffffff!important;
}
body:not(.login):not(.owner-admin-body) .topbar,
body.home-exact-ui .topbar,
body.home-v7-compact .topbar,
body.home-exact-ui.home-v7-compact .topbar{
  height:var(--goalync-header-h)!important;
  min-height:var(--goalync-header-h)!important;
  margin:0 0 12px!important;
  padding:10px 14px!important;
  border-radius:16px!important;
  background:#ffffff!important;
  border:1px solid #d9e3ef!important;
  box-shadow:0 7px 20px rgba(16,24,40,.045)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  position:relative!important;
  overflow:hidden!important;
}
body:not(.login):not(.owner-admin-body) .topbar:before,
body.home-exact-ui .topbar:before,
body.home-v7-compact .topbar:before,
body.home-exact-ui.home-v7-compact .topbar:before{
  display:none!important;
  content:none!important;
}
body:not(.login):not(.owner-admin-body) .page-title h1,
body.home-exact-ui .page-title h1,
body.home-v7-compact .page-title h1,
body.home-exact-ui.home-v7-compact .page-title h1{
  font-size:22px!important;
  line-height:1.05!important;
  margin:0!important;
  letter-spacing:-.035em!important;
  font-weight:950!important;
  color:#101828!important;
}
body:not(.login):not(.owner-admin-body) .page-title p{font-size:12.5px!important;margin:2px 0 0!important;color:#667085!important;}
body:not(.login):not(.owner-admin-body) .top-actions,
body.home-exact-ui .top-actions,
body.home-v7-compact .top-actions,
body.home-exact-ui.home-v7-compact .top-actions{
  margin-left:auto!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
body:not(.login):not(.owner-admin-body) .company-pill,
body.home-exact-ui .company-pill,
body.home-v7-compact .company-pill,
body.home-exact-ui.home-v7-compact .company-pill{
  min-height:40px!important;
  height:40px!important;
  padding:6px 10px!important;
  border-radius:14px!important;
  border:1px solid #d9e3ef!important;
  background:#fff!important;
  box-shadow:0 5px 16px rgba(16,24,40,.04)!important;
  max-width:320px!important;
}
body:not(.login):not(.owner-admin-body) .logout-btn,
body.home-exact-ui .logout-btn,
body.home-v7-compact .logout-btn,
body.home-exact-ui.home-v7-compact .logout-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:38px!important;
  height:38px!important;
  padding:8px 14px!important;
  border-radius:11px!important;
  background:#e11d2f!important;
  border:1px solid #e11d2f!important;
  color:#fff!important;
  box-shadow:none!important;
}
body.home-exact-ui.home-v7-compact #page,
body.home-v7-compact #page{
  padding:0!important;
  min-height:calc(100vh - var(--goalync-header-h) - (var(--goalync-page-pad-y) * 2) - 12px)!important;
  overflow:visible!important;
  background:#ffffff!important;
}
body.home-exact-ui.home-v7-compact .home-white-dashboard,
body.home-v7-compact .home-white-dashboard{
  width:100%!important;
  max-width:none!important;
  min-height:calc(100vh - var(--goalync-header-h) - 44px)!important;
  margin:0!important;
  padding:36px 0 42px!important;
  overflow:visible!important;
  position:relative!important;
  isolation:isolate!important;
  background:#ffffff!important;
}
body.home-exact-ui.home-v7-compact .home-white-dashboard:before,
body.home-v7-compact .home-white-dashboard:before,
body.home-exact-ui.home-v7-compact .home-white-dashboard:after,
body.home-v7-compact .home-white-dashboard:after{
  background:#ffffff!important;
}
body.home-exact-ui.home-v7-compact .home-billing-bg,
body.home-v7-compact .home-billing-bg{
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  pointer-events:none!important;
  opacity:.76!important;
  overflow:hidden!important;
}
body.home-exact-ui.home-v7-compact .bg-quote,
body.home-v7-compact .bg-quote{right:28%!important;top:18px!important;transform:rotate(-7deg)!important;}
body.home-exact-ui.home-v7-compact .bg-invoice,
body.home-v7-compact .bg-invoice{right:8%!important;top:54px!important;transform:rotate(4deg)!important;}
body.home-exact-ui.home-v7-compact .bg-receipt,
body.home-v7-compact .bg-receipt{right:20px!important;top:210px!important;}
body.home-exact-ui.home-v7-compact .bg-bars.left,
body.home-v7-compact .bg-bars.left{left:58px!important;bottom:42px!important;}
body.home-exact-ui.home-v7-compact .bg-bars.right,
body.home-v7-compact .bg-bars.right{right:38px!important;bottom:42px!important;}
body.home-exact-ui.home-v7-compact .bg-arrow,
body.home-v7-compact .bg-arrow{right:72px!important;bottom:138px!important;}
body.home-exact-ui.home-v7-compact .home-hero-v7,
body.home-v7-compact .home-hero-v7{
  height:124px!important;
  min-height:124px!important;
  margin:0 0 14px!important;
  padding:0 4px!important;
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  align-items:center!important;
}
body.home-exact-ui.home-v7-compact .home-greet-left h2,
body.home-v7-compact .home-greet-left h2{font-size:24px!important;line-height:1.1!important;margin:0 0 11px!important;color:#101828!important;}
body.home-exact-ui.home-v7-compact .home-greet-left p,
body.home-v7-compact .home-greet-left p{font-size:14px!important;line-height:1.5!important;color:#344054!important;max-width:620px!important;}
body.home-exact-ui.home-v7-compact .home-action-grid,
body.home-v7-compact .home-action-grid{
  position:relative!important;
  z-index:3!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(220px,1fr))!important;
  gap:18px!important;
  margin:0!important;
  width:100%!important;
}
body.home-exact-ui.home-v7-compact .home-action-tile,
body.home-v7-compact .home-action-tile{
  height:158px!important;
  min-height:158px!important;
  border:1px solid #e3ebf5!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 10px 28px rgba(15,23,42,.045)!important;
}
body.home-exact-ui.home-v7-compact .home-workflow-row,
body.home-v7-compact .home-workflow-row{
  position:relative!important;
  z-index:3!important;
  width:max-content!important;
  max-width:calc(100% - 24px)!important;
  height:46px!important;
  margin:22px auto 0!important;
  padding:0 32px!important;
  border:1px solid #e5edf6!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 8px 22px rgba(15,23,42,.03)!important;
  font-size:14px!important;
  gap:14px!important;
  overflow:hidden!important;
}
.card,.compact-card,.table-wrap,.toolbar,.one-line-panel,.modal-card,.customer-list,.quick-tile,.advanced-tile,.notice-card,.onboarding-card{
  background:#ffffff!important;
}
@media(max-width:900px){
  body:not(.login):not(.owner-admin-body) .main,
  body.home-exact-ui .main,
  body.home-v7-compact .main,
  body.home-exact-ui.home-v7-compact .main{margin-left:0!important;width:100%!important;padding:10px!important;}
  body:not(.login):not(.owner-admin-body) .topbar,
  body.home-exact-ui .topbar,
  body.home-v7-compact .topbar,
  body.home-exact-ui.home-v7-compact .topbar{height:auto!important;min-height:54px!important;align-items:flex-start!important;overflow:visible!important;}
  body.home-exact-ui.home-v7-compact .home-white-dashboard,body.home-v7-compact .home-white-dashboard{min-height:auto!important;padding:22px 0 22px!important;overflow:hidden!important;}
  body.home-exact-ui.home-v7-compact .home-action-grid,body.home-v7-compact .home-action-grid{grid-template-columns:1fr!important;}
  body.home-exact-ui.home-v7-compact .home-workflow-row,body.home-v7-compact .home-workflow-row{width:100%!important;justify-content:flex-start!important;overflow:auto!important;padding:0 14px!important;}
}

/* v12: remove left white strip and keep shell/content aligned on desktop */
:root{
  --goalync-sidebar-w:224px;
  --goalync-page-pad-y:12px;
  --goalync-page-pad-x:12px;
  --goalync-header-h:58px;
}
@media (min-width:901px){
  body:not(.login):not(.owner-admin-body){overflow-x:hidden!important;background:#fff!important;}
  body:not(.login):not(.owner-admin-body) .layout{
    min-height:100vh!important;
    width:100vw!important;
    max-width:100vw!important;
    overflow-x:hidden!important;
    background:#fff!important;
  }
  body:not(.login):not(.owner-admin-body) .side,
  body.home-exact-ui .side,
  body.home-v7-compact .side,
  body.home-exact-ui.home-v7-compact .side{
    position:fixed!important;
    left:0!important;
    top:0!important;
    width:var(--goalync-sidebar-w)!important;
    min-width:var(--goalync-sidebar-w)!important;
    max-width:var(--goalync-sidebar-w)!important;
    height:100vh!important;
    padding:18px 12px!important;
    margin:0!important;
    border-radius:0!important;
    z-index:30!important;
  }
  body:not(.login):not(.owner-admin-body) .main,
  body.home-exact-ui .main,
  body.home-v7-compact .main,
  body.home-exact-ui.home-v7-compact .main{
    margin-left:var(--goalync-sidebar-w)!important;
    width:calc(100vw - var(--goalync-sidebar-w))!important;
    max-width:calc(100vw - var(--goalync-sidebar-w))!important;
    min-height:100vh!important;
    padding:var(--goalync-page-pad-y) var(--goalync-page-pad-x) 16px!important;
    overflow-x:hidden!important;
    background:#fff!important;
  }
  body:not(.login):not(.owner-admin-body) .topbar,
  body.home-exact-ui .topbar,
  body.home-v7-compact .topbar,
  body.home-exact-ui.home-v7-compact .topbar{
    width:100%!important;
    max-width:100%!important;
    margin:0 0 12px!important;
    flex:0 0 auto!important;
  }
  body:not(.login):not(.owner-admin-body) #page,
  body.home-exact-ui #page,
  body.home-v7-compact #page,
  body.home-exact-ui.home-v7-compact #page{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    overflow-x:hidden!important;
    background:#fff!important;
  }
  body.home-exact-ui.home-v7-compact .home-white-dashboard,
  body.home-v7-compact .home-white-dashboard{
    width:100%!important;
    max-width:100%!important;
    min-height:calc(100vh - var(--goalync-header-h) - 40px)!important;
    padding:34px 8px 42px!important;
    overflow:hidden!important;
    border-radius:0!important;
  }
  body.home-exact-ui.home-v7-compact .home-action-grid,
  body.home-v7-compact .home-action-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:16px!important;
    width:100%!important;
  }
  body.home-exact-ui.home-v7-compact .home-action-tile,
  body.home-v7-compact .home-action-tile{
    min-width:0!important;
    width:100%!important;
  }
  body.home-exact-ui.home-v7-compact .home-workflow-row,
  body.home-v7-compact .home-workflow-row{
    max-width:min(840px,calc(100% - 20px))!important;
    margin:22px auto 0!important;
  }
}

/* Terms acceptance checkbox */
.terms-check{display:flex!important;align-items:flex-start;gap:9px;margin-top:4px!important;font-size:12.5px;line-height:1.45;color:#475569;}
.terms-check input{width:16px!important;height:16px!important;margin-top:1px;accent-color:#1666d9;flex:0 0 auto;}
.terms-check a{color:#155eef;font-weight:850;text-decoration:none;}
.terms-check a:hover{text-decoration:underline;}
body.login.register-page .terms-check.full{grid-column:1/-1!important;}

/* v15: final white shell, stable header, professional terms block, broad clean pages */
:root{--goalync-sidebar-w:224px;--goalync-page-pad-y:12px;--goalync-page-pad-x:12px;--goalync-header-h:58px;--bg:#ffffff!important;}
html,body{background:#ffffff!important;}
body:not(.login):not(.owner-admin-body),body:not(.login):not(.owner-admin-body) .layout,body:not(.login):not(.owner-admin-body) .main,body:not(.login):not(.owner-admin-body) #page{background:#ffffff!important;}
body:not(.login):not(.owner-admin-body) .topbar{height:var(--goalync-header-h)!important;min-height:var(--goalync-header-h)!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;overflow:hidden!important;}
body:not(.login):not(.owner-admin-body) .page-title h1{line-height:1.1!important;margin:0!important;}
body:not(.login):not(.owner-admin-body) .side-footer a:first-child{font-weight:900!important;color:#fff!important;}
.card,.compact-card,.table-wrap,.toolbar,.one-line-panel,.modal-card,.customer-list,.quick-tile,.advanced-tile,.notice-card,.onboarding-card,.list-toolbar-card,.polished-table-wrap{background:#ffffff!important;}
.terms-check-pro{background:#f8fbff!important;border:1px solid #dbeafe!important;border-radius:14px!important;padding:10px 12px!important;margin-top:8px!important;}
.terms-check-pro span{display:block!important;}
.terms-check-pro b{display:block!important;color:#1f2937!important;font-size:12.7px!important;line-height:1.45!important;}
.terms-check-pro small{display:block!important;color:#667085!important;margin-top:4px!important;font-size:11.5px!important;line-height:1.35!important;}
body.login.register-page .terms-check-pro.full{grid-column:1/-1!important;}
.nav-loading{position:fixed;right:18px;bottom:18px;z-index:500;background:#0b1220;color:#fff;border-radius:999px;padding:10px 14px;box-shadow:0 18px 45px rgba(15,23,42,.25);font-size:12px;font-weight:850;display:none;align-items:center;gap:8px}.nav-loading.show{display:flex}.nav-loading span{width:10px;height:10px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:goalyncSpin .8s linear infinite}@keyframes goalyncSpin{to{transform:rotate(360deg)}}
@media (min-width:901px){
  body:not(.login):not(.owner-admin-body){overflow-x:hidden!important;}
  body:not(.login):not(.owner-admin-body) .side{left:0!important;top:0!important;width:var(--goalync-sidebar-w)!important;min-width:var(--goalync-sidebar-w)!important;max-width:var(--goalync-sidebar-w)!important;height:100vh!important;margin:0!important;border-radius:0!important;}
  body:not(.login):not(.owner-admin-body) .main{margin-left:var(--goalync-sidebar-w)!important;width:calc(100vw - var(--goalync-sidebar-w))!important;max-width:calc(100vw - var(--goalync-sidebar-w))!important;padding:var(--goalync-page-pad-y) var(--goalync-page-pad-x) 16px!important;overflow-x:hidden!important;}
  body:not(.login):not(.owner-admin-body) .topbar{width:100%!important;margin:0 0 12px!important;border-radius:16px!important;padding:0 16px!important;}
  body:not(.login):not(.owner-admin-body) #page{width:100%!important;max-width:100%!important;margin:0!important;overflow-x:hidden!important;}
}
body.home-exact-ui.home-v7-compact .home-white-dashboard,body.home-v7-compact .home-white-dashboard{background:#fff!important;min-height:calc(100vh - var(--goalync-header-h) - 36px)!important;padding:44px 20px 44px!important;overflow:hidden!important;}
body.home-exact-ui.home-v7-compact .home-billing-bg,body.home-v7-compact .home-billing-bg{opacity:.58!important;inset:0!important;}
body.home-exact-ui.home-v7-compact .home-hero-v7,body.home-v7-compact .home-hero-v7{height:112px!important;min-height:112px!important;margin:0 0 18px!important;}
body.home-exact-ui.home-v7-compact .home-action-grid,body.home-v7-compact .home-action-grid{gap:18px!important;}
body.home-exact-ui.home-v7-compact .home-action-tile,body.home-v7-compact .home-action-tile{height:156px!important;min-height:156px!important;background:rgba(255,255,255,.96)!important;}
body.home-exact-ui.home-v7-compact .home-workflow-row,body.home-v7-compact .home-workflow-row{margin:26px auto 0!important;}
body.home-exact-ui.home-v7-compact .bg-quote,body.home-v7-compact .bg-quote{right:28%!important;top:22px!important;}
body.home-exact-ui.home-v7-compact .bg-invoice,body.home-v7-compact .bg-invoice{right:7%!important;top:62px!important;}
body.home-exact-ui.home-v7-compact .bg-receipt,body.home-v7-compact .bg-receipt{right:18px!important;top:235px!important;}
body.home-exact-ui.home-v7-compact .bg-bars.left,body.home-v7-compact .bg-bars.left{left:86px!important;bottom:42px!important;}
body.home-exact-ui.home-v7-compact .bg-bars.right,body.home-v7-compact .bg-bars.right{right:72px!important;bottom:42px!important;}
@media(max-width:900px){body.home-exact-ui.home-v7-compact .home-white-dashboard,body.home-v7-compact .home-white-dashboard{padding:24px 0!important}.terms-check-pro{padding:9px!important}}

/* v17 item description + per-line unit refinements */
.doc-items-table .item-description{display:block;width:100%;min-height:44px!important;margin-top:7px;resize:vertical;border:1px solid #d9e4f2;border-radius:10px;padding:8px 10px;font:inherit;font-size:12.5px;line-height:1.35;background:#fbfdff;color:#334155}
.doc-items-table select.item-unit{width:100%;height:40px;border:1px solid var(--line);border-radius:10px;padding:6px 8px;background:#fff;font:inherit;font-size:12.5px;color:var(--ink)}
.item-suggestion-list button small{white-space:nowrap;color:#667085}
body.doc-page-ui .doc-editor-card .doc-items-table th:nth-child(1),body.doc-page-ui .doc-editor-card .doc-items-table td:nth-child(1){width:36px!important}
body.doc-page-ui .doc-editor-card .doc-items-table th:nth-child(2),body.doc-page-ui .doc-editor-card .doc-items-table td:nth-child(2){width:auto!important;text-align:left!important}
body.doc-page-ui .doc-editor-card .doc-items-table th:nth-child(3),body.doc-page-ui .doc-editor-card .doc-items-table td:nth-child(3){width:70px!important;text-align:center!important}
body.doc-page-ui .doc-editor-card .doc-items-table th:nth-child(4),body.doc-page-ui .doc-editor-card .doc-items-table td:nth-child(4){width:90px!important;text-align:center!important}
body.doc-page-ui .doc-editor-card .doc-items-table th:nth-child(5),body.doc-page-ui .doc-editor-card .doc-items-table td:nth-child(5){width:96px!important;text-align:center!important}
body.doc-page-ui .doc-editor-card .doc-items-table th:nth-child(6),body.doc-page-ui .doc-editor-card .doc-items-table td:nth-child(6){width:104px!important;text-align:center!important}
body.doc-page-ui .doc-editor-card .doc-items-table th:nth-child(7),body.doc-page-ui .doc-editor-card .doc-items-table td:nth-child(7){width:42px!important;text-align:center!important}
body.doc-page-ui .doc-editor-card .doc-items-table .item-qty,body.doc-page-ui .doc-editor-card .doc-items-table .item-rate,body.doc-page-ui .doc-editor-card .doc-items-table .item-amount{text-align:right!important}
body.doc-page-ui .doc-editor-card .doc-items-table textarea.item-name{min-height:48px!important;max-height:86px!important}
body.items-page-ui .saved-item-meta{display:block;color:#667085;font-size:12px;line-height:1.35;margin-top:3px;word-break:break-word}
body.items-page-ui .saved-item-unit{display:inline-flex;align-items:center;border:1px solid #dbe7f5;background:#f8fbff;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:800;color:#344054}
@media(max-width:1020px){body.doc-page-ui .doc-editor-card .doc-items-table td:nth-child(3),body.doc-page-ui .doc-editor-card .doc-items-table td:nth-child(4),body.doc-page-ui .doc-editor-card .doc-items-table td:nth-child(5),body.doc-page-ui .doc-editor-card .doc-items-table td:nth-child(6){display:inline-block!important;width:23.5%!important;margin-right:1.5%!important}body.doc-page-ui .doc-editor-card .doc-items-table td:nth-child(7){display:block!important;width:100%!important}.doc-items-table select.item-unit{height:38px}.doc-items-table .item-description{min-height:42px!important}}

/* v19: separate qty/unit/rate/amount controls safely in document item rows */
body.doc-page-ui .doc-items-wrap{
  overflow:auto!important;
}
body.doc-page-ui .doc-editor-card .doc-items-table{
  min-width:780px!important;
  border-collapse:separate!important;
  border-spacing:0 7px!important;
  table-layout:fixed!important;
}
body.doc-page-ui .doc-editor-card .doc-items-table th,
body.doc-page-ui .doc-editor-card .doc-items-table td{
  padding:7px 6px!important;
  vertical-align:top!important;
  box-sizing:border-box!important;
}
body.doc-page-ui .doc-editor-card .doc-items-table input,
body.doc-page-ui .doc-editor-card .doc-items-table select,
body.doc-page-ui .doc-editor-card .doc-items-table textarea{
  box-sizing:border-box!important;
}
body.doc-page-ui .doc-editor-card .doc-items-table .item-qty,
body.doc-page-ui .doc-editor-card .doc-items-table .item-unit,
body.doc-page-ui .doc-editor-card .doc-items-table .item-rate,
body.doc-page-ui .doc-editor-card .doc-items-table .item-amount{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:42px!important;
  border-radius:12px!important;
  background:#fff!important;
}
body.doc-page-ui .doc-editor-card .doc-items-table th:nth-child(1),
body.doc-page-ui .doc-editor-card .doc-items-table td:nth-child(1){width:40px!important;min-width:40px!important;max-width:40px!important;text-align:center!important;}
body.doc-page-ui .doc-editor-card .doc-items-table th:nth-child(2),
body.doc-page-ui .doc-editor-card .doc-items-table td:nth-child(2){width:auto!important;min-width:300px!important;text-align:left!important;}
body.doc-page-ui .doc-editor-card .doc-items-table th:nth-child(3),
body.doc-page-ui .doc-editor-card .doc-items-table td:nth-child(3){width:78px!important;min-width:78px!important;text-align:center!important;}
body.doc-page-ui .doc-editor-card .doc-items-table th:nth-child(4),
body.doc-page-ui .doc-editor-card .doc-items-table td:nth-child(4){width:108px!important;min-width:108px!important;text-align:center!important;}
body.doc-page-ui .doc-editor-card .doc-items-table th:nth-child(5),
body.doc-page-ui .doc-editor-card .doc-items-table td:nth-child(5){width:112px!important;min-width:112px!important;text-align:center!important;}
body.doc-page-ui .doc-editor-card .doc-items-table th:nth-child(6),
body.doc-page-ui .doc-editor-card .doc-items-table td:nth-child(6){width:116px!important;min-width:116px!important;text-align:center!important;}
body.doc-page-ui .doc-editor-card .doc-items-table th:nth-child(7),
body.doc-page-ui .doc-editor-card .doc-items-table td:nth-child(7){width:46px!important;min-width:46px!important;text-align:center!important;}
@media(max-width:1020px){
  body.doc-page-ui .doc-editor-card .doc-items-table td:nth-child(3),
  body.doc-page-ui .doc-editor-card .doc-items-table td:nth-child(4),
  body.doc-page-ui .doc-editor-card .doc-items-table td:nth-child(5),
  body.doc-page-ui .doc-editor-card .doc-items-table td:nth-child(6),
  body.doc-page-ui .doc-editor-card .doc-items-table td:nth-child(7){
    display:table-cell!important;
    margin-right:0!important;
  }
}


/* v26 Phase B: final UI consistency polish (web only, no business logic changes) */
:root{
  --goalync-phaseb-ink:#0f172a;
  --goalync-phaseb-muted:#64748b;
  --goalync-phaseb-line:#dbe4f0;
  --goalync-phaseb-soft:#f8fafc;
  --goalync-phaseb-blue:#155eef;
  --goalync-phaseb-green:#079455;
  --goalync-phaseb-orange:#f97316;
  --goalync-phaseb-purple:#7f56d9;
  --goalync-phaseb-red:#dc2626;
  --goalync-phaseb-shadow:0 10px 28px rgba(15,23,42,.055);
}
html,body{background:#fff!important;color:var(--goalync-phaseb-ink)!important;text-rendering:optimizeLegibility!important;}
body:not(.login):not(.owner-admin-body) .main,
body:not(.login):not(.owner-admin-body) #page{background:#fff!important;}
body:not(.login):not(.owner-admin-body) .topbar{
  border:1px solid var(--goalync-phaseb-line)!important;
  background:#fff!important;
  box-shadow:var(--goalync-phaseb-shadow)!important;
  border-radius:16px!important;
}
body:not(.login):not(.owner-admin-body) .page-title h1,
body:not(.login):not(.owner-admin-body) .app-header-title-group h1{
  color:#0f172a!important;
  font-size:22px!important;
  font-weight:950!important;
  letter-spacing:-.035em!important;
}
body:not(.login):not(.owner-admin-body) .page-title p,
body:not(.login):not(.owner-admin-body) .section-line p,
body:not(.login):not(.owner-admin-body) .section-header p{color:var(--goalync-phaseb-muted)!important;}
.card,.metric,.quick-tile,.advanced-tile,.customer-list,.table-wrap,.modal-card,.doc-tax-card,.totals-card,.owner-card,.owner-metric,.owner-topbar{
  border-color:var(--goalync-phaseb-line)!important;
  box-shadow:var(--goalync-phaseb-shadow)!important;
}
.btn,.small-action,.icon-btn,.app-logout-btn,.logout-btn{
  letter-spacing:-.01em!important;
  white-space:nowrap!important;
}
.btn:not(.primary):not(.ok):not(.danger):not(.warn){background:#fff!important;color:#0f172a!important;border:1px solid var(--goalync-phaseb-line)!important;}
.btn.primary{background:linear-gradient(135deg,#155eef,#0b5fe8)!important;color:#fff!important;}
.btn.ok{background:linear-gradient(135deg,#12b76a,#079455)!important;color:#fff!important;}
.btn.danger,.app-logout-btn,.logout-btn{background:#fff5f5!important;color:#b42318!important;border:1px solid #fecaca!important;}
.btn.warn{background:linear-gradient(135deg,#f79009,#f97316)!important;color:#fff!important;}
.toolbar,.customer-search-row,.customer-action-row{gap:9px!important;align-items:center!important;}
.toolbar input,.toolbar select,.form input,.form select,.form textarea,.customer-search-row input{
  border-color:#cfdbea!important;
  color:#111827!important;
}
.table th,.owner-table th{
  background:#f8fafc!important;
  color:#475467!important;
  font-weight:900!important;
  text-transform:none!important;
  letter-spacing:.01em!important;
}
.table td,.owner-table td{color:#1f2937!important;}
.table td:last-child,.table th:last-child{text-align:right!important;}
.table .btn,.owner-table .btn,.small-action{min-height:30px!important;padding:6px 9px!important;font-size:12px!important;border-radius:9px!important;}
.status{font-weight:900!important;border-radius:999px!important;}
.empty{background:#fff!important;border:1px dashed #cbd5e1!important;border-radius:16px!important;color:#667085!important;}
.side,.goalync-sidebar,.owner-side{background:linear-gradient(180deg,#071326 0%,#0b1220 72%,#08111f 100%)!important;}
.nav a,.goalync-sidebar-link,.owner-side nav a{border:1px solid transparent!important;}
.nav a:hover,.nav a.active,.goalync-sidebar-link:hover,.goalync-sidebar-link.active,.owner-side nav a:hover,.owner-side nav a.active{
  background:linear-gradient(135deg,rgba(21,94,239,.32),rgba(15,159,143,.14))!important;
  border-color:rgba(255,255,255,.10)!important;
}
.side-footer,.goalync-sidebar-footer{color:#cbd5e1!important;}
.side-footer a:first-child,.goalync-sidebar-footer span{color:#fff!important;font-weight:900!important;}
.company-pill,.account-pill,.app-account-card{
  border-color:var(--goalync-phaseb-line)!important;
  box-shadow:0 8px 22px rgba(15,23,42,.045)!important;
  background:#fff!important;
}
.app-account-card img,.account-logo,.app-account-avatar img{object-fit:contain!important;background:#fff!important;}

/* Form pages: cleaner alignment and compact professional rhythm */
body.form-page-ui .form,
body.users-page-ui .form,
body.items-page-ui .form,
body.payments-page-ui .form{gap:12px!important;}
body.form-page-ui .modal-card,
body.users-page-ui .modal-card,
body.items-page-ui .modal-card,
body.payments-page-ui .modal-card{max-width:760px!important;}
body.form-page-ui label,
body.users-page-ui label,
body.items-page-ui label,
body.payments-page-ui label{font-size:12px!important;font-weight:850!important;color:#344054!important;}

/* Document editor: stable columns, separated controls and predictable mobile scroll */
body.doc-page-ui .doc-editor-card .doc-items-wrap{background:#fff!important;border-color:var(--goalync-phaseb-line)!important;}
body.doc-page-ui .doc-editor-card .doc-items-table th{background:#f8fafc!important;color:#344054!important;}
body.doc-page-ui .doc-editor-card .doc-items-table textarea.item-name,
body.doc-page-ui .doc-editor-card .doc-items-table textarea.item-description,
body.doc-page-ui .doc-editor-card .doc-items-table input,
body.doc-page-ui .doc-editor-card .doc-items-table select{border-color:#cfdbea!important;background:#fff!important;}
body.doc-page-ui .doc-editor-card .doc-side-save{min-height:34px!important;font-size:12.5px!important;}
body.doc-page-ui .doc-editor-card .doc-save-note{color:#667085!important;}
.item-suggestion-list{border:1px solid #cfdbea!important;box-shadow:0 18px 48px rgba(15,23,42,.14)!important;border-radius:14px!important;overflow:hidden!important;}
.item-suggestion-list button{padding:10px 12px!important;}
.item-suggestion-list button:hover{background:#f8fbff!important;}

/* Business overview readability */
.business-pro .bo-hero,.business-pro .bo-panel,.business-pro .bo-action,.business-pro .bo-health-card{border-color:var(--goalync-phaseb-line)!important;box-shadow:var(--goalync-phaseb-shadow)!important;}
.business-pro h2{letter-spacing:-.03em!important;}

/* Login/register final text hierarchy */
.login .card,.login-card{background:#fff!important;}
.login h1,.login h2{letter-spacing:-.035em!important;color:#0f172a!important;}
.login p,.login small{color:#667085!important;}
.terms-check-pro{background:#fff!important;border-color:#dbeafe!important;}

@media(max-width:900px){
  body:not(.login):not(.owner-admin-body) .topbar{min-height:auto!important;height:auto!important;align-items:flex-start!important;}
  body:not(.login):not(.owner-admin-body) .page-title h1,
  body:not(.login):not(.owner-admin-body) .app-header-title-group h1{font-size:20px!important;}
  .table td:last-child,.table th:last-child{text-align:left!important;}
  .toolbar input,.toolbar select,.customer-search-row input{min-width:0!important;width:100%!important;}
  .toolbar .btn,.customer-action-row .btn{flex:1 1 auto!important;}
}
@media(max-width:520px){
  .btn{min-height:36px!important;padding:8px 11px!important;font-size:12.5px!important;}
  .card,.quick-tile,.advanced-tile,.modal-card{border-radius:16px!important;}
  .metric .value{font-size:22px!important;}
  body.doc-page-ui #modal.modal.open{padding:6px!important;}
  body.doc-page-ui .doc-editor-card .doc-items-table tr{background:#fff!important;}
}


/* V27 logout consistency hard-fix */
body:not(.login):not(.owner-admin-body) .topbar .logout-btn,
body:not(.login):not(.owner-admin-body) .logout-btn,
body:not(.login):not(.owner-admin-body) .sidebar-logout,
body:not(.login):not(.owner-admin-body) .app-logout-btn,
body.owner-admin-body .owner-logout,
body.owner-admin-body .btn.owner-logout,
body .btn.logout,
body .logout{
  background:#e11d2f !important;
  color:#ffffff !important;
  border:1px solid #e11d2f !important;
  box-shadow:none !important;
}
body:not(.login):not(.owner-admin-body) .topbar .logout-btn:hover,
body:not(.login):not(.owner-admin-body) .topbar .logout-btn:focus-visible,
body:not(.login):not(.owner-admin-body) .logout-btn:hover,
body:not(.login):not(.owner-admin-body) .logout-btn:focus-visible,
body:not(.login):not(.owner-admin-body) .sidebar-logout:hover,
body:not(.login):not(.owner-admin-body) .sidebar-logout:focus-visible,
body:not(.login):not(.owner-admin-body) .app-logout-btn:hover,
body:not(.login):not(.owner-admin-body) .app-logout-btn:focus-visible,
body.owner-admin-body .owner-logout:hover,
body.owner-admin-body .owner-logout:focus-visible,
body.owner-admin-body .btn.owner-logout:hover,
body.owner-admin-body .btn.owner-logout:focus-visible,
body .btn.logout:hover,
body .btn.logout:focus-visible,
body .logout:hover,
body .logout:focus-visible{
  background:#c91827 !important;
  color:#ffffff !important;
  border-color:#c91827 !important;
}


/* V28 topbar logout white style - requested final correction */
body:not(.login):not(.owner-admin-body) .topbar .logout-btn,
body:not(.login):not(.owner-admin-body) .top-actions .logout-btn{
  background:#ffffff !important;
  color:#b42318 !important;
  border:1px solid #fecaca !important;
  box-shadow:0 6px 16px rgba(15,23,42,.04) !important;
}
body:not(.login):not(.owner-admin-body) .topbar .logout-btn:hover,
body:not(.login):not(.owner-admin-body) .topbar .logout-btn:focus-visible,
body:not(.login):not(.owner-admin-body) .top-actions .logout-btn:hover,
body:not(.login):not(.owner-admin-body) .top-actions .logout-btn:focus-visible{
  background:#fff5f5 !important;
  color:#991b1b !important;
  border-color:#fca5a5 !important;
  box-shadow:0 8px 20px rgba(180,35,24,.08) !important;
}

/* Keep sidebar logout as strong red action */
body:not(.login):not(.owner-admin-body) .sidebar-logout{
  background:#e11d2f !important;
  color:#ffffff !important;
  border:1px solid #e11d2f !important;
}
body:not(.login):not(.owner-admin-body) .sidebar-logout:hover,
body:not(.login):not(.owner-admin-body) .sidebar-logout:focus-visible{
  background:#c91827 !important;
  color:#ffffff !important;
  border-color:#c91827 !important;
}

/* V29 final logout correction: make top-right logout red with white text */
body:not(.login):not(.owner-admin-body) .topbar .logout-btn,
body:not(.login):not(.owner-admin-body) .top-actions .logout-btn,
body:not(.login):not(.owner-admin-body) button.logout-btn,
body.home-exact-ui .topbar .logout-btn,
body.home-v7-compact .topbar .logout-btn{
  background:#e11d2f !important;
  color:#ffffff !important;
  border:1px solid #e11d2f !important;
  box-shadow:none !important;
}
body:not(.login):not(.owner-admin-body) .topbar .logout-btn:hover,
body:not(.login):not(.owner-admin-body) .topbar .logout-btn:focus-visible,
body:not(.login):not(.owner-admin-body) .top-actions .logout-btn:hover,
body:not(.login):not(.owner-admin-body) .top-actions .logout-btn:focus-visible,
body:not(.login):not(.owner-admin-body) button.logout-btn:hover,
body:not(.login):not(.owner-admin-body) button.logout-btn:focus-visible,
body.home-exact-ui .topbar .logout-btn:hover,
body.home-exact-ui .topbar .logout-btn:focus-visible,
body.home-v7-compact .topbar .logout-btn:hover,
body.home-v7-compact .topbar .logout-btn:focus-visible{
  background:#c91827 !important;
  color:#ffffff !important;
  border-color:#c91827 !important;
  box-shadow:none !important;
}


/* V30 FINAL top-right logout forced red before hover */
body:not(.login):not(.owner-admin-body) .topbar .top-actions .btn.logout-btn,
body:not(.login):not(.owner-admin-body) .topbar .top-actions button.btn.logout-btn,
body:not(.login):not(.owner-admin-body) .top-actions .btn.logout-btn,
body:not(.login):not(.owner-admin-body) .top-actions button.logout-btn,
body.home-exact-ui .topbar .top-actions .btn.logout-btn,
body.home-v7-compact .topbar .top-actions .btn.logout-btn{
  background:#e11d2f !important;
  color:#ffffff !important;
  border:1px solid #e11d2f !important;
  box-shadow:none !important;
}
body:not(.login):not(.owner-admin-body) .topbar .top-actions .btn.logout-btn:hover,
body:not(.login):not(.owner-admin-body) .topbar .top-actions .btn.logout-btn:focus-visible,
body:not(.login):not(.owner-admin-body) .topbar .top-actions button.btn.logout-btn:hover,
body:not(.login):not(.owner-admin-body) .topbar .top-actions button.btn.logout-btn:focus-visible,
body:not(.login):not(.owner-admin-body) .top-actions .btn.logout-btn:hover,
body:not(.login):not(.owner-admin-body) .top-actions .btn.logout-btn:focus-visible,
body:not(.login):not(.owner-admin-body) .top-actions button.logout-btn:hover,
body:not(.login):not(.owner-admin-body) .top-actions button.logout-btn:focus-visible,
body.home-exact-ui .topbar .top-actions .btn.logout-btn:hover,
body.home-exact-ui .topbar .top-actions .btn.logout-btn:focus-visible,
body.home-v7-compact .topbar .top-actions .btn.logout-btn:hover,
body.home-v7-compact .topbar .top-actions .btn.logout-btn:focus-visible{
  background:#c91827 !important;
  color:#ffffff !important;
  border-color:#c91827 !important;
}