*{box-sizing:border-box}body{margin:0;font-family:"Noto Sans Bengali","Nirmala UI",Arial,Helvetica,sans-serif;background:#f4f6f8;color:#1f2937}.layout{display:flex;min-height:100vh}.sidebar{width:250px;background:#111827;color:#fff;padding:20px;position:fixed;top:0;bottom:0;overflow:auto}.brand{font-size:20px;font-weight:700;margin-bottom:22px;line-height:1.35}.sidebar nav a{display:block;color:#d1d5db;text-decoration:none;padding:11px 12px;border-radius:8px;margin:3px 0}.sidebar nav a:hover,.sidebar nav a.active{background:#2563eb;color:#fff}.content{margin-left:250px;padding:24px;width:calc(100% - 250px)}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:12px}.top-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.lang-btn{padding:5px 9px;border:1px solid #d1d5db;border-radius:999px;text-decoration:none;color:#374151;background:#fff;font-size:12px}.lang-btn.selected{background:#111827;color:#fff;border-color:#111827}.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,.03)}.card h2{margin:0 0 16px;font-size:20px}.card h3{margin:18px 0 10px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;margin-bottom:20px}.stat{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:18px}.stat span{display:block;color:#6b7280;font-size:13px;margin-bottom:8px}.stat b{font-size:23px}.grid{display:grid;gap:14px}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(3,1fr)}.span2{grid-column:span 2}.span3{grid-column:span 3}label{display:block;font-size:13px;font-weight:700;margin:10px 0 6px}input,select,textarea{width:100%;padding:10px 11px;border:1px solid #d1d5db;border-radius:8px;background:#fff;font-size:14px}textarea{min-height:78px;resize:vertical}.btn{display:inline-block;border:0;border-radius:8px;padding:9px 13px;text-decoration:none;background:#e5e7eb;color:#111827;cursor:pointer;font-size:14px}.btn.primary{background:#2563eb;color:#fff}.btn.danger{background:#dc2626;color:#fff}.btn.small{padding:6px 9px;font-size:12px}.btn.full{width:100%;margin-top:10px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:13px}.table th,.table td{padding:10px;border-bottom:1px solid #e5e7eb;text-align:left;vertical-align:top}.table th{background:#f9fafb}.right{text-align:right!important}.badge{padding:4px 8px;background:#eef2ff;border-radius:999px;font-size:12px}.alert{padding:11px 14px;border-radius:8px;margin-bottom:15px}.alert.success{background:#dcfce7;color:#166534}.alert.danger{background:#fee2e2;color:#991b1b}.muted{color:#6b7280}.small{font-size:12px}.helper{background:#eff6ff;color:#1e40af;padding:10px 12px;border-radius:8px;font-size:13px}.login-body{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#eef2ff}.login-card{width:380px;background:#fff;padding:28px;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.08)}.login-card h1{margin:8px 0 0;font-size:24px}.login-card label{margin-top:14px}.lang-switch{text-align:right;font-size:12px}.align-end{display:flex;align-items:end}.invoice-head{display:flex;justify-content:space-between;gap:25px}.invoice-head h1,.invoice-head h2{margin:0 0 8px}.signature-row{display:flex;justify-content:space-between;margin-top:70px;padding-top:12px}.signature-row>div{width:220px;text-align:center;border-top:1px solid #111}.search-row{display:flex;gap:10px}.search-row input{flex:1}.search-row .btn{width:auto}.notice-card{border-left:4px solid #f59e0b}.notice-count{display:inline-flex;min-width:24px;height:24px;align-items:center;justify-content:center;border-radius:999px;background:#f59e0b;color:#fff;font-size:12px}.notice-list{display:grid;gap:10px}.notice-item{border:1px solid #fde68a;background:#fffbeb;border-radius:9px;padding:11px 13px;line-height:1.6}.notice-item.late{border-color:#fecaca;background:#fef2f2}.notice-item.target{border-color:#bfdbfe;background:#eff6ff}.row-late td{background:#fff1f2}.logo-preview{margin-top:10px}.logo-preview img{max-width:150px;max-height:90px;object-fit:contain;border:1px solid #ddd;padding:6px;border-radius:8px}.page-grid{align-items:start}.invoice-info p{line-height:1.65}
@media(max-width:900px){.sidebar{position:static;width:100%}.layout{display:block}.content{margin-left:0;width:100%;padding:15px}.grid.two,.grid.three{grid-template-columns:1fr}.span2,.span3{grid-column:span 1}.sidebar nav{display:grid;grid-template-columns:repeat(2,1fr)}.topbar{align-items:flex-start;flex-direction:column}.search-row{flex-direction:column}.invoice-head{flex-direction:column}.signature-row{gap:20px}}

.narrow-card{max-width:620px}.role-pill{font-size:11px;padding:3px 7px;border-radius:999px;background:#eef2ff}
.section-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.section-head h2{margin:0}.pad-preview{margin-top:10px}.pad-preview img{width:120px;height:170px;object-fit:contain;border:1px solid #d1d5db;background:#fff;padding:4px;border-radius:6px}@media(max-width:700px){.section-head{align-items:flex-start;flex-direction:column}}