:root{--bg:#f3f0ea;--bg-elevated:#fffdf8;--ink:#1c1a17;--muted:#6b645a;--line:#ddd4c6;--accent:#1f4d3a;--accent-soft:#e3efe8;--danger:#9b2c2c;--warn:#8a5a12;--radius:12px;--shadow:0 10px 30px rgba(28,26,23,.06);--font:"Manrope",system-ui,sans-serif}*{box-sizing:border-box}body,html{background:radial-gradient(circle at top left,rgba(31,77,58,.08),transparent 35%),linear-gradient(180deg,#f7f3ec 0,var(--bg) 100%);color:var(--ink);font-family:var(--font);margin:0;min-height:100%;padding:0}a{color:inherit;text-decoration:none}button,input,select,textarea{color:inherit;font:inherit}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffdf8d9;border-right:1px solid var(--line);padding:28px 20px}.brand{font-size:1.35rem;font-weight:700;letter-spacing:-.03em;margin-bottom:28px}.nav{display:flex;flex-direction:column;gap:6px}.nav a{border-radius:10px;color:var(--muted);font-weight:500;padding:10px 12px}.nav a.router-link-active,.nav a:hover{background:var(--accent-soft);color:var(--accent)}.main{padding:28px 32px 48px}.page-head{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.page-head h1{font-size:1.8rem;letter-spacing:-.03em;margin:0 0 6px}.page-head p{color:var(--muted);margin:0}.card{background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2,.grid-3{display:grid;gap:14px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.field{display:flex;flex-direction:column;gap:6px}.field label{color:var(--muted);font-size:.85rem;font-weight:600}.field input,.field select,.field textarea{background:#fff;border:1px solid var(--line);border-radius:10px;outline:none;padding:10px 12px;width:100%}.field textarea{min-height:96px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #1f4d3a1f}.btn{align-items:center;background:var(--accent);border:0;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;justify-content:center;padding:10px 14px}.btn:hover{filter:brightness(1.05)}.btn:disabled{cursor:not-allowed;opacity:.55}.btn.secondary{background:#fff;border:1px solid var(--line);color:var(--ink)}.btn.danger{background:var(--danger)}.btn.ghost{background:transparent;border:1px solid transparent;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:10px}.table{border-collapse:collapse;width:100%}.table td,.table th{border-bottom:1px solid var(--line);padding:12px 10px;text-align:left;vertical-align:top}.table th{color:var(--muted);font-size:.8rem;letter-spacing:.04em;text-transform:uppercase}.badge{background:var(--accent-soft);border-radius:999px;color:var(--accent);display:inline-block;font-size:.75rem;font-weight:700;padding:4px 8px}.badge.draft{background:#eee8dc;color:#6b645a}.badge.issued{background:#fdecec;color:#9b2c2c}.badge.paid{background:#e3efe8;color:#1f4d3a}.pay-stamp{border:3px solid;border-radius:8px;font-size:1.1rem;font-weight:800;letter-spacing:.06em;opacity:.85;padding:8px 14px;pointer-events:none;position:absolute;right:24px;text-transform:uppercase;top:28px;transform:rotate(-12deg)}.pay-stamp.paid{color:#1f4d3a}.pay-stamp.unpaid{color:#9b2c2c}.doc{position:relative}.muted{color:var(--muted)}.error{background:#fdecec;border:1px solid #f3c1c1;border-radius:10px;color:var(--danger);padding:10px 12px}.login-wrap{display:grid;min-height:100vh;padding:24px;place-items:center}.login-card{background:var(--bg-elevated);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:28px;width:min(420px,100%)}.login-card h1{font-size:1.7rem;letter-spacing:-.03em;margin:0 0 8px}.stack{display:flex;flex-direction:column;gap:14px}.items-editor .item-row{display:grid;gap:8px;grid-template-columns:2fr 90px 90px 120px 40px;margin-bottom:8px}.stats{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:24px}.stat{background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.stat .label{color:var(--muted);font-size:.85rem}.stat .value{font-size:1.6rem;font-weight:700;margin-top:6px}.doc-toolbar{background:linear-gradient(180deg,#f7f3ec 70%,transparent);display:flex;gap:10px;padding:12px 0;position:sticky;top:0;z-index:5}.doc{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);font-size:11.5px;line-height:1.35;margin:0 auto;max-width:900px;padding:28px}.doc h1{font-size:1rem;margin:0 0 6px}.doc h2{font-size:.95rem;margin:0 0 8px}.doc-meta,.doc-parties,.doc-sign{display:grid;gap:12px;grid-template-columns:1fr 1fr;margin:12px 0}.doc table{border-collapse:collapse;font-size:10.5px;margin:12px 0;width:100%}.doc td,.doc th{border:1px solid #bbb;padding:5px 6px}.doc th{background:#f5f5f5}.doc .right{text-align:right}.doc .center{text-align:center}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid var(--line);border-right:0}.doc-meta,.doc-parties,.doc-sign,.grid-2,.grid-3,.stats{grid-template-columns:1fr}.items-editor .item-row{grid-template-columns:1fr 1fr}.main{padding:20px 16px 40px}}@media print{@page{size:A4;margin:10mm}body,html{background:#fff!important;font-size:10px!important}.doc-toolbar,.no-print,.sidebar{display:none!important}.shell{display:block}.doc,.main{padding:0}.doc{border:0;box-shadow:none;font-size:10px;line-height:1.3;max-width:none}.doc h1{font-size:12px}.doc h2{font-size:11px}.doc table{font-size:9.5px}.doc td,.doc th{padding:3px 4px}.signature-img{height:38px!important}.pay-stamp{font-size:.8rem;padding:4px 8px}}.print-hint{color:var(--muted);font-size:.85rem;line-height:1.4;margin:8px 0 0;max-width:640px}