:root{font-family:Arial,Helvetica,sans-serif;color:#1d2733;background:#f4f6f8}
*{box-sizing:border-box}body{margin:0}.topbar{background:#17324d;color:#fff;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:20px;font-weight:700}.topbar nav{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.topbar a{color:#fff;text-decoration:none}.topbar .user{opacity:.8}.container{max-width:1200px;margin:28px auto;padding:0 18px}.footer{text-align:center;color:#73808c;padding:28px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0}.card,.panel,.login-card,.install-card{background:#fff;border:1px solid #dfe5ea;border-radius:8px;padding:20px;box-shadow:0 1px 2px rgba(0,0,0,.04)}.metric{font-size:34px;font-weight:700}.grid.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-weight:600;margin:0 0 14px}input,select,textarea{width:100%;padding:10px;border:1px solid #b9c3cd;border-radius:5px;margin-top:6px;font:inherit;background:#fff}textarea{resize:vertical}.inline{display:flex;gap:8px;align-items:center}.inline input{width:auto;margin:0}.button{display:inline-block;background:#1769aa;color:#fff;border:0;border-radius:5px;padding:10px 16px;text-decoration:none;cursor:pointer;font-weight:700}.button.secondary{background:#65727e}.notice{padding:12px 14px;border-radius:5px;margin:12px 0}.notice.success{background:#e7f6ea;border:1px solid #9ed4aa}.notice.error{background:#fdeaea;border:1px solid #efaaaa}.table-wrap{overflow:auto;background:#fff;border:1px solid #dfe5ea;border-radius:8px}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:12px;border-bottom:1px solid #e7ebef;white-space:nowrap}th{background:#f8fafb}.badge{background:#e6edf4;border-radius:12px;padding:3px 8px}.filters{margin:12px 0 18px}.filters a{margin-right:12px}.thread{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}.message{background:#fff;border:1px solid #dfe5ea;border-left:4px solid #6d8da8;border-radius:6px;padding:15px}.message.internal{background:#fff8dc;border-left-color:#c89a00}.message-meta{font-size:13px;color:#66717c;margin-bottom:10px}.attachment{margin-top:10px}.muted{color:#6c7783}small{display:block;color:#73808c;margin-top:5px}.login-page,.install-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(440px,100%)}.install-card{width:min(780px,100%)}h1{margin-top:0}@media(max-width:800px){.cards{grid-template-columns:1fr 1fr}.grid.two{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}.page-head{flex-direction:column}}@media(max-width:480px){.cards{grid-template-columns:1fr}}