:root{--dark:#111827;--muted:#6b7280;--bg:#f3f4f6}.app-shell{display:flex}.sidebar{width:250px;min-width:250px;flex:0 0 250px;background:#111827;color:white}.sidebar .brand{font-size:24px;font-weight:800;line-height:1;display:flex;align-items:center;gap:.65rem}.brand-icon{background:#2563eb;border-radius:14px;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;color:white}.sidebar .nav-link{color:#d1d5db;border-radius:10px;padding:.7rem .9rem}.sidebar .nav-link:hover,.sidebar .nav-link.active{background:#2563eb;color:white}.topbar{background:white;border-bottom:1px solid #e5e7eb}.container-fluid{background:var(--bg);min-height:calc(100vh - 64px)}.card{border:0;box-shadow:0 8px 20px rgba(15,23,42,.06);border-radius:16px}.table{vertical-align:middle}.auth-bg{background:linear-gradient(135deg,#111827,#1d4ed8)}.form-label{font-weight:600}.invoice-paper,.document-paper{background:white;max-width:900px;margin:auto;padding:45px;box-shadow:0 10px 30px rgba(0,0,0,.12)}.settings-nav .nav-link{color:#374151}.settings-nav .nav-link.active{background:#2563eb;color:white}.signature-pad{border:2px dashed #94a3b8;border-radius:12px;width:100%;height:220px;background:white}@media(max-width:900px){.app-shell{display:block}.sidebar{width:100%;min-width:100%;min-height:auto}}
.action-buttons .btn{white-space:nowrap;line-height:1.2;min-height:32px;display:inline-flex;align-items:center;justify-content:center}.btn{white-space:nowrap}.card .btn{align-self:flex-start}

.document-preview-frame{width:100%;height:720px;border:1px solid #dee2e6;border-radius:12px;background:#f8f9fa;}
@media(max-width:768px){.document-preview-frame{height:520px;}}