:root{--night:#14233b;--night-2:#203756;--gold:#c9a45b;--gold-soft:#efe3c8;--paper:#f7f4ee;--ink:#1d2430;--muted:#6d7582;--line:#e6dfd2;--white:#fff;--green:#2f8f61;--red:#b3483f}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif;letter-spacing:0}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:18px;background:rgba(20,35,59,.97);color:#fff;padding:14px 28px;box-shadow:0 12px 32px rgba(20,35,59,.14)}.brand{color:#fff;text-decoration:none;font-size:21px;font-weight:900;white-space:nowrap;display:flex;align-items:center;min-height:42px}.brand img{display:block;max-width:168px;max-height:42px;object-fit:contain;background:#fff;border:1px solid rgba(255,255,255,.26);border-radius:8px;padding:6px;box-shadow:0 8px 22px rgba(0,0,0,.12)}.brand span{display:block}.topnav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.topnav a,.topnav summary{color:#ecf1f7;text-decoration:none;padding:9px 11px;border-radius:8px;font-weight:700;cursor:pointer;list-style:none}.topnav a:hover,.topnav summary:hover{background:rgba(255,255,255,.09)}.topnav details{position:relative}.topnav details>div{position:absolute;right:0;top:42px;display:grid;gap:4px;min-width:190px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:8px;box-shadow:0 18px 45px rgba(20,35,59,.18)}.topnav details>div a{color:var(--night)}.main{padding:36px;max-width:1480px;margin:0 auto}.page-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:24px}.eyebrow{color:var(--gold);font-weight:700;text-transform:uppercase;font-size:12px}h1{font-size:40px;margin:0;color:var(--night)}h2{margin:0 0 18px;color:var(--night)}h3{margin:0;color:var(--night)}p{color:var(--muted);line-height:1.55}.btn{border:1px solid var(--line);background:#fff;color:var(--night);padding:10px 14px;border-radius:8px;text-decoration:none;cursor:pointer;font-weight:700}.btn.gold{background:var(--gold);border-color:var(--gold);color:#fff}.btn.small{padding:7px 10px;font-size:13px}.icon-btn{border:0;background:var(--night);color:#fff;border-radius:7px;width:34px;height:34px}.flash{background:var(--gold-soft);border:1px solid var(--gold);padding:14px 16px;border-radius:8px;margin-bottom:18px}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px}.metrics div,.panel{background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px;box-shadow:0 12px 32px rgba(20,35,59,.06)}.metrics span{color:var(--muted)}.metrics strong{display:block;font-size:28px;color:var(--night);margin:8px 0}.metrics small,td small{display:block;color:var(--muted);margin-top:4px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.tabs a{padding:9px 12px;border-radius:999px;text-decoration:none;color:var(--night);border:1px solid var(--line)}.tabs a.active{background:var(--night);color:#fff}.filters{display:flex;gap:10px;margin-bottom:16px}.filters input{min-width:280px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px;background:#fff;color:var(--ink)}label{display:grid;gap:7px;color:var(--night);font-weight:700}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.wide{grid-column:1/-1}.check{display:flex;align-items:center;gap:10px}.check input{width:auto}table{width:100%;border-collapse:collapse}th,td{padding:14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{color:var(--muted);font-size:13px}.chip{display:inline-flex;padding:6px 10px;border-radius:999px;background:#edf1f7;color:var(--night);font-weight:700}.chip.paid{background:#e7f6ed;color:#17633a}.chip.cancelled{background:#eee;color:#666}.chip.danger{background:#ffe8e7;color:#9e2d23}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.actions form{display:flex;gap:6px}.line-editor{display:grid;gap:10px}.line-row{display:grid;grid-template-columns:1.25fr .8fr 1.7fr .75fr .6fr .75fr .65fr;gap:8px}.settings-stack{display:grid;gap:18px}.qr-preview{display:grid;grid-template-columns:220px 1fr;gap:18px;align-items:start}.qr-preview h2{grid-column:1/-1}.qr-preview img,.qr-box img{width:190px}.qr-placeholder{width:190px;min-height:190px;border:2px dashed var(--line);display:grid;place-items:center;text-align:center;color:var(--muted);padding:16px}.email-editor{display:grid;gap:14px;margin-bottom:16px}.email-head{display:flex;justify-content:space-between;align-items:center}.email-head span{display:block;color:var(--gold);font-size:12px;text-transform:uppercase}.print-body{background:#eef1f5}.invoice-sheet{max-width:980px;margin:28px auto;background:#fff;padding:46px;border-radius:8px;box-shadow:0 20px 60px rgba(20,35,59,.12)}.invoice-actions{display:flex;gap:10px;justify-content:flex-end;margin-bottom:22px}.invoice-header{display:flex;justify-content:space-between;gap:20px;border-bottom:2px solid var(--night);padding-bottom:24px}.invoice-header h1{font-size:52px}.invoice-logo{max-width:180px;max-height:80px;object-fit:contain;margin-bottom:18px}.invoice-status{align-self:start;padding:10px 14px;border-radius:999px;background:var(--gold-soft);color:var(--night);font-weight:800}.invoice-status.paid{background:#e7f6ed;color:#17633a}.invoice-parties{display:grid;grid-template-columns:1.2fr 1.2fr .8fr;gap:18px;margin:28px 0}.invoice-parties div{border:1px solid var(--line);border-radius:8px;padding:18px}.invoice-parties span{color:var(--gold);font-weight:800;font-size:12px;text-transform:uppercase}.invoice-lines .grand-total th{font-size:20px;color:var(--night)}.payment-block{display:grid;grid-template-columns:1fr 220px;gap:24px;background:#f9f6ef;border:1px solid var(--line);border-radius:8px;padding:22px;margin-top:24px}.qr-tech pre,.qr-preview pre{white-space:pre-wrap;background:#14233b;color:#fff;border-radius:8px;padding:14px;overflow:auto}.muted{color:var(--muted)}
@media (max-width:900px){.topbar{position:static;display:block}.topnav{margin-top:14px}.topnav details>div{position:static;margin-top:4px}.main{padding:20px}.metrics,.form-grid,.invoice-parties,.payment-block,.qr-preview{grid-template-columns:1fr}.line-row{grid-template-columns:1fr}.page-head{display:block}.invoice-sheet{margin:0;border-radius:0;padding:24px}.invoice-header{display:block}}
@media print{.no-print,.invoice-actions{display:none!important}.print-body{background:#fff}.invoice-sheet{box-shadow:none;margin:0;max-width:none;border-radius:0}.btn{display:none}}
.stats-hero{align-items:center}.stats-kpi-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:16px;margin-bottom:18px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px;box-shadow:0 12px 32px rgba(20,35,59,.06);min-height:150px}.stat-card span{display:block;color:var(--muted);font-weight:700}.stat-card strong{display:block;color:var(--night);font-size:30px;margin:14px 0 8px}.stat-card small{color:var(--muted)}.stat-card.hero{background:linear-gradient(135deg,var(--night),var(--night-2));border-color:var(--night);color:#fff}.stat-card.hero strong,.stat-card.hero span,.stat-card.hero small{color:#fff}.stat-card.success{border-top:4px solid var(--green)}.stat-card.warning{border-top:4px solid var(--gold)}.stats-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.wide-panel{grid-column:1/-1}.stats-panel{overflow:hidden}.section-title{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.section-title h2{margin:0}.section-title span{color:var(--muted);font-weight:700}.monthly-chart{display:grid;grid-template-columns:repeat(12,minmax(44px,1fr));gap:14px;align-items:end;min-height:280px}.bar-column{display:grid;grid-template-rows:1fr auto auto;gap:8px;min-width:0}.bar-track{position:relative;height:190px;background:#f3efe7;border:1px solid var(--line);border-radius:8px;overflow:hidden}.bar{position:absolute;left:0;right:0;bottom:0;border-radius:8px 8px 0 0}.bar.invoiced{background:linear-gradient(180deg,var(--gold),#a97f34);opacity:.92}.bar.paid{background:linear-gradient(180deg,var(--green),#1f6a46);width:42%;left:auto;right:8px;z-index:2}.bar-column small{color:var(--muted);text-align:center}.bar-column strong{font-size:12px;color:var(--night);text-align:center;white-space:nowrap}.chart-legend{display:flex;gap:16px;align-items:center;color:var(--muted);font-weight:700;margin-top:14px}.dot{width:11px;height:11px;border-radius:50%;display:inline-block}.dot.invoiced{background:var(--gold)}.dot.paid{background:var(--green)}.donut-list,.rank-list,.aging-stack{display:grid;gap:14px}.donut-row,.rank-row,.aging-stack>div{display:grid;grid-template-columns:1fr auto;gap:8px 14px;align-items:center}.donut-row strong,.rank-row strong,.aging-stack strong{color:var(--night)}.donut-row small,.rank-row small,.aging-stack span{display:block;color:var(--muted);margin-top:3px}.progress{grid-column:1/-1;height:9px;background:#f1ece3;border-radius:999px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--night-2));border-radius:999px}.aging-stack .progress i{background:linear-gradient(90deg,var(--gold),var(--red))}.empty-state{grid-column:1/-1;text-align:center;padding:80px 20px;background:#faf8f3;border:1px dashed var(--line);border-radius:8px}
@media (max-width:1100px){.stats-kpi-grid,.stats-layout{grid-template-columns:1fr 1fr}.stats-kpi-grid .hero,.wide-panel{grid-column:1/-1}.monthly-chart{grid-template-columns:repeat(6,minmax(44px,1fr))}}
@media (max-width:700px){.stats-kpi-grid,.stats-layout,.monthly-chart{grid-template-columns:1fr}.bar-track{height:120px}.donut-row,.rank-row,.aging-stack>div{grid-template-columns:1fr}}
.detailed-filters{display:grid;grid-template-columns:1.4fr repeat(6,minmax(120px,1fr)) auto auto;align-items:end}.detailed-filters input,.detailed-filters select{min-width:0}.invoice-detail-head{align-items:center}.detail-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.detail-grid{display:grid;grid-template-columns:.9fr 1fr 1fr 1.2fr;gap:18px;margin-bottom:18px}.detail-grid.lower{grid-template-columns:320px 1fr}.detail-summary{display:grid;gap:12px;align-content:start}.detail-summary>strong{font-size:34px;color:var(--night)}.detail-summary>small{color:var(--muted)}.status-form{display:grid;gap:10px;margin-top:12px}.detail-card h2{margin-bottom:14px}.detail-card dl{display:grid;grid-template-columns:120px 1fr;gap:10px;margin:0}.detail-card dt{color:var(--muted);font-weight:700}.detail-card dd{margin:0;color:var(--night);min-width:0;word-break:break-word}.wide-card{min-width:0}.qr-inline img{width:220px;max-width:100%}.payload-box{white-space:pre-wrap;background:var(--night);color:#fff;border-radius:8px;padding:14px;overflow:auto;max-height:360px}
@media (max-width:1100px){.detail-grid,.detail-grid.lower{grid-template-columns:1fr 1fr}.detailed-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){.detail-grid,.detail-grid.lower,.detailed-filters{grid-template-columns:1fr}.detail-card dl{grid-template-columns:1fr}}
.settings-split{display:grid;grid-template-columns:1.35fr .65fr;gap:18px;align-items:start}.smtp-health,.otp-card{display:grid;gap:16px}.health-row{border:1px solid var(--line);border-radius:8px;padding:14px;background:#faf8f3}.health-row strong{display:block;color:var(--night)}.health-row span{color:var(--muted)}.health-row.ok{border-left:4px solid var(--green)}.health-row.warn{border-left:4px solid var(--gold)}.smtp-test{display:grid;gap:12px}.otp-qr img{width:220px;max-width:100%}.otp-test-panel{display:flex;justify-content:space-between;gap:18px;align-items:center}.otp-test-form{display:flex;gap:10px;align-items:center}.otp-test-form input{width:140px;text-align:center;font-size:24px;font-weight:800;letter-spacing:4px}
@media (max-width:900px){.settings-split{grid-template-columns:1fr}.otp-test-panel,.otp-test-form{display:grid;width:100%}.otp-test-form input{width:100%}}
.stripe-link-form{display:grid;gap:8px;margin-top:16px}.stripe-link-form small{color:var(--muted)}.stripe-public-box{border:1px solid var(--gold);background:var(--gold-soft);border-radius:8px;padding:16px;margin:16px 0}.stripe-public-box strong{color:var(--night)}.timeline{display:grid;gap:12px}.timeline-row{display:grid;grid-template-columns:150px 1fr;gap:16px;border-bottom:1px solid var(--line);padding-bottom:12px}.timeline-row time{color:var(--muted);font-weight:700}.timeline-row strong{color:var(--night)}.timeline-row small{display:block;color:var(--muted);margin-top:4px}.timeline-row pre{white-space:pre-wrap;background:#f7f4ee;border:1px solid var(--line);border-radius:8px;padding:10px;overflow:auto}
@media (max-width:700px){.timeline-row{grid-template-columns:1fr}}
.secure-doc-form input[type=file]{padding:9px}.secure-code-flash strong{font-size:22px;color:var(--night);letter-spacing:2px}.secure-document-sheet .panel{box-shadow:none}.public-code-panel{margin-top:28px}.secure-secret-view{border:1px solid var(--line);border-radius:8px;padding:22px;margin:24px 0;background:#faf8f3}.secure-secret-view dl{display:grid;grid-template-columns:150px 1fr;gap:12px;margin:0}.secure-secret-view dt{color:var(--muted);font-weight:800}.secure-secret-view dd{margin:0;word-break:break-word}.secure-secret-view code{display:inline-block;background:#fff;border:1px solid var(--line);border-radius:8px;padding:8px 10px;color:var(--night);font-weight:800}
@media (max-width:700px){.secure-secret-view dl{grid-template-columns:1fr}}
.dashboard-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;background:linear-gradient(135deg,var(--night),var(--night-2));border-radius:8px;padding:30px;margin-bottom:18px;color:#fff;box-shadow:0 20px 45px rgba(20,35,59,.14)}.dashboard-hero h1{color:#fff}.dashboard-hero p{color:#dce5f2}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.dashboard-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.dash-kpi{background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px;box-shadow:0 12px 32px rgba(20,35,59,.06);border-top:4px solid var(--line)}.dash-kpi.primary{border-top-color:var(--night)}.dash-kpi.danger{border-top-color:var(--red)}.dash-kpi.success{border-top-color:var(--green)}.dash-kpi span{display:block;color:var(--muted);font-weight:800}.dash-kpi strong{display:block;color:var(--night);font-size:28px;margin:10px 0 6px}.dash-kpi small{color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.dash-panel{min-width:0}.compact-list{display:grid;gap:10px}.compact-row{display:flex;justify-content:space-between;gap:16px;align-items:center;text-decoration:none;color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:12px;background:#faf8f3}.compact-row:hover{border-color:var(--gold)}.compact-row strong{color:var(--night)}.compact-row span{font-weight:800;color:var(--night);white-space:nowrap}.compact-row span.is-danger{color:var(--red)}.health-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.health-tile{display:grid;gap:4px;text-decoration:none;border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:8px;padding:13px;background:#faf8f3}.health-tile.ok{border-left-color:var(--green)}.health-tile strong{color:var(--night)}.health-tile span{color:var(--muted);font-weight:700}
@media (max-width:1000px){.dashboard-hero{display:block}.hero-actions{justify-content:flex-start;margin-top:18px}.dashboard-kpis,.dashboard-grid{grid-template-columns:1fr 1fr}}
@media (max-width:700px){.dashboard-kpis,.dashboard-grid,.health-grid{grid-template-columns:1fr}.compact-row{display:grid}}
.catalog-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0 0 24px}.catalog-kpis article{background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px;box-shadow:0 12px 32px rgba(20,35,59,.06)}.catalog-kpis span{display:block;color:var(--muted);font-weight:800}.catalog-kpis strong{display:block;color:var(--night);font-size:28px;margin:10px 0 6px}.catalog-kpis small{color:var(--muted)}.catalog-filter-panel,.catalog-create-panel,.catalog-table-panel{margin-top:22px}.catalog-filter-panel{margin-top:0}.catalog-create-panel[hidden]{display:none!important}.catalog-filters{display:grid;grid-template-columns:1.4fr repeat(4,minmax(120px,1fr)) auto;gap:14px;align-items:end}.unit-pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#f4efe5;color:var(--night);font-weight:800;font-size:13px}.catalog-create-panel .form-grid{margin-top:6px}.catalog-table-panel table{margin-top:4px}
.client-create-panel{margin-top:22px}.client-create-panel[hidden]{display:none!important}.client-filters{grid-template-columns:1.4fr 220px auto}
.client-premium-form{display:grid;gap:18px}.client-form-block{border:1px solid var(--line);border-radius:8px;background:#faf8f3;padding:18px;display:grid;gap:14px}.client-form-block h3{margin-top:2px}.client-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.client-form-grid .wide{grid-column:1/-1}.client-premium-form>.btn{justify-self:stretch}
@media (max-width:700px){.client-form-grid{grid-template-columns:1fr}}
@media (max-width:1100px){.catalog-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){.catalog-kpis,.catalog-filters{grid-template-columns:1fr}}
.users-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;align-items:start}.users-filter-panel{margin-bottom:22px}.user-filters{grid-template-columns:1fr 220px auto auto}.user-form{gap:18px}.permissions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;background:#faf8f3;border:1px solid var(--line);border-radius:8px;padding:16px}.permissions-grid h3,.permissions-grid small{grid-column:1/-1}.permissions-grid .check{align-items:flex-start;font-weight:700;color:var(--night)}
@media (max-width:1100px){.users-layout{grid-template-columns:1fr}.user-filters{grid-template-columns:1fr 1fr}}
@media (max-width:700px){.user-filters,.permissions-grid{grid-template-columns:1fr}}
.subscription-create-panel{margin-top:22px}.subscription-create-panel[hidden]{display:none!important}.subscription-form{gap:18px}.dashboard-kpis{grid-template-columns:repeat(6,minmax(0,1fr))}.dash-kpi.warning{border-top-color:var(--gold)}.is-danger{color:var(--red);font-weight:800}
@media (max-width:1150px){.dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.dashboard-kpis{grid-template-columns:1fr}}
.topbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center}.logout-form{margin:0;justify-self:end}.logout-icon{width:42px;height:42px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.08);color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}.logout-icon:hover{background:var(--gold);border-color:var(--gold);transform:translateY(-1px)}.logout-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:900px){.topbar{grid-template-columns:1fr auto}.topnav{grid-column:1/-1}.logout-form{grid-column:2;grid-row:1}}
.resend-code-form{margin-top:14px}.public-code-panel strong{color:var(--night)}
.auth-body{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,var(--night),#263d5e)}
.auth-shell{width:min(460px,calc(100vw - 32px));padding:24px}.auth-panel{background:#fff;border:1px solid rgba(201,164,91,.35);border-radius:8px;padding:34px;box-shadow:0 26px 70px rgba(0,0,0,.22)}.auth-panel h1{font-size:34px;margin-bottom:22px}.auth-form{display:grid;gap:16px}.auth-form .btn{width:100%;justify-content:center}
.danger-btn{color:var(--red);border-color:#f0c9c6}.danger-btn:hover{background:#fff0ef}
.invoice-create-panel{margin-top:22px;border-color:rgba(201,164,91,.55);box-shadow:0 18px 45px rgba(20,35,59,.08)}
.invoice-create-panel[hidden],.secure-doc-create-panel[hidden]{display:none!important}
.secure-doc-create-panel{margin-top:22px;border-color:rgba(201,164,91,.55);box-shadow:0 18px 45px rgba(20,35,59,.08)}
.invoice-client-card{border:1px solid var(--line);border-radius:8px;background:#faf8f3;padding:18px;display:grid;gap:16px}.invoice-client-card .section-title{margin-bottom:0}.client-picker-row{border-bottom:1px solid var(--line);padding-bottom:16px}.client-create-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.client-create-grid .wide{grid-column:1/-1}
@media (max-width:700px){.client-create-grid{grid-template-columns:1fr}}
.logo-admin-preview{border:1px solid var(--line);border-radius:8px;background:#faf8f3;padding:12px;display:grid;gap:8px;align-content:start}.logo-admin-preview span{font-weight:800;color:var(--night)}.logo-admin-preview img{max-width:180px;max-height:74px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:8px;padding:8px}.admin-invoice-preview{margin-top:18px;overflow:hidden}.admin-invoice-preview .invoice-sheet{margin:0;max-width:none;box-shadow:none;border:1px solid var(--line)}.admin-invoice-preview .invoice-actions{display:none}
.notification-compose-panel{margin-bottom:18px;border-color:rgba(201,164,91,.55);box-shadow:0 18px 45px rgba(20,35,59,.08)}.notification-compose-form{display:grid;gap:16px}.notification-send-grid{display:grid;grid-template-columns:1.4fr .7fr .9fr;gap:14px}.notification-body-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.notification-compose-footer{display:flex;justify-content:space-between;gap:18px;align-items:center;border-top:1px solid var(--line);padding-top:16px}.notification-compose-footer p{margin:0;max-width:760px}.notification-filters{display:grid;grid-template-columns:1.4fr 220px 220px auto auto;align-items:end}.notification-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}.chip.scheduled{background:var(--gold-soft);color:var(--night)}.chip.sent{background:#e7f6ed;color:#17633a}.chip.failed{background:#ffe8e7;color:#9e2d23}.chip.cancelled{background:#eee;color:#666}
@media (max-width:1100px){.notification-send-grid,.notification-body-grid,.notification-filters{grid-template-columns:1fr 1fr}.notification-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.notification-compose-footer{display:grid}}
@media (max-width:700px){.notification-send-grid,.notification-body-grid,.notification-filters,.notification-kpis{grid-template-columns:1fr}}
.invoice-logo{max-width:260px;max-height:120px}
.invoice-payment-next-page{margin:22px 0 0;padding:14px 16px;border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:8px;background:#faf8f3;color:var(--night);font-weight:800}.invoice-payment-page{break-before:page;page-break-before:always}.invoice-payment-page h2{margin-bottom:14px}
@media print{.invoice-payment-next-page{break-inside:avoid;page-break-inside:avoid}.invoice-payment-page{break-before:page;page-break-before:always;margin-top:0;min-height:calc(100vh - 92px);align-content:start}.invoice-payment-page .qr-box img{width:240px}.qr-tech{display:none}}
.invoice-sheet{padding:54px}.invoice-hero{display:grid;grid-template-columns:1fr auto;gap:34px;align-items:start;border-bottom:2px solid var(--night);padding-bottom:30px}.invoice-brand-block{max-width:430px}.invoice-brand-block p{margin:10px 0 0;color:var(--muted);font-size:14px;line-height:1.45}.invoice-company-name{display:block;color:var(--night);font-size:28px;margin-bottom:10px}.invoice-title-block{text-align:right;min-width:280px}.invoice-document-label{display:block;color:var(--gold);font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:0;margin-bottom:8px}.invoice-title-block h1{font-size:34px;line-height:1.05;margin-bottom:14px}.invoice-title-block .invoice-status{display:inline-flex}.invoice-meta-grid{display:grid;grid-template-columns:1.35fr .75fr .9fr;gap:16px;margin:30px 0}.invoice-address-card,.invoice-info-card{border:1px solid var(--line);border-radius:8px;padding:18px;background:#fff}.invoice-address-card span,.invoice-info-card span,.invoice-note-box span,.payment-qr-card span{display:block;color:var(--gold);font-weight:900;font-size:12px;text-transform:uppercase;margin-bottom:8px}.invoice-address-card strong,.invoice-info-card strong{display:block;color:var(--night);font-size:17px;margin-bottom:12px}.invoice-info-card{display:grid;gap:8px;align-content:start}.invoice-info-card strong{font-size:16px;margin:0 0 8px}.invoice-lines{margin-top:4px;font-size:14px}.invoice-lines th{background:#f7f4ee;color:var(--night);font-size:12px;text-transform:uppercase;letter-spacing:0;border-bottom:1px solid var(--line)}.invoice-lines td{padding:13px 14px}.invoice-lines .num{text-align:right;white-space:nowrap}.invoice-closing-grid{display:grid;grid-template-columns:1fr 340px;gap:22px;align-items:start;margin-top:26px}.invoice-note-box{border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:8px;background:#faf8f3;padding:18px}.invoice-note-box p{margin:8px 0 0}.invoice-total-card{border:1px solid var(--night);border-radius:8px;overflow:hidden;background:#fff}.invoice-total-card dl{margin:0}.invoice-total-card div{display:grid;grid-template-columns:1fr auto;gap:16px;padding:13px 16px;border-bottom:1px solid var(--line)}.invoice-total-card div:last-child{border-bottom:0}.invoice-total-card dt{color:var(--muted);font-weight:800}.invoice-total-card dd{margin:0;color:var(--night);font-weight:900;text-align:right}.invoice-total-card .invoice-grand-total{background:var(--night);color:#fff;padding:17px 16px}.invoice-total-card .invoice-grand-total dt,.invoice-total-card .invoice-grand-total dd{color:#fff;font-size:18px}.invoice-payment-next-page{display:none}.invoice-payment-page{grid-template-columns:1fr 300px;padding:34px;gap:34px;background:#fff;border-color:var(--line)}.payment-main h2{font-size:30px;margin-bottom:8px}.payment-lead{font-size:15px;margin-top:0}.payment-data{display:grid;gap:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;margin:20px 0}.payment-data div{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:13px 15px;border-bottom:1px solid var(--line)}.payment-data div:last-child{border-bottom:0}.payment-data dt{color:var(--muted);font-weight:800}.payment-data dd{margin:0;color:var(--night);font-weight:800;word-break:break-word}.payment-qr-card{border:1px solid var(--line);border-radius:8px;background:#faf8f3;padding:22px;display:grid;place-items:center;text-align:center;align-content:center}.payment-qr-card img{width:250px;max-width:100%}.payment-qr-card span{justify-self:start;margin-bottom:18px}
@media print{.invoice-sheet{padding:18mm}.invoice-hero{padding-bottom:12mm}.invoice-logo{max-width:74mm;max-height:30mm}.invoice-title-block h1{font-size:25pt}.invoice-meta-grid{margin:12mm 0;gap:5mm}.invoice-lines{font-size:9.5pt}.invoice-lines th,.invoice-lines td{padding:7px 8px}.invoice-closing-grid{break-inside:avoid;page-break-inside:avoid;grid-template-columns:1fr 78mm;gap:8mm;margin-top:10mm}.invoice-note-box p:last-child{display:block}.invoice-payment-next-page{display:block;margin:8mm 0 0;padding:4mm 5mm}.invoice-payment-page{grid-template-columns:1fr 74mm;padding:14mm;gap:12mm;min-height:240mm}.payment-main h2{font-size:22pt}.payment-data div{grid-template-columns:34mm 1fr;padding:4mm}.payment-qr-card img{width:58mm}.stripe-public-box{break-inside:avoid;page-break-inside:avoid}}
@media (max-width:800px){.invoice-sheet{padding:28px}.invoice-hero,.invoice-meta-grid,.invoice-closing-grid,.invoice-payment-page{grid-template-columns:1fr}.invoice-title-block{text-align:left;min-width:0}.payment-data div{grid-template-columns:1fr}.payment-qr-card span{justify-self:center}}
@page{size:A4;margin:12mm}
@media print{html,body{width:210mm;background:#fff}.print-body{background:#fff}.invoice-sheet{padding:0!important;margin:0!important;max-width:none!important;box-shadow:none!important;border-radius:0!important;font-size:9.4pt}.invoice-hero{grid-template-columns:1fr 62mm;gap:8mm;padding-bottom:7mm;border-bottom:1.5px solid var(--night)}.invoice-logo{max-width:56mm!important;max-height:22mm!important;margin-bottom:4mm}.invoice-brand-block p{font-size:8.8pt;line-height:1.32;margin:2.5mm 0 0}.invoice-title-block{min-width:0}.invoice-document-label{font-size:8pt;margin-bottom:2mm}.invoice-title-block h1{font-size:18pt!important;margin-bottom:3mm}.invoice-status{padding:2mm 3mm;font-size:8.5pt}.invoice-meta-grid{grid-template-columns:1.25fr .72fr .9fr;margin:7mm 0!important;gap:4mm}.invoice-address-card,.invoice-info-card{padding:4mm;border-radius:2mm}.invoice-address-card span,.invoice-info-card span,.invoice-note-box span,.payment-qr-card span{font-size:7.5pt;margin-bottom:2mm}.invoice-address-card strong,.invoice-info-card strong{font-size:9.5pt;margin-bottom:2.5mm}.invoice-address-card p{font-size:8.7pt;line-height:1.34;margin:0}.invoice-info-card{gap:1.5mm}.invoice-info-card strong{font-size:9pt;margin:0 0 2mm}.invoice-lines{font-size:8.6pt;margin-top:0}.invoice-lines th{font-size:7.4pt;padding:2.4mm 2mm}.invoice-lines td{padding:2.6mm 2mm}.invoice-closing-grid{grid-template-columns:1fr 64mm!important;gap:5mm!important;margin-top:6mm!important;break-inside:avoid;page-break-inside:avoid}.invoice-note-box{padding:4mm;border-radius:2mm}.invoice-note-box p{font-size:8.7pt;line-height:1.38;margin:2mm 0 0}.invoice-total-card{border-radius:2mm}.invoice-total-card div{padding:2.8mm 3.2mm}.invoice-total-card dt,.invoice-total-card dd{font-size:8.8pt}.invoice-total-card .invoice-grand-total{padding:3.5mm 3.2mm}.invoice-total-card .invoice-grand-total dt,.invoice-total-card .invoice-grand-total dd{font-size:10pt}.invoice-payment-page{break-before:page!important;page-break-before:always!important;display:grid!important;grid-template-columns:1fr 62mm!important;gap:8mm!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;background:#fff!important;align-content:start!important}.payment-main h2{font-size:18pt!important;margin:0 0 2mm}.payment-lead{font-size:9pt;line-height:1.38;margin:0 0 4mm}.payment-data{margin:5mm 0;border-radius:2mm}.payment-data div{grid-template-columns:29mm 1fr!important;gap:3mm;padding:3mm!important}.payment-data dt,.payment-data dd{font-size:8.8pt}.payment-qr-card{padding:5mm;border-radius:2mm;align-content:start}.payment-qr-card img{width:50mm!important}.payment-qr-card span{font-size:7.5pt;margin-bottom:4mm}.stripe-public-box{padding:4mm;margin:4mm 0}.stripe-public-box p,.muted{font-size:8.3pt;line-height:1.35}.qr-tech{display:none!important}}
.invoice-logo{max-width:330px;max-height:150px}
@media print{.invoice-logo{max-width:66mm!important;max-height:26mm!important}.invoice-hero{grid-template-columns:1fr 58mm}}
.invoice-total-card .invoice-vat-note{font-size:12px;color:var(--muted);font-weight:800}
@media print{.invoice-total-card .invoice-vat-note{font-size:7.5pt}}
.invoice-company-details{margin-top:12px;margin-left:34px}.invoice-company-details p{margin:6px 0 0!important}
@media print{.invoice-company-details{margin-top:3mm;margin-left:9mm}.invoice-company-details p{margin:1.5mm 0 0!important}}
.invoice-payment-delay{display:inline-flex;width:max-content;margin:-2px 0 8px;padding:5px 9px;border-radius:999px;background:var(--gold-soft);color:var(--night);font-style:normal;font-size:12px;font-weight:900}
@media print{.invoice-payment-delay{margin:-1mm 0 2mm;padding:1.3mm 2.4mm;font-size:7.5pt}}
.invoice-main-page{display:block}
@media print{.invoice-main-page{min-height:273mm;display:flex;flex-direction:column}.invoice-main-page .invoice-closing-grid{margin-top:auto!important}.invoice-payment-page{break-before:page!important;page-break-before:always!important}}
:root{--night:#061136;--night-2:#0a2d63;--gold:#0b74e8;--gold-soft:#e9f9ff;--paper:#f5f9fc;--ink:#071332;--muted:#5b687a;--line:#d7e7f1;--white:#fff;--green:#2f8f61;--red:#b3483f;--brand-cyan:#28c8c7;--brand-blue:#0b74e8}
.topbar{background:linear-gradient(135deg,#061136 0%,#0a2d63 66%,#0b74e8 100%);box-shadow:0 14px 34px rgba(6,17,54,.18)}.btn.gold{background:linear-gradient(135deg,var(--brand-blue),var(--brand-cyan));border-color:var(--brand-blue);color:#fff}.btn.gold:hover{filter:saturate(1.08) brightness(1.02)}.flash{background:var(--gold-soft);border-color:#8adfec}.dashboard-hero,.stat-card.hero{background:linear-gradient(135deg,#061136 0%,#0a2d63 70%,#0b74e8 100%)}.auth-body{background:linear-gradient(135deg,#061136 0%,#0a2d63 72%,#28c8c7 130%)}.auth-panel{border-color:#cbeef6}.bar-track,.progress{background:#edf6fb}.bar.invoiced{background:linear-gradient(180deg,var(--brand-cyan),var(--brand-blue));opacity:.95}.progress i{background:linear-gradient(90deg,var(--brand-blue),var(--brand-cyan))}.aging-stack .progress i{background:linear-gradient(90deg,var(--brand-blue),var(--red))}.payment-block,.invoice-note-box,.payment-qr-card,.compact-row,.health-tile,.client-form-block,.invoice-client-card{background:#f8fcff}.invoice-total-card{border-color:var(--night)}.invoice-total-card .invoice-grand-total{background:linear-gradient(135deg,var(--night),var(--night-2))}.invoice-lines th{background:#eef7fc}.invoice-status,.invoice-payment-delay,.chip.scheduled{background:var(--gold-soft);color:var(--night)}.tabs a.active{background:linear-gradient(135deg,var(--night),var(--night-2));color:#fff}.qr-tech pre,.qr-preview pre,.payload-box{background:var(--night)}
@media print{.invoice-main-page{min-height:0!important;display:block!important}.invoice-main-page .invoice-closing-grid{margin-top:6mm!important}.invoice-payment-page{break-before:auto!important;page-break-before:auto!important;break-inside:avoid!important;page-break-inside:avoid!important;margin-top:8mm!important;padding:0!important;min-height:0!important}.payment-block{break-inside:avoid!important;page-break-inside:avoid!important}.payment-qr-card,.payment-data,.stripe-public-box{break-inside:avoid!important;page-break-inside:avoid!important}}
.invoice-meta-grid{grid-template-columns:1fr 300px}.invoice-date-card{background:linear-gradient(180deg,#f8fcff,#eef7fc);border-color:#cfe7f3;box-shadow:inset 4px 0 0 var(--brand-cyan)}.invoice-date-card strong{font-size:18px}.invoice-date-card .invoice-payment-delay{margin:0 0 12px}
@media print{.invoice-meta-grid{grid-template-columns:1fr 58mm!important}.invoice-date-card{box-shadow:inset 1.4mm 0 0 var(--brand-cyan)}.invoice-date-card strong{font-size:9.5pt!important}.invoice-date-card .invoice-payment-delay{margin:0 0 2.2mm}}
.invoice-date-inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.invoice-date-inline strong{margin:0!important}.invoice-date-inline .invoice-payment-delay{margin:0!important}
@media print{.invoice-date-inline{gap:2mm;margin-bottom:2.2mm}.invoice-date-inline .invoice-payment-delay{white-space:nowrap}}
.invoice-lines{table-layout:fixed}.invoice-col-code{width:70px}.invoice-col-label{width:auto}.invoice-col-unit{width:86px}.invoice-col-qty{width:74px}.invoice-col-price{width:150px}.invoice-col-total{width:132px}.invoice-lines th:nth-child(3),.invoice-lines td:nth-child(3){text-align:left}.invoice-lines th:nth-child(4),.invoice-lines td:nth-child(4),.invoice-lines th:nth-child(5),.invoice-lines td:nth-child(5),.invoice-lines th:nth-child(6),.invoice-lines td:nth-child(6){text-align:right}.invoice-lines th,.invoice-lines td{padding-left:10px;padding-right:10px}.invoice-lines th:nth-child(2),.invoice-lines td:nth-child(2){padding-left:14px;padding-right:18px}
@media print{.invoice-col-code{width:15mm}.invoice-col-unit{width:18mm}.invoice-col-qty{width:15mm}.invoice-col-price{width:29mm}.invoice-col-total{width:27mm}.invoice-lines th,.invoice-lines td{padding-left:1.8mm!important;padding-right:1.8mm!important}.invoice-lines th:nth-child(2),.invoice-lines td:nth-child(2){padding-left:2.5mm!important;padding-right:3.5mm!important}}
@media print{html,body{width:auto!important;min-width:0!important;max-width:none!important;overflow:visible!important;background:#fff}.print-body{width:auto!important;overflow:visible!important}.invoice-sheet{width:100%!important;max-width:100%!important;overflow:visible!important}.invoice-main-page,.invoice-hero,.invoice-meta-grid,.invoice-lines,.invoice-closing-grid,.invoice-payment-page{max-width:100%!important}.invoice-hero,.invoice-meta-grid,.invoice-closing-grid,.invoice-payment-page{box-sizing:border-box}.invoice-meta-grid{grid-template-columns:minmax(0,1fr) 52mm!important;gap:5mm!important}.invoice-address-card,.invoice-info-card,.invoice-note-box,.invoice-total-card,.payment-main,.payment-qr-card{min-width:0!important;max-width:100%!important;overflow:visible!important}.invoice-lines{width:100%!important;max-width:100%!important;table-layout:fixed!important}.invoice-col-code{width:13mm!important}.invoice-col-unit{width:14mm!important}.invoice-col-qty{width:13mm!important}.invoice-col-price{width:25mm!important}.invoice-col-total{width:24mm!important}.invoice-lines th,.invoice-lines td{padding-left:1.4mm!important;padding-right:1.4mm!important}.invoice-lines th:nth-child(2),.invoice-lines td:nth-child(2){padding-left:2mm!important;padding-right:2.5mm!important;word-break:normal;overflow-wrap:anywhere}.invoice-closing-grid{grid-template-columns:minmax(0,1fr) 58mm!important;gap:5mm!important}.invoice-payment-page{grid-template-columns:minmax(0,1fr) 52mm!important;gap:6mm!important}.payment-data div{grid-template-columns:26mm minmax(0,1fr)!important}.payment-qr-card{padding:4mm!important}.payment-qr-card img{width:46mm!important;max-width:100%!important}}
.invoice-payment-page{align-items:end}.payment-qr-card{align-self:end;min-height:0}.payment-qr-card img{display:block}
@media screen and (min-width:801px){.payment-qr-card{min-height:360px}}
@media print{.invoice-payment-page{align-items:end!important}.payment-qr-card{align-self:end!important;min-height:64mm!important;height:auto!important}.payment-qr-card img{width:46mm!important}}
.invoice-payment-page{display:block}.invoice-payment-page .payment-main{width:100%}.payment-columns{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:34px;align-items:stretch}.payment-columns .payment-data{margin:0}.payment-columns .payment-qr-card{align-self:stretch;min-height:0;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:22px}.payment-columns .payment-qr-card span{margin:0;text-align:center;justify-self:auto}
@media (max-width:800px){.payment-columns{grid-template-columns:1fr}.payment-columns .payment-qr-card{min-height:300px}}
@media print{.invoice-payment-page{display:block!important;align-items:initial!important}.payment-columns{grid-template-columns:minmax(0,1fr) 52mm!important;gap:6mm!important;align-items:stretch!important}.payment-columns .payment-data{margin:0!important}.payment-columns .payment-qr-card{align-self:stretch!important;height:100%!important;min-height:0!important;padding:4mm!important;gap:4mm!important}.payment-columns .payment-qr-card img{width:44mm!important;max-width:100%!important}}