:root{color:#17202a;background:#f7f8fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}main{width:min(1180px,calc(100vw - 32px));margin:0 auto;padding:28px 0 48px}.login{min-height:100vh;display:grid;place-items:center}header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}h1,h2,p{margin-top:0}h1{font-size:28px;margin-bottom:4px}h2{font-size:18px}button,input,select{min-height:38px;border:1px solid #c8d0d8;border-radius:6px;padding:0 12px;font:inherit}button{background:#14532d;color:#fff;border-color:#14532d;cursor:pointer}label{display:grid;gap:6px;font-weight:600}.panel{background:#fff;border:1px solid #dce2e8;border-radius:8px;padding:20px}.login .panel{width:min(420px,calc(100vw - 32px));display:grid;gap:14px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.metric{background:#fff;border:1px solid #dce2e8;border-radius:8px;padding:16px}.metric span{display:block;color:#5d6b78;margin-bottom:8px}.metric strong{font-size:28px}.grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:16px}.inline-form{display:grid;grid-template-columns:1.5fr 1fr 1fr 120px 80px;gap:8px;margin-bottom:16px}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid #edf0f3;text-align:left;padding:10px 8px}th{color:#52606d;font-size:13px}.error{color:#b42318}.muted{color:#687684}label span{font-size:13px;color:#52606d}textarea{border:1px solid #c8d0d8;border-radius:6px;padding:8px 12px;font:inherit;resize:vertical}.tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px;border-bottom:1px solid #dce2e8;padding-bottom:10px}.tab{background:#fff;color:#2f3b46;border:1px solid #dce2e8;min-height:34px;padding:0 14px}.tab-on{background:#14532d;color:#fff;border-color:#14532d}.stack{display:grid;gap:16px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}.panel-head h2{margin:0}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 12px;margin-bottom:16px;align-items:end}.form-grid label{display:grid;gap:4px;font-weight:500;min-width:0}.form-grid .span-2{grid-column:span 2}.form-grid input,.form-grid select,.form-grid textarea{width:100%}.form-actions{grid-column:1 / -1;display:flex;gap:8px}.table-wrap{overflow-x:auto}.row-actions{white-space:nowrap}.row-actions button,.inline-select{min-height:30px;padding:0 8px;font-size:13px}.row-actions button[disabled]{background:#9bb4a3;border-color:#9bb4a3;cursor:not-allowed}.inline-select{background:#fff;color:#17202a}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600;background:#eef1f4;color:#3b4754}.badge-won,.badge-settled,.badge-paid,.badge-issued,.badge-active,.badge-signed{background:#dcfce7;color:#166534}.badge-lost,.badge-cancelled,.badge-rejected{background:#fee2e2;color:#991b1b}.badge-partiallypaid,.badge-negotiation,.badge-quoted,.badge-draft{background:#fef9c3;color:#854d0e}.banner{border-radius:6px;padding:10px 14px;margin-bottom:16px;font-weight:500}.banner-ok{background:#dcfce7;color:#166534}.banner-error{background:#fee2e2;color:#991b1b}.subtabs{display:flex;flex-wrap:wrap;gap:6px}.subtab{background:#eef1f4;color:#2f3b46;border:1px solid #dce2e8;min-height:36px;padding:0 18px;font-weight:600}.subtab-on{background:#0f3d24;color:#fff;border-color:#0f3d24}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.stat{background:#fff;border:1px solid #dce2e8;border-left:4px solid #c8d0d8;border-radius:8px;padding:14px 16px;display:grid;gap:2px}.stat span{color:#5d6b78;font-size:13px}.stat strong{font-size:24px}.stat em{font-style:normal;color:#8a96a3;font-size:12px}.stat-ok{border-left-color:#16a34a}.stat-warn{border-left-color:#d97706}.stat-bad{border-left-color:#dc2626}.bar-list{display:grid;gap:8px}.bar-line{display:grid;grid-template-columns:130px 1fr;align-items:center;gap:10px}.bar-key{font-size:13px;font-weight:600;color:#3b4754}.bar-row{display:flex;align-items:center;gap:8px}.bar{flex:1;background:#eef1f4;border-radius:999px;height:16px;overflow:hidden}.bar-fill{height:100%;background:#14532d;border-radius:999px;min-width:2px}.bar-label{font-size:12px;color:#52606d;min-width:28px}.reffield{display:flex;gap:4px;align-items:stretch}.reffield select{flex:1;min-width:0}.ref-refresh{background:#eef1f4;color:#2f3b46;border:1px solid #dce2e8;min-height:38px;padding:0 10px;flex:0 0 auto}.filefield{display:grid;gap:6px}.filefield-actions{display:flex;gap:8px;flex-wrap:wrap}.filefield-msg{font-size:12px;word-break:break-all}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f171e8c;display:grid;place-items:center;z-index:50}.modal{background:#fff;border-radius:10px;padding:18px;width:min(540px,calc(100vw - 32px));display:grid;gap:12px}.modal h3{margin:0}.cam-video{width:100%;border-radius:8px;background:#000;max-height:60vh}.modal-actions{display:flex;gap:8px;justify-content:flex-end}.route-tabs{display:flex;gap:8px}.chip{background:#fff;color:#2f3b46;border:1px solid #dce2e8;min-height:32px;padding:0 12px}.chip-on{background:#14532d;color:#fff;border-color:#14532d}@media(max-width:980px){.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.metrics,.grid,.inline-form,.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:span 1}header{align-items:flex-start;flex-direction:column}}