:root{--pad: 14px;--gap: 12px}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0}header{display:flex;align-items:center;gap:var(--gap);padding:var(--pad);border-bottom:1px solid #eee}nav a{margin-right:10px;text-decoration:none;color:#333}.container{padding:var(--pad);max-width:1100px;margin:0 auto}.card{border:1px solid #eee;border-radius:10px;padding:var(--pad);margin-bottom:12px}.btn{padding:8px 12px;border-radius:8px;border:1px solid #ccc;background:#fff;cursor:pointer;text-decoration:none}.btn.primary{background:#222;color:#fff;border-color:#222}.input,select{padding:8px;border-radius:8px;border:1px solid #ccc;width:100%}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid #eee;padding:8px;text-align:left}.flex{display:flex;gap:var(--gap);align-items:center}.row{display:flex;gap:var(--gap)}.row>*{flex:1}.filters{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);align-items:center}.filters>*{min-width:0}.filters .input,.filters select{width:100%;box-sizing:border-box}.filters .full{grid-column:1 / -1}.row{display:flex;gap:var(--gap);flex-wrap:wrap}.row.responsive-3>*{flex:1 1 calc(33.333% - var(--gap));min-width:0}.brand{max-width:60px;max-height:50px}.brand-link img{max-width:100%}@media (max-width: 900px){.row.responsive-3>*{flex:1 1 calc(50% - var(--gap))}}@media (max-width: 600px){.row.responsive-3>*{flex:1 1 100%}.table.items-table{display:block;overflow-x:auto;border-collapse:collapse;width:100%}.table.items-table td,.table.items-table th{padding:4px 6px;font-size:.85rem;word-break:break-word}.table.items-table td{max-width:280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.input,select{width:100%;box-sizing:border-box}.card label{display:block;margin-bottom:4px}.table-responsive{overflow-x:auto}@media (max-width: 700px){.table{border-collapse:separate}.table thead{display:none}.table,.table tbody,.table tr,.table td{display:block;width:100%}.table tr{border:1px solid #eee;border-radius:8px;padding:8px var(--pad);margin-bottom:12px;background:#fff}.table td{border:0;padding:6px 0;display:flex;justify-content:space-between;gap:8px;white-space:normal}.table td:before{content:attr(data-label);font-weight:600;opacity:.8;margin-right:8px}.table td:last-child{padding-bottom:0}}.print-page{max-width:900px;margin:0 auto;background:#fff}.print-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--gap);margin-bottom:16px}.print-meta{display:grid;gap:6px;font-size:14px}.print-actions{display:flex;gap:8px}.print-table{width:100%;border-collapse:collapse;margin-top:8px}.print-table th,.print-table td{border-bottom:1px solid #eee;padding:6px 8px;text-align:left}.print-total{text-align:right;font-weight:600;margin-top:8px}@media print{header,nav,.btn,.print-actions,.no-print{display:none!important}.card{border:none;padding:0;margin:0}body{background:#fff}.container{padding:0;max-width:100%}}.print-brand{display:flex;align-items:center;gap:12px}.print-logo{width:56px;height:56px;border-radius:8px;overflow:hidden;flex:0 0 auto;border:1px solid #eee;background:#fff}.print-logo img{display:block;width:100%;height:100%;object-fit:contain;background:#fff}.print-company{line-height:1.2}.print-company .name{font-size:20px;font-weight:700}.print-company .meta{font-size:12px;opacity:.8}.print-footer{margin-top:16px;padding-top:8px;border-top:1px solid #eee;font-size:12px;color:#444}@media print{.print-footer{position:fixed;bottom:0;left:0;right:0;padding:8px var(--pad);background:#fff}body{margin-bottom:80px}}@page{margin:16mm}.page.items-page{max-width:900px;margin:0 auto;padding:var(--pad)}.items-table{width:100%;border-collapse:separate;border-spacing:0 8px}.items-table th{padding:12px;background:#f9f9f9;font-weight:600;border-bottom:2px solid #ddd}.items-table td{padding:12px;background:#fff;border:1px solid #eee;border-radius:6px}.site-header{position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:var(--gap);padding:var(--pad);border-bottom:1px solid #eee;background:#fff}.brand-link{text-decoration:none;color:#222}.header-right{display:flex;align-items:center;gap:8px}.btn.logout{white-space:nowrap}.nav-links{display:flex;flex-wrap:wrap;gap:8px}.nav-links .btn{text-decoration:none}.nav-toggle{display:none;width:40px;height:32px;border:1px solid #ddd;border-radius:8px;background:#fff;align-items:center;justify-content:center;gap:4px;cursor:pointer;padding:6px 8px}.nav-toggle .bar{display:block;width:18px;height:2px;background:#222}@media (max-width: 720px){.nav-toggle{display:inline-flex}.nav-links{position:absolute;left:0;right:0;top:57px;display:none;flex-direction:column;gap:8px;background:#fff;border-bottom:1px solid #eee;padding:var(--pad)}.nav-links.open{display:flex}.site-header{padding:10px var(--pad)}}a.active.btn{border-color:#222;box-shadow:inset 0 0 0 1px #222}.brand-link{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:inherit}.brand-link img{width:50px;height:40px;object-fit:contain;border-radius:4px}.header-right{margin-left:auto;display:flex;align-items:center;gap:8px}.nav-links{display:inline-flex;gap:8px;white-space:nowrap}.nav-links .btn.active{border-color:#222;box-shadow:inset 0 0 0 1px #222}.user-greet{opacity:.8}.nav-toggle{display:none;width:36px;height:32px;border:1px solid #ccc;border-radius:8px;background:#fff;align-items:center;justify-content:center;padding:0 6px;cursor:pointer}.nav-toggle .bar{display:block;width:100%;height:2px;background:#333;margin:4px 0;border-radius:2px}@media (max-width: 1024px){.nav-links{display:none}.nav-links.open{display:grid;gap:8px;position:absolute;left:0;right:0;top:calc(100% - 1px);padding:10px var(--pad);background:#fff;border-bottom:1px solid #eee;box-shadow:0 6px 16px #0000000f}.nav-toggle{display:inline-flex}}a.btn{text-decoration:none}@media (min-width: 1025px){.nav-links{overflow-x:auto;-webkit-overflow-scrolling:touch}}