:root{--bg: #f4f6fa;--panel: #ffffff;--text: #1a2233;--muted: #6b7489;--line: #e3e7ef;--brand: #1f5fd6;--brand-dark: #174aa8;--sidebar: #0f1d36;--danger: #c0392b;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:var(--bg)}h1{font-size:22px;margin:2px 0 0}h2{font-size:16px;margin:0 0 12px}.muted{color:var(--muted)}.small{font-size:13px}.center{display:grid;place-items:center;height:100vh}button{background:var(--brand);color:#fff;border:0;border-radius:8px;padding:10px 16px;font-size:15px;cursor:pointer}button:hover{background:var(--brand-dark)}button:disabled{opacity:.6;cursor:default}button.ghost{background:transparent;color:var(--brand);border:1px solid var(--line)}.login-page{min-height:100vh;display:grid;place-items:center;padding:16px;background:linear-gradient(135deg,#0f1d36,#1f5fd6)}.login-card{width:100%;max-width:380px;background:var(--panel);border-radius:14px;padding:28px;display:flex;flex-direction:column;gap:14px;box-shadow:0 20px 50px #00000040}.logo{font-size:30px;font-weight:800;color:var(--brand);letter-spacing:-.5px}.logo.small{font-size:22px;color:#fff;padding:20px 20px 16px}label{display:flex;flex-direction:column;gap:6px;font-size:14px}input{padding:10px 12px;border:1px solid var(--line);border-radius:8px;font-size:15px}input:focus{outline:2px solid #b9cdf5;border-color:var(--brand)}.error{background:#fdecea;color:var(--danger);padding:10px 12px;border-radius:8px;font-size:14px}.shell{display:flex;min-height:100vh}.sidebar{width:230px;background:var(--sidebar);color:#c9d3e6;flex-shrink:0}.nav-item{padding:11px 20px;font-size:14px;display:flex;justify-content:space-between;align-items:center}.nav-item.active{background:#ffffff14;color:#fff;border-left:3px solid var(--brand)}.nav-item.disabled{opacity:.55}.soon{font-size:11px;background:#ffffff1f;padding:2px 6px;border-radius:10px}.main{flex:1;padding:24px;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:12px}.user{display:flex;align-items:center;gap:14px;text-align:right}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:20px}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px}.card.warn{border-color:#f0d08a}.card.muted{opacity:.8}.filters{display:flex;gap:10px;margin-bottom:12px;flex-wrap:wrap}.filters input{min-width:240px}.pay-row{display:flex;gap:8px;align-items:center}.pay-row input[type=date]{flex:0 0 150px}.kv{display:flex;flex-direction:column;gap:6px;font-size:14px;margin-bottom:8px}.neg{color:var(--danger)}.pos{color:#1d7a43}.inline{display:flex;gap:8px;align-items:center}.inline input,.inline select{flex:1}.modal .cards{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.modal .big{font-size:20px}.modal{max-width:760px}.code-box{font-family:ui-monospace,monospace;font-size:20px;letter-spacing:1px;background:#f2f4f8;border:1px dashed var(--line);border-radius:8px;padding:14px;text-align:center;margin:10px 0}.danger-btn{background:var(--danger)}.danger-btn:hover{background:#a93226}.big{font-size:28px;font-weight:700;margin-top:6px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px;overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--muted);font-weight:600}h3{font-size:15px;margin:8px 0 0}select{padding:10px 12px;border:1px solid var(--line);border-radius:8px;font-size:15px;background:#fff}input:disabled,select:disabled{background:#f2f4f8;color:var(--muted)}nav .nav-item{width:100%;background:transparent;color:inherit;border-radius:0;text-align:left;border-left:3px solid transparent}nav .nav-item:hover:not(:disabled){background:#ffffff0d}nav .nav-item.active{background:#ffffff14;color:#fff;border-left-color:var(--brand)}nav .nav-item:disabled{cursor:default}.panel+.panel{margin-top:16px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.panel-head h2{margin:0}.actions{display:flex;gap:6px;justify-content:flex-end}button.sm{padding:5px 10px;font-size:13px}button.danger{color:var(--danger)}button.icon{padding:2px 10px;font-size:20px;line-height:1;border:0}.badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:600}.badge.ok{background:#e3f6ea;color:#1d7a43}.badge.warn{background:#fff3dc;color:#9a6200}.badge.muted{background:#eceff4;color:var(--muted)}.badge.info{background:#e6eefc;color:var(--brand-dark)}.ok-box{background:#e3f6ea;color:#1d7a43;padding:10px 12px;border-radius:8px;font-size:14px}.form{display:flex;flex-direction:column;gap:12px}.form.narrow{max-width:460px}.form-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}.checks{border:1px solid var(--line);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:6px}.checks legend{font-size:14px;padding:0 4px}label.check{flex-direction:row;align-items:center;gap:8px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1d3673;display:grid;place-items:center;padding:16px;z-index:10}.modal{background:var(--panel);border-radius:14px;padding:20px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.modal-head h2{margin:0}@media (max-width: 760px){.actions{justify-content:flex-start;flex-wrap:wrap}.shell{flex-direction:column}.sidebar{width:100%}.sidebar nav{display:flex;overflow-x:auto}.nav-item{white-space:nowrap}.main{padding:16px}.topbar{flex-direction:column}.user{text-align:left}}