: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:1600px;margin:24px auto;padding:24px;gap:24px}.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}}.page-body{padding:28px 32px;min-height:100vh}.page-header-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px;flex-wrap:wrap;gap:12px}.page-header-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.stat-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.stat-flex{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:22px}.kpi-strip-grid{display:grid;grid-template-columns:repeat(4,1fr)}.chart-row-wide{display:grid;grid-template-columns:1fr 320px;gap:14px;margin-bottom:22px}.chart-row-md{display:grid;grid-template-columns:1fr 380px;gap:14px;margin-bottom:22px}.two-col-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:22px}.three-col-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:16px}.form-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-bar-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tab-bar-scroll::-webkit-scrollbar{display:none}.summary-card-wrap{display:flex;justify-content:flex-end}.menu-toggle-btn{display:none;background:none;border:1px solid #e2e8f0;border-radius:8px;padding:7px 9px;cursor:pointer;color:#0f172a;align-items:center;justify-content:center;flex-shrink:0;line-height:0}.menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000006b;z-index:149}@media (max-width:768px){.app{margin:0;padding:12px;gap:0;flex-direction:column}.content{min-width:0}.app-sidebar{position:fixed!important;top:0;left:0;height:100dvh;max-height:100dvh;width:260px!important;border-radius:0 12px 12px 0!important;z-index:150;overflow-y:auto;transform:translate(-100%);transition:transform .25s ease}.app-sidebar.sidebar-open{transform:translate(0)}.menu-toggle-btn{display:flex}header{position:sticky;top:0;z-index:100;background:var(--bg);padding:0 0 10px;margin-bottom:4px}header h1{font-size:15px}main{margin-top:0}.items .item{grid-template-columns:1fr 70px 90px}.page-body{padding:12px}.page-header-row{margin-bottom:14px;align-items:flex-start}.page-header-row h1{font-size:22px!important;line-height:1.2!important}.stat-grid-4{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px}.kpi-strip-grid{grid-template-columns:repeat(2,1fr);gap:0}.chart-row-wide,.chart-row-md,.two-col-grid,.three-col-grid{grid-template-columns:1fr;margin-bottom:14px}.form-grid-2,.form-grid-3{grid-template-columns:1fr;gap:12px}.summary-card-wrap{justify-content:stretch}}@media (max-width:480px){.app{padding:8px}header h1{font-size:14px}.page-body{padding:8px}.stat-grid-4{grid-template-columns:repeat(2,1fr)}}