.sf{font-family:Lucida Console,Courier New,monospace;font-size:12px;color:#1a1a1a;background:#c8c8c0;min-height:100vh}.sf a{color:#7a3a00}.sf-top{background:#1b1b1b;color:#e8e8e8;border-bottom:2px solid #c05a00;padding:4px 10px;display:flex;justify-content:space-between;align-items:center}.sf-top .brand{font-size:15px;font-weight:700;letter-spacing:1px;color:#ff9d3c;text-transform:uppercase}.sf-top .brand b{color:#fff}.sf-top .sys{font-size:10px;color:#8fbf8f}.sf-top .who{font-size:11px;color:#cfcfcf}.sf-nav{background:#2b2b2b;border-bottom:1px solid #000;padding:3px 10px;font-size:11px}.sf-nav a{color:#ffb066;margin-right:16px;text-decoration:none;text-transform:uppercase;font-weight:700}.sf-nav a:hover{color:#fff;text-decoration:underline}.sf-fkeys{background:#d9d4c4;border-bottom:1px solid #8a8470;padding:3px 10px;font-size:10px;color:#333;display:flex;gap:14px;flex-wrap:wrap}.sf-fkeys b{color:#7a3a00}.sf-wrap{max-width:980px;margin:10px auto;padding:0 10px}.sf-statline{background:#1b1b1b;color:#6fdc6f;font-size:11px;padding:3px 8px;margin-bottom:8px;border:1px solid #000}.sf-statline .pro{color:#ff9d3c;font-weight:700}.sf-panel{background:#efeee6;border:1px solid #6b6657;margin-bottom:12px}.sf-panel>h2{margin:0;font-size:11px;text-transform:uppercase;letter-spacing:.5px;background:#c05a00;color:#fff;padding:4px 8px;border-bottom:1px solid #6b6657}.sf-panel .sf-body{padding:8px}.sf-stats{display:flex;gap:6px}.sf-stat{flex:1 1;border:1px solid #6b6657;background:#1b1b1b;padding:6px;text-align:center}.sf-stat .n{font-size:20px;font-weight:700;color:#ff9d3c}.sf-stat .l{font-size:9px;color:#aaa;text-transform:uppercase}table.sf-grid{width:100%;border-collapse:collapse;font-size:11px}table.sf-grid th{background:#2b2b2b;color:#ffb066;text-align:left;padding:3px 6px;font-size:10px;text-transform:uppercase;border:1px solid #000}table.sf-grid td{border:1px solid #b0ac9c;padding:2px 6px;white-space:nowrap}table.sf-grid tr:nth-child(2n) td{background:#e3e1d6}table.sf-grid tr:hover td{background:#fff2dd}table.sf-grid .num{text-align:right}.sf-st{font-size:10px;font-weight:700;padding:1px 6px;border:1px solid #000;text-transform:uppercase}.sf-st.booked{background:#ffe08a;color:#6b4a00}.sf-st.dispatched{background:#8ab8ff;color:#10306b}.sf-st.delivered{background:#9be09b;color:#14501a}.sf-av{font-size:10px;font-weight:700;padding:1px 6px;border:1px solid #000}.sf-av.available{background:#9be09b;color:#14501a}.sf-av.on-load{background:#ffb27a;color:#6b2e00}.sf-btn{font-family:Lucida Console,monospace;font-size:11px;font-weight:700;padding:3px 10px;color:#1a1a1a;background:#d7d2c2;border:2px outset #b0aa96;cursor:pointer;text-decoration:none;display:inline-block}.sf-btn:hover{background:#e6e1d2}.sf-btn:active{border-style:inset}.sf-btn.go{color:#fff;background:#c05a00;border-color:#e08a3c #7a3a00 #7a3a00 #e08a3c}.sf-btn.go:hover{background:#d56a10}.sf-btn.danger{color:#fff;background:#146b14;border-color:#4caf4c #0a3d0a #0a3d0a #4caf4c}.sf-btn:disabled{color:#888;background:#cdcabd;border-style:solid;border-color:#aaa;cursor:default}.sf-wiz{background:#efeee6;border:1px solid #6b6657}.sf-steps{display:flex;gap:0;background:#2b2b2b;padding:0;flex-wrap:wrap}.sf-step{font-size:10px;color:#999;padding:4px 10px;border-right:1px solid #000;text-transform:uppercase}.sf-step.on{background:#c05a00;color:#fff;font-weight:700}.sf-step.done{color:#6fdc6f}.sf-form{padding:14px}.sf-form label{display:block;margin-bottom:8px;font-size:11px;color:#333}.sf-form input[type=number],.sf-form input[type=text],.sf-form select{width:100%;max-width:360px;margin-top:2px;padding:4px 6px;border:1px inset #b0aa96;background:#fff;font-family:Lucida Console,monospace;font-size:12px}.sf-form .row{display:flex;gap:12px;flex-wrap:wrap}.sf-form .row label{flex:1 1;min-width:140px}.sf-foot{display:flex;justify-content:space-between;padding:10px 14px;border-top:1px solid #b0ac9c;background:#d9d4c4}.sf-readout{padding:14px;font-size:12px}.sf-readout .line{display:flex;justify-content:space-between;max-width:360px;padding:2px 0;border-bottom:1px dotted #b0ac9c}.sf-readout .total{font-weight:700;color:#7a3a00;font-size:14px;border-bottom:2px solid #7a3a00}.sf-kv{font-size:11px}.sf-kv .k{color:#666;display:inline-block;width:130px}.sf-kv .v{font-weight:700}.sf-flash{background:#fff2dd;border:1px solid #c05a00;padding:6px 8px;font-size:11px;margin-bottom:10px}.sf-note{font-size:10px;color:#777}