:root{font-family:system-ui,sans-serif;color:#edf4f0;background:#0b0d10;--p:#181d23;--e:#37414b;--g:#9be36b;--m:#adbbb4}*{box-sizing:border-box}body{margin:0;background:#0b0d10}header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;padding:15px 18px;background:#151a20;border-bottom:1px solid var(--e)}small{letter-spacing:.15em;color:var(--g);font-weight:800}h1{margin:3px 0;font-size:1.15rem}main{max-width:1000px;margin:auto;padding:15px 14px 80px}.view{display:none}.view.active{display:block}section{background:var(--p);border:1px solid var(--e);border-radius:15px;padding:16px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px}label{display:grid;gap:5px;font-size:.85rem;font-weight:700}input,select,button{font:inherit;color:white;background:#10151a;border:1px solid #4a5660;border-radius:8px;padding:10px;width:100%}button{border:0;background:var(--g);color:#142014;font-weight:800}.secondary{background:#384540;color:white}.danger{background:#743c49;color:white}.cards,.list{display:grid;gap:10px}.cards button{text-align:left;background:#202830;color:white;border:1px solid var(--e)}.cards span,.hint,#network{display:block;font-weight:400;color:var(--m);margin-top:4px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.actions button{flex:1;min-width:150px}.scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:.86rem}th,td{border-bottom:1px solid #303943;padding:8px 4px;text-align:left;vertical-align:top}td input{min-width:85px;padding:7px}.totals{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.totals span{padding:10px;background:#10151a;border-radius:8px;color:var(--m)}.totals b{display:block;color:var(--g);font-size:1.05rem}.job{padding:11px;background:#11161b;border:1px solid var(--e);border-radius:10px}.job h3,.job p{margin:0 0 5px}.job p{color:var(--m)}.job button{width:auto;margin-right:5px}.links{display:flex;gap:10px;flex-wrap:wrap}.links a{color:var(--g)}#photo-preview{max-width:100%;max-height:300px;margin-top:8px;border-radius:8px}nav{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(5,1fr);background:#151a20;border-top:1px solid var(--e);padding:7px}nav button{background:transparent;color:#c9d2ce;font-size:.72rem;padding:7px 2px}@media print{header,nav,.actions,.hint,details{display:none!important}.view{display:none!important}#estimate{display:block!important}section{border:0;background:white;color:black}body{background:white}}