:root{--bg: #f4f7fb;--card: #ffffff;--muted: #6b7280;--accent: #0f62fe;--accent-600: #0958d9;--success: #10b981;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color-scheme:light}*{box-sizing:border-box}body{background:var(--bg);color:#0f172a;margin:0}.app{display:flex;max-width:1200px;margin:28px auto;padding:20px;gap:20px}.content{flex:1}.app-menu{width:220px;background:#fff;border-radius:12px;padding:18px;box-shadow:0 6px 18px #0c0e1a0f;display:flex;flex-direction:column;gap:12px}.menu-top{display:flex;gap:12px;align-items:center}.menu-logo{height:56px;border-radius:8px;object-fit:contain;border:1px solid #eef2f6;padding:6px;background:#fff}.menu-logo-fallback{height:56px;width:56px;border-radius:8px;background:#f3f6fb;display:flex;align-items:center;justify-content:center;font-weight:700}.menu-company-name{font-weight:700}.menu-company-sub{font-size:12px;color:var(--muted)}.menu-nav{display:flex;flex-direction:column;gap:6px;margin-top:8px}.menu-link{padding:10px 12px;border-radius:8px;color:#0f172a;text-decoration:none}.menu-link.active{background:linear-gradient(180deg,var(--accent),var(--accent-600));color:#fff}.menu-footer{margin-top:auto}header{display:flex;align-items:center;justify-content:space-between;gap:12px}header h1{font-size:20px;margin:0;font-weight:600}.tabs{display:flex;align-items:center}.tabs button{margin-left:8px;padding:8px 12px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--muted);cursor:pointer}.tabs .active{background:linear-gradient(180deg,var(--accent),var(--accent-600));color:#fff;box-shadow:0 6px 18px #0f62fe1f}main{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-top:18px}.form-section{background:var(--card);padding:20px;border-radius:12px;box-shadow:0 6px 18px #0c0e1a0f}.list-section{display:flex;flex-direction:column;gap:12px}.doc-form label{display:block;margin-bottom:10px;font-size:13px;color:var(--muted)}.doc-form input[type=text],.doc-form input[type=date],.doc-form input[type=number],.doc-form input[type=file]{display:block;width:100%;padding:10px 12px;margin-top:6px;border-radius:8px;border:1px solid #e6edf3;background:transparent}.doc-form input[type=checkbox]{margin-right:8px}.company-row{display:flex;gap:12px;align-items:center}.company-row img{height:64px;border-radius:6px;object-fit:contain;border:1px solid #eef2f6;padding:6px;background:#fff}.items{background:#fbfdff;padding:12px;border-radius:10px;border:1px solid #eef2f6}.items h4{margin:0 0 8px}.items .item{display:grid;grid-template-columns:2fr 80px 120px 120px 80px auto;gap:8px;align-items:center;margin-bottom:8px}.items .item input{padding:8px;border-radius:6px;border:1px solid #e6edf3}.items .item button{padding:8px 10px;border-radius:8px;border:0;background:#fff;color:var(--muted);cursor:pointer}.items .controls{display:flex;gap:8px;margin-top:8px}.total{margin-top:12px;font-weight:700;font-size:15px;color:#081129}.save{margin-top:12px;padding:10px 14px;border-radius:10px;border:0;background:var(--accent);color:#fff;cursor:pointer}.list .entry{background:var(--card);padding:14px;margin-bottom:8px;border-radius:10px;box-shadow:0 4px 12px #0a0c140a}.entry-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.entry-head strong{font-size:14px}.entry-items{margin-top:8px;font-size:13px;color:var(--muted)}.entry-item{padding:6px 0;border-top:1px dashed #eef2f6}.entry-actions{margin-top:10px;display:flex;gap:8px}.entry-actions button{padding:8px 10px;border-radius:8px;border:1px solid #e6edf3;background:transparent;cursor:pointer}.empty{padding:16px;background:var(--card);border-radius:10px}@media (max-width:900px){main{grid-template-columns:1fr}.items .item{grid-template-columns:1fr 80px 120px 120px}}