:root{--pf:#0798a4;--pf-dark:#057d87;--pf-red:#ed1111;--pf-red-dark:#c90000;--pf-dark-ink:#17363a;--bg:#f5f8f8;--ink:#17363a}.body{background:var(--bg)}body{background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.app-shell{min-height:100vh;display:flex}.sidebar{width:250px;background:#17363a;color:#d7e5e6;position:fixed;inset:0 auto 0 0;z-index:1040;overflow:auto}.brand{height:72px;display:flex;align-items:center;gap:10px;padding:0 20px;border-bottom:1px solid #24545a}.brand strong{display:block;color:#fff}.brand small{display:block;color:#9cc3c6}.brand-mark{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#0798a4,#ed1111);display:grid;place-items:center;color:#fff;font-weight:800}.sidebar .nav{padding:14px}.sidebar .nav-link{color:#d7e5e6;border-radius:10px;padding:10px 12px}.sidebar .nav-link:hover,.sidebar .nav-link.active{background:#24545a;color:#fff}.sidebar .nav-link i{width:24px}.nav-section{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#83aeb2;padding:16px 12px 5px}.main-area{margin-left:250px;width:calc(100% - 250px)}.topbar{height:72px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;padding:0 24px;position:sticky;top:0;z-index:1000}.top-title{font-weight:700;font-size:18px}.card{border:1px solid #e7eaf0;border-radius:14px;box-shadow:0 3px 15px rgba(15,23,42,.04)}.stat-card{padding:18px}.stat-icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:#e7f7f8;color:#057d87;font-size:20px}.table thead th{font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:#64748b;background:#f8fafc}.table td{vertical-align:middle}.page-actions{display:flex;gap:8px;align-items:center}.form-control,.form-select{border-radius:9px}.btn{border-radius:9px}.btn-primary{background:var(--pf);border-color:var(--pf)}.btn-primary:hover{background:var(--pf-dark);border-color:var(--pf-dark)}.badge-soft{background:#e7f7f8;color:#057d87}.dashboard-card{min-height:150px}.invoice-total{font-size:28px;font-weight:800}.print-only{display:none}.a4-sheet{background:#fff;max-width:794px;margin:auto;padding:35px;box-shadow:0 0 15px rgba(0,0,0,.08)}.invoice-head{border-bottom:2px solid #111827;padding-bottom:15px;margin-bottom:20px}.small-muted{font-size:12px;color:#6b7280}.line-items td,.line-items th{padding:8px}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#e7f7f8,#fff5f5 52%,#f8fafc)}.login-card{width:min(430px,94vw);padding:32px}.sidebar-overlay{display:none}@media(max-width:991px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.main-area{margin-left:0;width:100%}.sidebar-overlay.show{display:block;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:1030}}@media print{body{background:#fff}.sidebar,.topbar,.no-print,.btn,.alert{display:none!important}.main-area{margin:0;width:100%}.a4-sheet{box-shadow:none;max-width:none;padding:0}.print-only{display:block}@page{size:A4;margin:12mm}}

.document-card{background:#fff;border:1px solid #e7eaf0;border-radius:14px;padding:22px;box-shadow:0 3px 15px rgba(15,23,42,.04)}
.customer-panel{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:15px}.customer-panel .label{font-size:11px;text-transform:uppercase;color:#64748b;letter-spacing:.04em}.customer-panel .value{font-weight:600;min-height:20px}.item-row td{vertical-align:top}.item-image-preview{width:54px;height:54px;object-fit:cover;border:1px solid #ddd;border-radius:7px}.rich-editor{min-height:72px;border:1px solid #ced4da;border-radius:8px;padding:8px;background:#fff}.rich-toolbar{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:5px}.rich-toolbar button{border:1px solid #ddd;background:#fff;border-radius:5px;padding:3px 7px}.doc-preview{max-width:900px;margin:auto}.document-number{font-size:13px;color:#64748b}.bank-box{border:1px solid #e5e7eb;border-radius:8px;padding:10px}.signature-box{min-height:70px;text-align:right}.tax-mode{font-size:13px}.amount-words{font-style:italic;color:#4b5563}.preview-modal .modal-dialog{max-width:1000px}.preview-sheet{background:#fff;padding:35px;min-height:1000px}@media(max-width:767px){.item-table{min-width:1100px}}


/* Sri Design & Fabrication brand system */
.brand-logo{width:190px;height:auto;max-height:58px;object-fit:contain;object-position:left center;background:#fff;border-radius:8px;padding:4px}.brand strong{font-size:14px}.brand small{font-size:10px}.top-title{color:#17363a}.sidebar .nav-link i{color:#79c7cc}.sidebar .nav-link.active i,.sidebar .nav-link:hover i{color:#fff}.btn-success{background:#0798a4;border-color:#0798a4}.btn-success:hover{background:#057d87;border-color:#057d87}.btn-danger{background:#ed1111;border-color:#ed1111}.btn-danger:hover{background:#c90000;border-color:#c90000}.text-primary{color:#0798a4!important}.bg-primary{background:#0798a4!important}.border-primary{border-color:#0798a4!important}.footer-brand{border-top:1px solid #e2eeee;margin-top:28px;padding:16px 0 6px;color:#6b7f82;font-size:12px}.footer-brand strong{color:#17363a}.footer-dev{color:#0798a4;font-weight:700}.
