:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#171717;background:#faf9f8}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;flex-direction:column}.top{background:white;border-bottom:1px solid #e9e6e4;display:flex;justify-content:space-between;align-items:center;padding:19px max(20px,calc((100vw - 1100px)/2))}.brand{font-size:25px;font-weight:850;letter-spacing:-1px}.brand span{color:#8b1117}.brand small{display:block;color:#777;font-size:9px;letter-spacing:2.2px;font-weight:650}.account{display:flex;align-items:center;gap:12px;font-size:13px}main{width:min(1100px,calc(100% - 40px));margin:45px auto;flex:1}.panel{background:white;border:1px solid #e8e4e2;border-radius:16px;padding:25px}.login{max-width:440px;margin:70px auto;padding:35px}.eyebrow{font-size:11px;letter-spacing:2px;color:#8b1117;font-weight:800}h1{font-size:clamp(26px,4vw,38px);letter-spacing:-1px;margin:12px 0}h2{font-size:21px}p{color:#676767;line-height:1.6}label{display:block;font-size:13px;font-weight:700;margin:17px 0}input,select{display:block;width:100%;padding:12px;margin-top:7px;border:1px solid #d5d0ce;border-radius:9px;font:inherit;background:white;color:#222}button{cursor:pointer;font:inherit;border-radius:9px;border:1px solid #d8d1d0;padding:10px 14px;background:white;color:#222}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:#8b1117;color:white;border-color:#8b1117;width:100%;margin-top:10px;font-weight:750}button.outline{font-size:12px}button.textbtn{border:0;color:#8b1117;padding:12px 0}.hidden,[hidden]{display:none!important}.intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.pill{border:1px solid #e7d3d4;color:#8b1117;background:#fff7f7;border-radius:99px;padding:7px 12px;font-size:11px;font-weight:800;white-space:nowrap}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.appcard{background:white;border:1px solid #e9e4e3;border-radius:16px;padding:24px;min-height:218px;display:flex;flex-direction:column}.appcard .icon{width:48px;height:48px;display:grid;place-items:center;background:#f8eaea;color:#8b1117;border-radius:12px;font-size:24px}.appcard h2{font-size:20px;margin:16px 0 3px}.appcard .operator{font-size:12px;font-weight:700;color:#8b1117;margin:0}.appcard .desc{font-size:13px;margin:10px 0 16px;flex:1}.appcard a{color:#8b1117;font-weight:750;text-decoration:none}.muted{font-size:12px;color:#8c8683}.sectionhead{display:flex;justify-content:space-between;align-items:center}.panel#adminPanel{margin-top:32px}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{border-bottom:1px solid #eee;padding:12px 8px;text-align:left}td select{margin:0;min-width:130px}.settingsrow{display:grid;grid-template-columns:1fr 2fr 145px 80px;gap:10px;align-items:center;margin:12px 0}.settingsrow input,.settingsrow select{margin:0}.settingsrow button{padding:11px}.message{font-size:13px;min-height:18px}.note{font-size:13px}footer{text-align:center;font-size:12px;color:#8e8987;padding:25px}@media(max-width:680px){.grid{grid-template-columns:1fr}.intro{align-items:flex-start;flex-direction:column}.top{padding:16px 20px}.settingsrow{grid-template-columns:1fr}.login{margin:15px auto;padding:23px}.account #who{display:none}}

/* ARBAX ONE login branding refresh */
.login{max-width:620px}
.login-logo{display:block;width:min(270px,72%);height:auto;object-fit:contain;margin:0 auto 24px}
.login h1{font-size:clamp(20px,3.5vw,32px);letter-spacing:-.7px;white-space:nowrap}
@media(max-width:680px){.login{max-width:100%}.login-logo{width:min(225px,70%)}.login h1{font-size:clamp(18px,4.2vw,27px);letter-spacing:-.65px}}

/* Compact, centered login logo (original artwork, whitespace trimmed) */
.login{margin:38px auto;padding:30px 35px}
.login-logo{width:min(275px,78%);max-height:220px;object-fit:contain;margin:0 auto 18px}
.login .eyebrow{margin-top:0}
@media(max-width:680px){.login{margin:16px auto;padding:24px 20px}.login-logo{width:min(235px,80%);max-height:190px;margin-bottom:16px}.login h1{font-size:clamp(17px,4.1vw,27px)}}

/* Symbol-only logo: balanced and compact */
.login-logo{width:clamp(125px, 22vw, 175px);max-height:175px;object-fit:contain;margin:0 auto 22px}
@media(max-width:680px){.login-logo{width:145px;max-height:145px;margin-bottom:18px}}

/* X symbol in the shared top bar (login and dashboard) */
.brand-wrap{display:flex;align-items:center;gap:12px;min-width:0}
.header-symbol{display:block;width:44px;height:44px;object-fit:contain;flex-shrink:0}
@media(max-width:680px){.header-symbol{width:36px;height:36px}.brand-wrap{gap:8px}.brand{font-size:21px}}

/* PWA install action */
.top { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.install-btn { margin-left:auto; white-space:nowrap; cursor:pointer; }
.install-help {position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:1000;background:#fff;color:#111;border:1px solid #e5d8d8;border-radius:12px;padding:14px 18px;max-width:min(92vw,430px);box-shadow:0 6px 24px #0002;font-size:14px;}
@media(max-width:600px){.install-btn{margin-left:0;font-size:12px;padding:8px 10px;}}