:root{--bg:#f4f6f9;--panel:#fff;--line:#e3e8ef;--text:#1f2937;--muted:#6b7280;--primary:#1d4ed8;--primary-soft:#eff4ff;--green:#047857}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,Roboto,Arial,sans-serif;font-size:14px}.app{max-width:1280px;margin:0 auto;padding:20px}.topbar{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.topbar h1{color:var(--primary);margin:0 0 4px;font-size:22px}.subtitle{color:var(--muted);margin:0;font-size:13px}.logout-btn{border:1px solid var(--line);background:var(--panel);cursor:pointer;color:var(--text);border-radius:8px;flex:none;padding:8px 14px;font-size:13px}.logout-btn:hover{color:#b91c1c;background:#fff0f0;border-color:#f1c0c0}.login-wrap{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;width:100%;max-width:360px;padding:28px 24px;box-shadow:0 12px 40px #00000014}.login-card h1{color:var(--primary);margin:0 0 4px;font-size:22px}.login-sub{color:var(--muted);margin:0 0 20px;font-size:13px}.login-card label{margin:12px 0 5px;font-size:13px;font-weight:600;display:block}.login-card input{border:1px solid var(--line);border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:14px}.login-card input:focus{border-color:var(--primary)}.login-err{color:#b91c1c;background:#fff0f0;border:1px solid #f1c0c0;border-radius:8px;margin-top:14px;padding:9px 12px;font-size:13px}.login-card button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;margin-top:20px;padding:11px;font-size:15px;font-weight:600}.login-card button:disabled{opacity:.6;cursor:default}.cards{grid-template-columns:repeat(4,1fr) 1.6fr;gap:12px;margin-bottom:18px;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px 16px}.card-label{color:var(--muted);margin-bottom:6px;font-size:12px}.card-value{color:var(--green);font-size:19px;font-weight:700}.card-value-sm{color:var(--text);font-size:13px;font-style:italic}.progress-box{background:var(--panel);border:1px solid var(--line);border-radius:10px;margin-bottom:18px;padding:14px 16px}.progress-head{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.progress-title{font-weight:600}.progress-pct{color:var(--green);font-size:22px;font-weight:800}.progress-track{background:#eef0f3;border-radius:99px;height:12px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#34d399,#047857);border-radius:99px;height:100%;transition:width .35s}.progress-legend{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.progress-legend .badge{border-radius:99px;padding:3px 10px;font-size:12px;font-weight:600}.progress-total{color:var(--muted);font-size:12px}.status-select{cursor:pointer;border:1px solid;border-radius:7px;outline:none;padding:5px 8px;font-size:12px;font-weight:600}.layout{grid-template-columns:280px 1fr;align-items:start;gap:16px;display:grid}.sidebar{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px;position:sticky;top:16px}.sidebar h3{margin:4px 6px 10px;font-size:14px}.sidebar ul{margin:0;padding:0;list-style:none}.sidebar li{cursor:pointer;border-radius:8px;padding:9px 10px;font-size:13px;display:block}.sidebar li:hover{background:var(--primary-soft)}.sidebar li.active{background:var(--primary);color:#fff}.sidebar li.active .g-sum,.sidebar li.active .g-count{color:#dbe7ff}.sidebar li.active .g-pct{color:#fff}.g-row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.g-name{flex:1}.g-pct{color:var(--green);font-size:12px;font-weight:700}.g-sub{justify-content:space-between;margin:3px 0 5px;display:flex}.g-sum,.g-count{font-variant-numeric:tabular-nums;color:var(--muted);font-size:11px}.g-track{background:#e7ebf0;border-radius:99px;height:5px;overflow:hidden}.sidebar li.active .g-track{background:#ffffff59}.g-fill{background:linear-gradient(90deg,#34d399,#047857);border-radius:99px;height:100%;transition:width .3s}.sidebar li.active .g-fill{background:#fff}.content{min-width:0}.toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.searchbar{flex:1;max-width:460px;position:relative}.searchbar input{border:1px solid var(--line);border-radius:8px;outline:none;width:100%;padding:10px 36px 10px 14px;font-size:14px}.searchbar input:focus{border-color:var(--primary)}.clear-btn{cursor:pointer;color:var(--muted);background:0 0;border:none;font-size:20px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.result-info{color:var(--muted);white-space:nowrap;font-size:13px}.result-info strong{color:var(--green)}.table-wrap{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:auto}.bid-table{border-collapse:collapse;width:100%;font-size:13px}.bid-table th,.bid-table td{border-bottom:1px solid var(--line);text-align:center;white-space:nowrap;padding:8px 10px}.bid-table thead th{color:#374151;background:#f8fafc;font-weight:600;position:sticky;top:0}.bid-table thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.bid-table thead th.sortable:hover,.bid-table thead th.sorted{color:var(--primary);background:#eef2ff}.sort-arrow{color:var(--primary);font-size:11px}.sort-select{border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;border-radius:8px;padding:9px 12px;font-size:13px}.bid-table td.left,.bid-table th.left{text-align:left;white-space:normal;min-width:240px}.bid-table td.right,.bid-table th.right{text-align:right;font-variant-numeric:tabular-nums}.bid-table td.code{color:var(--primary);font-family:ui-monospace,monospace}.bid-table td.strong{font-weight:700}.bid-table td.vat{color:var(--primary);font-weight:700}.bid-table tbody tr{cursor:pointer}.bid-table tbody tr:hover{background:var(--primary-soft)}.bid-table tbody tr.done{opacity:.5}.bid-table tbody tr.done:hover{opacity:1}.bid-table tbody tr.done td{text-decoration:line-through}.bid-table tbody tr.done td .status-select{text-decoration:none}.state{text-align:center;color:var(--muted);padding:40px}.pager{justify-content:center;align-items:center;gap:14px;margin-top:14px;display:flex}.pager button{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:8px;padding:7px 14px}.pager button:disabled{opacity:.5;cursor:default}.modal-overlay{z-index:50;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:100%;max-width:540px;padding:24px;position:relative;box-shadow:0 20px 60px #0000004d}.modal-close{cursor:pointer;color:var(--muted);background:0 0;border:none;font-size:26px;position:absolute;top:10px;right:14px}.modal h2{margin:0 30px 16px 0;font-size:17px}.detail-table{border-collapse:collapse;width:100%}.detail-table th,.detail-table td{border-bottom:1px solid var(--line);padding:8px 10px;font-size:13px}.detail-table th{text-align:left;color:var(--muted);width:42%;font-weight:500}.detail-table td{text-align:right;font-variant-numeric:tabular-nums}.formula{background:var(--primary-soft);border-radius:8px;margin:16px 0 0;padding:12px;font-size:13px}@media (width<=860px){.cards{grid-template-columns:1fr 1fr}.layout{grid-template-columns:1fr}.sidebar{position:static}}@media (width<=640px){.app{padding:12px}.topbar h1{font-size:18px}.subtitle{font-size:12px}.cards{grid-template-columns:1fr 1fr;gap:8px}.card{padding:10px 12px}.card-value{font-size:16px}.card-wide{grid-column:1/-1}.toolbar{flex-direction:column;align-items:stretch;gap:8px}.searchbar{max-width:100%}.result-info{white-space:normal;font-size:12px}.sidebar{padding:8px}.sidebar h3{font-size:13px}.sidebar li{padding:8px;font-size:12px}.table-wrap{background:0 0;border:none;overflow:visible}.bid-table thead{display:none}.bid-table,.bid-table tbody,.bid-table tr,.bid-table td{width:100%;display:block}.bid-table tr{background:var(--panel);border:1px solid var(--line);border-radius:10px;margin-bottom:10px;padding:8px 12px}.bid-table td{white-space:normal;border:none;border-bottom:1px dashed var(--line);justify-content:space-between;align-items:baseline;gap:12px;padding:6px 0;display:flex;text-align:right!important}.bid-table td:last-child{border-bottom:none}.bid-table td:before{content:attr(data-label);color:var(--muted);text-align:left;flex:0 0 42%;font-weight:600}.bid-table td.name{color:var(--text);border-bottom:1px solid var(--line);margin-bottom:2px;padding-bottom:8px;font-size:14px;font-weight:700;text-align:left!important}.bid-table td.name:before{display:none}.modal{padding:18px}.modal h2{font-size:16px}.detail-table th{width:50%}}