*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f5f6f8;color:#181818}header{background:white;border-bottom:3px solid #e76b25;padding:14px 5%;display:flex;align-items:center;gap:16px;justify-content:space-between}header img{width:130px;max-height:76px;object-fit:contain}h1{font-size:22px;margin:0}small,.sub{color:#68707b;font-size:12px}nav{background:#161616;display:flex;gap:4px;padding:9px 5%;overflow-x:auto}nav button{border:0;background:transparent;color:#ddd;padding:11px;border-radius:6px;white-space:nowrap;cursor:pointer}nav button.active{background:#e76b25;color:#fff}main{max-width:1120px;margin:24px auto;padding:0 18px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:12px;margin:16px 0}.card,.panel{background:white;border:1px solid #e3e5e9;border-radius:12px;padding:18px}.value{font-size:24px;font-weight:750;margin-top:8px}.button{background:#e76b25;color:#fff;border:0;border-radius:7px;padding:11px 14px;cursor:pointer}.outline{background:white;border:1px solid #d3d7de;border-radius:7px;padding:9px 12px;cursor:pointer}input,select{padding:10px;border:1px solid #cbd0d8;border-radius:7px;background:white;color:#171717;max-width:100%}label{display:block;font-size:12px;margin:10px 0 5px;font-weight:650}.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px 14px}.fields input,.fields select{width:100%}.record{border-top:1px solid #e9ebee;padding:13px 0}.pill{display:inline-block;background:#fff0e5;color:#a54b17;padding:5px 9px;border-radius:20px;font-size:11px}.board{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.lane{background:#f2f3f5;border-radius:9px;padding:10px}.deal{background:white;border-radius:7px;padding:12px;margin-top:10px;border:1px solid #e1e4e8}.deal select{width:100%;margin-top:9px}.muted{color:#6b7280}footer{text-align:center;padding:25px;color:#777;font-size:11px}.notice{background:#fff4eb;border-left:3px solid #e76b25;padding:10px 13px;font-size:12px;margin-bottom:18px}#formarea{margin:14px 0} @media(max-width:550px){header img{width:90px}h1{font-size:17px}.value{font-size:20px}main{margin-top:15px}}
.preview-bar{background:#161616;color:#fff;border-top:3px solid #e76b25;padding:10px 5%;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:14px;position:sticky;top:0;z-index:5}.preview-bar .button{padding:8px 14px}