*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Arial;background:#0b1020;color:#e9eefc}.page{max-width:1500px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}h1,h2{margin:0 0 6px}header span{color:#93a0bd}.actions{display:flex;gap:10px}button,select,input{border:1px solid #2c3858;background:#111a30;color:#eef3ff;border-radius:8px;padding:10px 12px}button{cursor:pointer}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.cards div,.panel{background:#111a30;border:1px solid #202c49;border-radius:14px;padding:18px}.cards b{display:block;color:#95a5c8;margin-bottom:10px}.cards strong{font-size:28px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.panel{overflow:auto}table{width:100%;border-collapse:collapse;margin-top:12px}th,td{text-align:left;padding:10px;border-bottom:1px solid #24304e;white-space:nowrap}th{color:#91a3c9;font-weight:600}.login{min-height:100vh;display:grid;place-items:center}.login form{width:min(420px,90vw);background:#111a30;border:1px solid #24304e;border-radius:16px;padding:28px;display:grid;gap:12px}.error{background:#5d1c27;border:1px solid #933143;padding:10px;border-radius:8px;margin:10px 0}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000a;display:grid;place-items:center;padding:20px}.modalbox{background:#111a30;border:1px solid #2a385b;border-radius:14px;padding:22px;width:min(1200px,96vw);max-height:90vh;overflow:auto}.row{display:flex;align-items:center}.between{justify-content:space-between}.rateform{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.rateform label{display:grid;gap:5px;text-transform:capitalize;color:#9fb0d2}.rateform button{align-self:end}@media(max-width:900px){.cards,.grid,.rateform{grid-template-columns:1fr 1fr}header{align-items:flex-start;gap:15px;flex-direction:column}}@media(max-width:600px){.cards,.grid,.rateform{grid-template-columns:1fr}.actions{flex-wrap:wrap}}.app-shell{min-height:100vh;display:flex}.sidebar{width:230px;flex:0 0 230px;background:#0d1528;border-right:1px solid #202c49;padding:22px 14px;display:flex;flex-direction:column;gap:8px;position:sticky;top:0;height:100vh}.sidebar-brand{display:grid;gap:4px;padding:4px 8px 18px;margin-bottom:6px;border-bottom:1px solid #202c49}.sidebar-brand strong{font-size:17px}.sidebar-brand span,.sidebar-label{color:#93a0bd;font-size:12px}.sidebar-label{padding:16px 8px 4px;text-transform:uppercase;letter-spacing:.08em}.sidebar button{text-align:left;width:100%;background:transparent}.sidebar button.active{background:#182542;border-color:#3b4f7c}.app-content{min-width:0;flex:1}.app-content .page{max-width:1500px}@media(max-width:800px){.app-shell{display:block}.sidebar{width:100%;height:auto;position:static;flex-direction:row;flex-wrap:wrap;align-items:center}.sidebar-brand{width:100%;padding-bottom:10px}.sidebar-label{width:100%;padding-top:8px}.sidebar button{width:auto}}.success{background:#173d2a;border:1px solid #2f7652;padding:10px;border-radius:8px;margin:10px 0 18px}.operating-volume{display:flex;align-items:end;gap:18px;margin:18px 0}.operating-volume label{display:grid;gap:7px;color:#9fb0d2}.operating-volume span{color:#93a0bd;padding-bottom:10px}.cost-input{width:180px}.notes-input{width:min(520px,45vw)}@media(max-width:700px){.operating-volume{align-items:stretch;flex-direction:column}.cost-input,.notes-input{width:100%}}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:14px}.pagination span{color:#93a0bd}.pagination button:disabled{opacity:.45;cursor:not-allowed}.true-cost-summary{margin:0 0 18px}.true-cost-card{width:100%;background:linear-gradient(135deg,#17233d,#111a30);border:2px solid #49679f;border-radius:16px;padding:22px 24px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 24px}.true-cost-card div{display:grid;gap:6px}.true-cost-card b{color:#b9c9e8;font-size:15px;letter-spacing:.04em}.true-cost-card span,.true-cost-card small{color:#93a0bd}.true-cost-card strong{grid-row:span 2;font-size:40px;line-height:1;white-space:nowrap}.true-cost-card small{grid-column:1 / -1}@media(max-width:700px){.true-cost-card{grid-template-columns:1fr}.true-cost-card strong,.true-cost-card small{grid-column:1;grid-row:auto}}