:root{--hager-blue: #0078c3;--hager-blue-dark: #004673;--hager-blue-deep: #002841;--hager-blue-pale: #dcf0ff;--hager-blue-sky: #8cccfa;--hager-grey-1: #282828;--hager-grey-3: #646464;--hager-grey-4: #a5a5a5;--hager-grey-5: #e6e6e6;--hager-grey-6: #F7F7F7;--hager-orange: #cc4400}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--hager-grey-1);background:var(--hager-grey-6)}#app{max-width:960px;margin:0 auto;padding:24px}h1{margin:0 0 8px;color:var(--hager-blue-deep)}h2{margin:24px 0 12px;color:var(--hager-blue-deep)}.muted{color:var(--hager-grey-3)}.card{background:#fff;border:1px solid var(--hager-grey-5);border-radius:8px;padding:20px;margin-bottom:16px}.options{display:grid;gap:12px}.option{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--hager-grey-5);border-radius:6px;cursor:pointer;background:#fff;transition:background .1s,border-color .1s}.option:hover{background:var(--hager-grey-6);border-color:var(--hager-grey-4)}.option.selected{background:var(--hager-blue-pale);border-color:var(--hager-blue)}.actions{display:flex;gap:12px;margin-top:16px}button{padding:10px 18px;border:1px solid var(--hager-blue);background:var(--hager-blue);color:#fff;border-radius:6px;cursor:pointer;font-size:14px}button:hover{background:var(--hager-blue-dark);border-color:var(--hager-blue-dark)}button.secondary{background:#fff;color:var(--hager-blue)}button.secondary:hover{background:var(--hager-blue-pale)}button:disabled{background:var(--hager-grey-4);border-color:var(--hager-grey-4);cursor:not-allowed}button:disabled:hover{background:var(--hager-grey-4);border-color:var(--hager-grey-4)}table{width:100%;border-collapse:collapse;margin-top:12px;font-size:13px}th,td{padding:8px 10px;text-align:left;border-bottom:1px solid var(--hager-grey-5)}th{background:var(--hager-grey-6);font-weight:600;color:var(--hager-blue-deep)}tr.total td{font-weight:700;background:var(--hager-grey-6)}pre.tender{background:#fff;border:1px solid var(--hager-grey-5);border-radius:6px;padding:16px;max-height:500px;overflow:auto;white-space:pre-wrap;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:12px;line-height:1.5}label{display:flex;align-items:center;gap:8px;padding:6px 0}input[type=number]{width:80px;padding:6px;border:1px solid var(--hager-grey-5);border-radius:4px}input[type=text],input[type=email]{padding:6px;border:1px solid var(--hager-grey-5);border-radius:4px;font-size:14px}input:focus{outline:none;border-color:var(--hager-blue);box-shadow:0 0 0 2px var(--hager-blue-pale)}#app-header{background:#fff;border-bottom:1px solid var(--hager-grey-5)}.appbar{max-width:960px;margin:0 auto;display:flex;align-items:center;gap:16px;padding:14px 24px}.appbar-logo{height:36px;width:auto;display:block}.appbar a{display:inline-flex}.appbar-spacer{flex:1}.appbar button{padding:6px 12px;font-size:13px}.appbar .muted{font-size:13px}.login-wrap{min-height:70vh;display:flex;align-items:center;justify-content:center}.login-card{width:100%;max-width:380px;text-align:center}.login-card h1{text-align:center;margin-bottom:24px}.login-card label{display:block;text-align:left;margin:16px 0}.login-card input{width:100%;padding:8px;border:1px solid var(--hager-grey-5);border-radius:4px;font-size:14px}.login-card .actions{justify-content:center;margin-top:16px}.login-card .actions button{width:100%}.error{color:var(--hager-orange);margin-top:8px}.draft-banner{background:var(--hager-blue-pale);border-color:var(--hager-blue-sky)}.draft-banner .actions{margin-top:8px}
