:root{--nav:#14213d;--blue:#2563eb;--bg:#f3f6fb;--text:#172033;--muted:#64748b;--ok:#16a34a;--danger:#dc2626;--border:#dbe2ea}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}.app{min-height:100vh}.topbar{height:64px;background:var(--nav);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 22px;position:sticky;top:0;z-index:20;box-shadow:0 3px 12px #0002}.brand{font-size:20px;font-weight:800}.top-actions{display:flex;align-items:center;gap:12px}.top-actions a{color:#fff;text-decoration:none}.layout{display:grid;grid-template-columns:240px 1fr;min-height:calc(100vh - 64px)}.sidebar{background:#fff;border-right:1px solid var(--border);padding:18px 12px}.sidebar a{display:flex;padding:12px 14px;margin:4px 0;border-radius:9px;color:#334155;text-decoration:none;font-weight:600}.sidebar a:hover,.sidebar a.active{background:#e8efff;color:var(--blue)}main{padding:24px;min-width:0}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.page-head h1{margin:0;font-size:25px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:18px;box-shadow:0 4px 15px #21304a0a}.metric b{display:block;font-size:26px;margin-top:9px}.metric span{color:var(--muted)}.btn{border:0;border-radius:9px;padding:10px 15px;background:var(--blue);color:#fff;text-decoration:none;cursor:pointer;font-weight:700;display:inline-block}.btn.light{background:#e8efff;color:#1d4ed8}.btn.danger{background:var(--danger)}.btn.small{padding:7px 10px;font-size:13px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.full{grid-column:1/-1}label{display:block;font-size:13px;font-weight:700;margin-bottom:6px;color:#475569}input,select,textarea{width:100%;border:1px solid #cbd5e1;border-radius:9px;padding:10px 11px;background:#fff;font:inherit}input:focus,select:focus,textarea:focus{outline:2px solid #bfdbfe;border-color:var(--blue)}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--border);border-radius:13px}table{width:100%;border-collapse:collapse;min-width:720px}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid #edf1f5}th{background:#f8fafc;font-size:13px;color:#475569}.right{text-align:right}.alert{padding:12px 15px;border-radius:9px;margin-bottom:15px;background:#dcfce7;color:#166534}.alert.error{background:#fee2e2;color:#991b1b}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#14213d,#2563eb)}.login-card{width:min(420px,100%);background:#fff;border-radius:18px;padding:30px;box-shadow:0 25px 80px #0004}.login-card h1{margin:0 0 7px}.login-card p{color:var(--muted);margin:0 0 22px}.stack>*{margin-bottom:14px}.invoice-lines input,.invoice-lines select{min-width:90px}.totals{margin-left:auto;width:min(360px,100%);padding-top:18px}.totals div{display:flex;justify-content:space-between;padding:7px}.totals .grand{font-size:20px;font-weight:800;border-top:2px solid var(--border)}.mobile-menu{display:none;background:transparent;border:0;color:#fff;font-size:24px}.muted{color:var(--muted)}
@media(max-width:980px){.grid{grid-template-columns:repeat(2,1fr)}.layout{grid-template-columns:1fr}.sidebar{display:none;position:fixed;z-index:30;top:64px;bottom:0;left:0;width:260px;box-shadow:8px 0 30px #0002}.sidebar.open{display:block}.mobile-menu{display:block}main{padding:16px}.brand{font-size:17px}.topbar{padding:0 14px}.user-name{display:none}}
@media(max-width:620px){.grid,.form-grid{grid-template-columns:1fr}.page-head{align-items:flex-start;gap:12px}.page-head h1{font-size:21px}.card{padding:14px}.top-actions .company-name{display:none}.btn{padding:9px 12px}.hide-mobile{display:none}main{padding:12px}.login-card{padding:23px}}
@media print{.topbar,.sidebar,.no-print,.page-head .btn{display:none!important}.layout{display:block}main{padding:0}.card,.table-wrap{box-shadow:none;border:0}body{background:#fff}}

/* Old desktop software style module groups, adapted for responsive web. */
.sidebar{padding:12px 10px;overflow-y:auto}.sidebar a{padding:9px 13px;margin:2px 0;font-size:14px}.nav-group{border-top:1px solid #eef2f7;margin-top:7px;padding-top:4px}.nav-group summary{cursor:pointer;list-style:none;padding:11px 12px;color:#14213d;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.6px;border-radius:9px;user-select:none}.nav-group summary:hover,.nav-group[open] summary{background:#eef3ff;color:#244dcc}.nav-group summary::-webkit-details-marker{display:none}.nav-group summary:after{content:'⌄';float:right;color:#64748b;transition:transform .18s ease}.nav-group:not([open]) summary:after{content:'›'}.nav-group a{padding-left:20px;font-weight:600}.nav-group:not([open]) a{display:none}.form-grid.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}.section-title{margin:22px 0 12px;padding:9px 12px;border-left:4px solid var(--blue);background:#f1f5ff;color:#1e3a8a;border-radius:5px}.module-coming{text-align:center;padding:45px 25px}.module-coming .module-icon{font-size:44px}.module-coming p{max-width:650px;margin:10px auto 22px;color:var(--muted)}
@media(max-width:760px){.form-grid.three-col{grid-template-columns:1fr}}
.crop-rows{display:grid;gap:9px;margin-bottom:10px}.crop-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;max-width:650px}.crop-row .btn{padding:9px 12px}@media(max-width:520px){.crop-row{grid-template-columns:1fr}.crop-row .btn{width:100%}}

/* Premium visual refresh */
:root{--nav:#0b1739;--blue:#315ee7;--bg:#f4f7fc;--text:#16213e;--muted:#6b7890;--border:#e1e7f0}.topbar{height:72px;background:linear-gradient(110deg,#0b1739,#152b61);padding:0 24px;box-shadow:0 8px 28px #07142f26}.layout{grid-template-columns:260px 1fr;min-height:calc(100vh - 72px)}.brand{display:flex;align-items:center;gap:10px;font-size:18px;line-height:1.05}.brand small{display:block;margin-top:4px;font-size:10px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:#a8b8df}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#5d83ff,#2dd4bf);box-shadow:0 8px 20px #0003;font-size:20px}.top-actions{background:#ffffff10;border:1px solid #ffffff1f;padding:7px 9px;border-radius:12px}.top-link{background:#ffffff13;padding:7px 10px;border-radius:8px}.sidebar{background:linear-gradient(180deg,#fff,#f9fbff);box-shadow:8px 0 30px #17234b09}.nav-group summary{color:#53617a}.sidebar a{transition:.18s ease;border:1px solid transparent}.sidebar a:hover{transform:translateX(2px);border-color:#dce5ff}.sidebar a.active{background:linear-gradient(90deg,#e8efff,#f4f7ff);box-shadow:inset 3px 0 #315ee7;color:#244dcc}.page-head{padding:4px 2px}.page-head h1{font-size:27px;letter-spacing:-.5px}.card{border-color:#e6ebf3;border-radius:17px;box-shadow:0 10px 32px #1c2d5b0b}.metric{position:relative;overflow:hidden}.metric:after{content:'';position:absolute;width:70px;height:70px;border-radius:50%;right:-20px;top:-20px;background:#315ee712}.metric b{color:#182b59}.btn{border-radius:10px;box-shadow:0 5px 14px #315ee724;transition:.18s ease}.btn:hover{transform:translateY(-1px);filter:brightness(.98)}.btn.light{box-shadow:none}.btn.danger{box-shadow:0 5px 14px #dc262622}.section-title{border:0;border-radius:10px;background:linear-gradient(90deg,#edf2ff,#f8faff);padding:11px 14px}.table-wrap{border-radius:15px;box-shadow:0 8px 25px #1c2d5b08}th{background:#f5f7fb;text-transform:uppercase;letter-spacing:.45px;font-size:11px}tbody tr:hover{background:#f8faff}.badge{display:inline-block;padding:5px 9px;border-radius:20px;background:#e8efff;color:#3152bd;font-size:12px;font-weight:800}.row-actions{display:flex;align-items:center;gap:7px;white-space:nowrap}.inline-form{display:inline;margin:0}.locked-action{font-size:12px;color:#8b97aa;background:#f1f4f8;padding:6px 8px;border-radius:8px}input,select,textarea{border-color:#d7dfeb;background:#fcfdff}input:hover,select:hover,textarea:hover{border-color:#aebddd}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px #315ee718}.alert{border:1px solid #86efac;box-shadow:0 8px 22px #16a34a12}.alert.error{border-color:#fca5a5}
@media(max-width:980px){.topbar{height:64px}.sidebar{top:64px}.top-actions{background:transparent;border:0;padding:0}.layout{min-height:calc(100vh - 64px)}}
@media(max-width:620px){.brand small{display:none}.brand-mark{width:34px;height:34px}.page-head h1{font-size:23px}.row-actions{flex-wrap:wrap}}
.birthday-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:24px}.birthday-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;background:linear-gradient(135deg,#fff7ed,#fff);border:1px solid #fed7aa;border-radius:15px;padding:14px;box-shadow:0 8px 24px #9a34120b}.birthday-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#ffedd5;font-size:22px}.birthday-card b,.birthday-card span{display:block}.birthday-card span{margin-top:3px;font-size:12px;color:var(--muted)}.wish-btn{background:#16a34a}
@media(max-width:760px){.birthday-grid{grid-template-columns:1fr}.birthday-card{grid-template-columns:auto 1fr}.birthday-card .wish-btn{grid-column:1/-1;text-align:center}}
.check-row{display:flex;align-items:center}.check-row label{display:flex;align-items:center;gap:8px;margin:0}.check-row input{width:auto}
.btn.success{background:#16a34a}.inactive-badge{background:#f1f5f9;color:#64748b}
.variant-rows{display:grid;gap:14px;margin-bottom:12px}.variant-card{border:1px solid #dbe5f5;border-radius:15px;padding:15px;background:#fafdff}.variant-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.variant-head b{color:#1e3a8a}
.optional-rate-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:4px 0}.optional-rate-block{border:1px dashed #b9c8e5;background:#f8faff;border-radius:12px;padding:12px}.optional-rate-block[hidden]{display:none!important}@media(max-width:620px){.optional-rate-actions .btn{width:100%}}
.import-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:16px}.import-layout h2{margin-top:5px}.import-layout h2:not(:first-child){margin-top:28px}.import-help ul{padding-left:20px;line-height:1.65}@media(max-width:850px){.import-layout{grid-template-columns:1fr}}
.flow-note{margin-bottom:16px;background:linear-gradient(90deg,#eef6ff,#fff);border-left:4px solid var(--blue);color:#3f4f69}.document-header{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.document-header h2{margin:0 0 7px}.document-actions{margin-top:16px}.document-actions h3{margin-top:0}.status-converted{background:#dcfce7;color:#166534}.status-cancelled{background:#fee2e2;color:#991b1b}.business-document-form h2{margin-top:22px}@media print{.document-paper{padding:0}.document-paper .table-wrap{overflow:visible}}
.conversion-preview{padding:11px 13px;border-radius:10px;background:#eef6ff;color:#27456b;border:1px solid #cfe1f8}.conversion-factor[readonly],.variant-conversion-factor[readonly]{background:#eef2f7;color:#8491a5}
.error-text{display:block;margin-top:5px;color:#b91c1c;font-weight:700}
.scan-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.scan-preview{width:100%;max-height:420px;object-fit:contain;border:1px solid #dbe3ef;border-radius:12px;background:#f8fafc}.scan-unmatched{background:#fff1f2}.scan-detected{min-width:180px;font-weight:700}.scan-confidence{display:block;font-size:11px;color:#64748b;margin-top:4px}
.scan-detected .scan-create-product{display:block;margin-top:7px}.scan-create-box{margin-top:15px;padding:14px;border:1px dashed #60a5fa;border-radius:12px;background:#eff6ff}
@media(max-width:780px){.scan-grid{grid-template-columns:1fr}.scan-detected{min-width:135px}}
.report-actions{display:flex;gap:9px;flex-wrap:wrap}.report-filter{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:12px;align-items:end;margin-bottom:16px}.filter-button .btn{width:100%}.report-summary{display:grid;grid-template-columns:repeat(6,minmax(140px,1fr));gap:12px;margin-bottom:16px}.report-summary .card{padding:14px}.report-summary span{display:block;color:var(--muted);font-size:12px;font-weight:700}.report-summary b{display:block;margin-top:7px;font-size:21px}.report-summary .good{border-left:4px solid #16a34a}.report-summary .warn{border-left:4px solid #f59e0b}.report-summary .danger-card{border-left:4px solid #dc2626}.report-section{margin-bottom:18px;padding:0;overflow:hidden}.report-section>.page-head{padding:16px 18px 0}.report-section h2{margin:0}.stock-table{min-width:1550px}.stock-table td small,table td small{display:block;margin-top:4px;color:var(--muted);font-size:11px}.stock-in{color:#15803d}.stock-out{color:#b91c1c}.stock-badge{display:inline-block;white-space:nowrap;border-radius:20px;padding:5px 8px;font-size:10px;font-weight:900}.stock-badge.in{background:#dcfce7;color:#166534}.stock-badge.low{background:#fef3c7;color:#92400e}.stock-badge.out{background:#fee2e2;color:#991b1b}.empty-cell{text-align:center;color:var(--muted);padding:28px}
@media(max-width:1150px){.report-filter{grid-template-columns:repeat(3,1fr)}.report-summary{grid-template-columns:repeat(3,1fr)}}@media(max-width:620px){.report-filter,.report-summary{grid-template-columns:1fr 1fr}.report-actions{width:100%}.report-actions .btn{flex:1;text-align:center}}@media(max-width:430px){.report-filter,.report-summary{grid-template-columns:1fr}}
.purchase-filter{grid-template-columns:repeat(4,minmax(150px,1fr))}.purchase-summary{grid-template-columns:repeat(6,minmax(140px,1fr))}.purchase-item-table{min-width:1550px}@media(max-width:1000px){.purchase-filter{grid-template-columns:repeat(2,1fr)}.purchase-summary{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.purchase-filter,.purchase-summary{grid-template-columns:1fr}}
.balance-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}.balance-grid h2{margin-top:0}.balance-row,.balance-total{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--border)}.balance-total{font-size:18px;border-top:2px solid #94a3b8;border-bottom:0;margin-top:12px}@media(max-width:720px){.balance-grid{grid-template-columns:1fr}}
.recovery-card{border-left:5px solid #16a34a;background:linear-gradient(90deg,#f0fdf4,#fff)}
.cancel-confirm-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cancel-confirm-form label{display:flex;align-items:center;gap:6px;margin:0;padding:7px 9px;border-radius:8px;background:#fff1f2;color:#991b1b}.cancel-confirm-form input{width:auto}
.voucher-form #voucherBalance:not(.error){background:#dcfce7;color:#166534;border-color:#86efac}.voucher-form tfoot th{font-size:14px}.document-paper{margin-bottom:16px}
.fy-pill{padding:7px 10px;border-radius:9px;background:#2dd4bf22;color:#99f6e4;font-weight:800}.login-brand-mark{display:grid;place-items:center;width:56px;height:56px;border-radius:17px;margin-bottom:18px;background:linear-gradient(135deg,#315ee7,#2dd4bf);color:#fff;font-size:28px;font-weight:900;box-shadow:0 12px 30px #315ee744}
.dashboard-hero{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:18px;padding:28px;border-radius:22px;color:#fff;background:radial-gradient(circle at 85% 10%,#2dd4bf44,transparent 30%),linear-gradient(125deg,#0b1739,#24479b);box-shadow:0 18px 45px #0b17392b}.dashboard-hero h1{font-size:30px;margin:6px 0}.dashboard-hero p{margin:0;color:#cbd8f5}.hero-kicker{font-size:11px;font-weight:900;letter-spacing:2px;color:#78e7d8}.hero-fy{display:inline-block;margin-top:16px;padding:7px 11px;border:1px solid #ffffff33;border-radius:9px;background:#ffffff13;font-weight:800}.hero-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.hero-primary{background:#2dd4bf;color:#092536}.hero-secondary{background:#ffffff18;border:1px solid #ffffff35;box-shadow:none}.dashboard-section-head{display:flex;justify-content:space-between;align-items:center;margin:27px 2px 12px}.dashboard-section-head h2{margin:0}.dashboard-section-head span{color:var(--muted);font-size:12px}.legacy-launcher{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.launcher-group{background:#fff;border:1px solid var(--border);border-radius:17px;padding:17px;box-shadow:0 10px 30px #1c2d5b0a;border-top:4px solid #315ee7}.launcher-group.transaction{border-top-color:#16a34a}.launcher-group.reports{border-top-color:#f59e0b}.launcher-group.utility{border-top-color:#8b5cf6}.launcher-group h3{margin:0 0 12px}.launcher-links{display:grid;gap:5px}.launcher-links a{padding:8px 9px;border-radius:8px;color:#465675;text-decoration:none;font-size:13px;font-weight:700}.launcher-links a:hover{background:#eef3ff;color:#315ee7}.notification-count{display:grid;place-items:center!important;min-width:30px;height:30px;border-radius:20px;background:#dc2626!important;color:#fff!important;font-weight:900}.notification-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.notice-card{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center;padding:17px;border-radius:16px;background:#fff;border:1px solid var(--border);border-left:5px solid #f59e0b}.notice-card strong{font-size:28px}.notice-card a,.notice-card span{grid-column:1/-1;color:var(--muted);font-size:12px}.notice-card.stock{border-left-color:#dc2626}.notice-card.birthday{border-left-color:#ec4899}.alert-list{margin-top:14px}.alert-list h3{margin-top:0}.alert-list>div{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-top:1px solid var(--border)}.expired-text{color:#dc2626;font-weight:900}
@media(max-width:1100px){.legacy-launcher{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.dashboard-hero{align-items:flex-start;flex-direction:column;padding:21px}.hero-actions{justify-content:flex-start}.notification-grid{grid-template-columns:1fr}}@media(max-width:560px){.legacy-launcher{grid-template-columns:1fr}.dashboard-hero h1{font-size:24px}.hero-actions .btn{width:100%;text-align:center}.alert-list>div{flex-direction:column}}
.change-fy-link{color:#315ee7;text-decoration:none;font-weight:900}.quick-menu-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:22px;background:#fff;border:1px solid var(--border);border-radius:26px;box-shadow:0 15px 40px #1c2d5b0c}.quick-menu-grid>a{display:grid;grid-template-columns:48px 1fr 32px;align-items:center;gap:12px;min-height:82px;padding:13px;border:2px solid #edf0ff;border-radius:17px;color:#172033;text-decoration:none;background:linear-gradient(110deg,#fff,#fbfaff);transition:.18s}.quick-menu-grid>a:hover{transform:translateY(-2px);border-color:#cbd5ff;box-shadow:0 10px 25px #315ee714}.quick-menu-grid i{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;color:#fff;font-style:normal;font-size:22px;font-weight:900}.quick-menu-grid b{font-size:14px}.quick-menu-grid>a>span{display:grid;place-items:center;width:30px;height:30px;border:2px solid #e3e5f4;border-radius:50%;color:#724ee8;font-weight:900}.qm-purple{background:#7c3aed}.qm-green{background:#16a34a}.qm-blue{background:#2563eb}.qm-orange{background:#f97316}.qm-pink{background:#ec4899}.qm-teal{background:#14b8a6}.qm-indigo{background:#6366f1}.qm-violet{background:#8b5cf6}.fy-chart{padding:18px 20px 12px}.chart-legend{display:flex;justify-content:flex-end;gap:18px;font-size:12px;font-weight:800;color:var(--muted)}.chart-legend span{display:flex;align-items:center;gap:6px}.chart-legend i{width:10px;height:10px;border-radius:50%}.sales-dot,.sales-bar{background:#315ee7}.purchase-dot,.purchase-bar{background:#2dd4bf}.chart-bars{height:200px;display:grid;grid-template-columns:repeat(12,1fr);align-items:end;gap:8px;border-bottom:1px solid #dfe5ef;padding:20px 6px 0}.chart-month{text-align:center;min-width:0}.bar-pair{height:155px;display:flex;justify-content:center;align-items:flex-end;gap:3px}.bar-pair span{display:block;width:min(15px,42%);border-radius:6px 6px 2px 2px;min-height:2px}.chart-month b{display:block;margin-top:7px;font-size:11px;color:#77849a}.fy-info{font-size:12px;line-height:1.5}
@media(max-width:1050px){.quick-menu-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.quick-menu-grid{grid-template-columns:1fr;padding:14px}.dashboard-section-head{align-items:flex-start;gap:8px}.chart-bars{gap:3px;overflow-x:auto}.chart-month b{font-size:9px}.quick-menu-grid>a{min-height:72px}}
.header-license{padding:7px 10px;border-radius:9px;text-decoration:none!important;font-size:11px;font-weight:900}.header-license.trial{background:#f59e0b;color:#fff}.header-license.active{background:#16a34a;color:#fff}.header-license.expired,.header-license.invalid{background:#dc2626;color:#fff}.license-warning{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px;padding:13px 16px;border-radius:13px;background:#fffbeb;border:1px solid #fcd34d;color:#854d0e}.license-warning b,.license-warning span{display:block}.license-warning span{font-size:12px;margin-top:3px}.license-warning.expired{background:#fef2f2;border-color:#fca5a5;color:#991b1b}.license-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:18px;margin-bottom:18px}.license-details{display:grid;gap:4px}.license-details>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--border)}.license-details span{color:var(--muted)}.machine-id{padding:14px;margin:13px 0 18px;border:1px dashed #93a8ce;border-radius:12px;background:#f5f8ff}.machine-id span{display:block;font-size:11px;font-weight:900;color:var(--muted);text-transform:uppercase}.machine-id code{display:block;margin-top:7px;font-size:18px;font-weight:900;color:#244dcc;word-break:break-all}.license-badge{padding:8px 12px;border-radius:20px;font-size:12px;font-weight:900}.license-badge.trial{background:#fef3c7;color:#92400e}.license-badge.active{background:#dcfce7;color:#166534}.license-badge.expired,.license-badge.invalid{background:#fee2e2;color:#991b1b}@media(max-width:800px){.license-grid{grid-template-columns:1fr}.header-license{display:none}.license-warning{align-items:flex-start;flex-direction:column}}
.settings-form{display:grid;gap:16px}.settings-form h2{margin-top:0}.invoice-payment-card{margin-top:18px;padding:16px;border:1px solid #cfe0fa;border-radius:14px;background:#f8fbff}.invoice-payment-card h2{margin:0 0 5px}.balance-line{color:#b91c1c;font-size:18px}.invoice-bottom{display:grid;grid-template-columns:1fr 1fr;gap:25px;clear:both;padding-top:24px;border-top:1px solid var(--border)}.invoice-bottom h3{margin:0 0 8px}.invoice-bottom p{margin:5px 0}.invoice-footer{text-align:center;margin-top:22px;padding-top:12px;border-top:1px dashed #94a3b8;font-weight:700}.bill-to{margin:15px 0}.invoice-print{max-width:1050px;margin:0 auto}.invoice-print .table-wrap{margin-top:15px}@media(max-width:700px){.invoice-bottom{grid-template-columns:1fr}.invoice-print{padding:13px}}@media print{.invoice-print{max-width:none}.invoice-bottom{break-inside:avoid}.invoice-footer{break-inside:avoid}}