:root{--pad: 14px;--gap: 12px;--brand: #165ca8;--brand-dark: #0f4682;--brand-bg: #eaf1fa;--ink: #1f2937;--muted: #666;--surface: #fff;--surface-alt: #f8fafc;--page: #f3f5f8;--border: #e5e8ed;--border-strong: #c9ced6;--shadow: 0 1px 2px rgba(16, 24, 40, .05);--danger: #c62828;--danger-bg: #fdecea;--success: #2e7d32;--success-bg: #eaf7ea;--warning: #6b4e00;--warning-bg: #fff8e6;--info: #1565c0;--focus: #165ca8;--tap: 44px}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;color:var(--ink);background:var(--page);-webkit-font-smoothing:antialiased}a{color:var(--brand)}h2{font-size:24px;line-height:1.25;margin:8px 0 16px}h3{font-size:17px;line-height:1.3}label{font-size:14px;font-weight:500;color:#374151}textarea{font:inherit;padding:10px;border-radius:8px;border:1px solid var(--border-strong);width:100%;box-sizing:border-box}header{display:flex;align-items:center;gap:var(--gap);padding:var(--pad);border-bottom:1px solid var(--border)}.container{padding:var(--pad);max-width:1100px;margin:0 auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:var(--shadow)}.btn{font-weight:500;padding:10px 16px;min-height:var(--tap);border-radius:8px;border:1px solid var(--border-strong);background:var(--surface);color:var(--ink);cursor:pointer;text-decoration:none;font-size:15px;line-height:1.2;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.btn:hover{background:var(--surface-alt)}.btn.primary{background:var(--brand);color:#fff;border-color:var(--brand)}.btn.primary:hover{background:var(--brand-dark);border-color:var(--brand-dark)}.btn.danger{background:var(--surface);color:var(--danger);border-color:var(--danger)}.btn.danger:hover{background:var(--danger-bg)}.btn.danger.solid{background:var(--danger);color:#fff}.btn.danger.solid:hover{background:#a61f1f}.btn:disabled{opacity:.55;cursor:not-allowed}.input,select{background:var(--surface);color:var(--ink);padding:10px;border-radius:8px;border:1px solid var(--border-strong);width:100%;font-size:16px;min-height:var(--tap);box-sizing:border-box}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid var(--border);padding:10px 8px;text-align:left}.table th{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.table tbody tr:hover td{background:var(--surface-alt)}.table tbody tr:last-child td{border-bottom:0}.flex{display:flex;gap:var(--gap);align-items:center}.row{display:flex;gap:var(--gap)}.row>*{flex:1}.error{color:var(--danger)}.success{color:var(--success)}.muted{color:var(--muted)}.error-box{color:var(--danger);background:var(--danger-bg);padding:8px 12px;border-radius:6px}.chip{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;padding:3px 10px;border-radius:999px;border:1px solid transparent}.chip:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.chip.ok{color:var(--success);background:var(--success-bg);border-color:#b7e1b7}.chip.waiting{color:var(--warning);background:var(--warning-bg);border-color:#f3d8a2}.chip.todo{color:#4b5563;background:#f1f3f6;border-color:var(--border)}.list-row{display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap;border:1px solid var(--border);border-radius:10px;padding:12px;background:var(--surface)}.notice{border:1px solid;border-radius:8px;padding:10px 12px}.card.notice{padding:var(--pad)}.notice.warn{background:#fffbe6;border-color:#ffe58f}.notice.danger{background:#fff1f0;border-color:#ffa39e}.notice.ok{background:#f6ffed;border-color:#b7eb8f}.notice.info{background:#e3f2fd;border-color:#b6d7f5}.site-banner{margin:12px auto;max-width:1100px}.stack{display:grid;gap:12px}.stack-sm{display:grid;gap:8px}.stack-lg{display:grid;gap:16px}.actions{display:flex;gap:8px;flex-wrap:wrap}.inline{display:flex;gap:8px;align-items:center}.between{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap}.scroll-x{overflow-x:auto}.chart{width:100%;height:300px}.m0{margin:0}.mt0{margin-top:0}.mt{margin-top:8px}.mb{margin-bottom:12px}.my{margin:12px 0}.strong{font-weight:600}.dim{opacity:.8}.hint{font-size:13px;opacity:.75}.danger-zone{margin:24px auto 0;border-color:var(--danger)}.danger-panel{margin-top:16px;padding:12px;background:var(--danger-bg);border-radius:8px}.danger-panel p{margin:0 0 8px;font-size:14px}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.btn:focus-visible,.input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.btn.danger:focus-visible{outline-color:var(--danger)}@media (pointer: coarse){input[type=checkbox],input[type=radio]{width:22px;height:22px}}.confirm-backdrop{position:fixed;inset:0;z-index:2000;background:#00000073;display:flex;align-items:center;justify-content:center;padding:16px}.confirm-dialog{background:var(--surface);color:var(--ink);border-radius:12px;padding:20px;width:100%;max-width:420px;box-sizing:border-box;box-shadow:0 10px 30px #00000040}.confirm-dialog h3{margin:0 0 8px;font-size:18px}.confirm-dialog p{margin:0 0 16px;line-height:1.45}.confirm-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.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 var(--border);border-radius:8px;padding:8px var(--pad);margin-bottom:12px;background:var(--surface)}.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:var(--surface)}.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 var(--border);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:var(--surface)}.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 var(--border);background:var(--surface)}.print-logo img{display:block;width:100%;height:100%;object-fit:contain;background:var(--surface)}.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 var(--border);font-size:12px;color:#444}@media print{.print-footer{position:fixed;bottom:0;left:0;right:0;padding:8px var(--pad);background:var(--surface)}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:collapse;background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}.items-table th{padding:12px;background:var(--surface-alt);text-align:left;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border-bottom:1px solid var(--border)}.items-table td{padding:10px 12px;border-bottom:1px solid var(--border)}.items-table tbody tr:last-child td{border-bottom:0}@media (max-width: 700px){.items-table thead{display:none}.items-table,.items-table tbody,.items-table tr,.items-table td{display:block;width:100%}.items-table tr{border:1px solid var(--border);border-radius:10px;padding:12px;margin-bottom:12px;background:var(--surface);box-shadow:0 2px 4px #0000000d}.items-table td{border:0;padding:8px 0;display:flex;justify-content:space-between;border-radius:0}.items-table td:before{content:attr(data-label);font-weight:600;opacity:.7}.items-table td:first-child{font-weight:600;font-size:1.05em;border-bottom:1px solid var(--border);padding-bottom:10px;margin-bottom:4px}.items-table td:first-child:before{display:none}}.site-header{position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:var(--gap);padding:8px 20px;border-bottom:1px solid var(--border);background:var(--surface)}.brand-link{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}.brand-link img{width:42px;height:42px;object-fit:cover;border-radius:50%}.header-right{margin-left:auto;display:flex;align-items:center;gap:8px}.user-greet{color:var(--muted);font-size:14px;white-space:nowrap}.btn.logout{white-space:nowrap}a.btn{text-decoration:none}.nav-links{display:flex;gap:2px;white-space:nowrap}.nav-links .btn{border-color:transparent;background:none;color:#374151;padding:8px 12px}.nav-links .btn:hover{background:var(--surface-alt)}.nav-links .btn.active{background:var(--brand-bg);color:var(--brand);box-shadow:none}.nav-toggle{display:none;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:var(--tap);height:var(--tap);padding:0;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);cursor:pointer}.nav-toggle .bar{display:block;width:20px;height:2px;background:var(--ink);border-radius:2px}@media (max-width: 1024px){.nav-toggle{display:inline-flex}.nav-links{display:none}.nav-links.open{display:grid;gap:4px;position:absolute;left:0;right:0;top:100%;padding:10px var(--pad);background:var(--surface);border-bottom:1px solid var(--border);box-shadow:0 8px 16px #10182814}.nav-links.open .btn{justify-content:flex-start}}@media (max-width: 600px){.site-header{padding:8px var(--pad)}.user-greet{display:none}}.toast-container{position:fixed;top:70px;right:16px;z-index:9999;display:flex;flex-direction:column;gap:8px;max-width:360px}.toast{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:8px;background:#333;color:#fff;font-size:14px;box-shadow:0 4px 12px #00000026;cursor:pointer;animation:toast-in .3s ease}.toast-success{background:var(--success)}.toast-error{background:var(--danger)}.toast-info{background:var(--info)}.toast-icon{font-size:16px;font-weight:700}.toast-message{flex:1}@keyframes toast-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:4px;font-size:14px;margin-bottom:12px;color:var(--muted)}.breadcrumb-sep{margin:0 6px;opacity:.5}.breadcrumb-link{color:var(--brand);text-decoration:none}.breadcrumb-link:hover{text-decoration:underline}.breadcrumb-current{color:var(--ink);font-weight:500}.form-card{max-width:500px;width:100%;margin:0 auto;box-sizing:border-box}.action-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.action-row>*{flex:0 1 auto}@media (max-width: 600px){.action-row{flex-direction:column;align-items:stretch}.action-row>.btn,.action-row>a.btn{width:100%}}.modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;box-sizing:border-box}.modal-dialog{background:var(--surface);width:100%;max-width:400px;box-sizing:border-box;max-height:calc(100vh - 32px);overflow-y:auto}@media (max-width: 900px){.filters{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.filters{grid-template-columns:1fr}}@media (max-width: 480px){.toast-container{right:8px;left:8px;max-width:none;top:64px}.toast{font-size:14px}}@media (max-width: 480px){.danger-zone-header{flex-direction:column;align-items:stretch!important;gap:12px}.danger-zone-header>.btn{width:100%}}.line-row{display:grid;grid-template-columns:2fr 1fr 1fr auto auto auto;gap:8px;align-items:center}@media (max-width: 700px){.line-row{grid-template-columns:1fr 1fr}.line-row>.line-item{grid-column:1 / -1}.line-row>.line-remove{grid-column:1 / -1}}