:root{--brand:#d9480f;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{color:#222;background:#fff8f0;margin:0}.card{background:#fff;border-radius:12px;max-width:420px;margin:40px auto;padding:24px;box-shadow:0 2px 10px #00000014}h1{color:var(--brand);margin:0 0 8px;font-size:1.3rem}label{margin:12px 0;font-size:.9rem;display:block}input{border:1px solid #ccc;border-radius:8px;width:100%;margin-top:4px;padding:10px;font-size:1rem}button{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:8px;width:100%;margin-top:8px;padding:12px;font-size:1rem}button:disabled{opacity:.6}.muted{color:#666}.error{color:#c92a2a}.ok{color:#2b8a3e}select{background:#fff;border:1px solid #ccc;border-radius:8px;width:100%;margin-top:4px;padding:10px;font-size:1rem}.topbar{z-index:10;background:var(--brand);color:#fff;align-items:center;gap:8px;padding:10px 16px;display:flex;position:sticky;top:0}.topbar .who{opacity:.9;margin-left:auto;font-size:.8rem}.link{width:auto;color:inherit;background:0 0;border:0;margin:0;padding:4px 8px;text-decoration:underline}.link.danger{color:#c92a2a}.content{padding:8px 12px 80px}.content .card{margin:12px auto}.bottomnav{background:#fff;border-top:1px solid #ddd;display:flex;position:fixed;bottom:0;left:0;right:0}.bottomnav a{text-align:center;color:#555;flex:1;padding:14px 4px;font-size:.85rem;text-decoration:none}.bottomnav a.router-link-exact-active{color:var(--brand);border-top:3px solid var(--brand);padding-top:11px;font-weight:700}.list{margin:0;padding:0;list-style:none}.list li{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.grid2{grid-template-columns:1fr 1fr;gap:0 12px;display:grid}.check{align-items:center;gap:8px;display:flex}.check input{width:auto;margin:0}.prow{border-bottom:1px solid #eee;gap:6px;padding:12px 0;display:grid}.prow input[type=text],.prow input[type=number]{margin:0}.prow.inactive{opacity:.5}.bottomnav a{font-size:.78rem}.cards{grid-template-columns:1fr 1fr;gap:10px;margin:12px 0;display:grid}.stat{background:#fff8f0;border-radius:10px;padding:12px}.stat small{color:#666;display:block}.stat strong{font-size:1.05rem}.stat.wide{grid-column:1/-1}.tabs{gap:6px;margin:8px 0;display:flex}.tabs button{color:#333;background:#eee;margin:0;padding:8px;font-size:.85rem}.tabs button.on{background:var(--brand);color:#fff}.tblwrap{overflow-x:auto}.tbl{border-collapse:collapse;width:100%;font-size:.8rem}.tbl th,.tbl td{text-align:right;white-space:nowrap;border-bottom:1px solid #eee;padding:6px 4px}.tbl th:first-child,.tbl td:first-child{text-align:left}.warn{background:#fff3bf;border-radius:8px;padding:10px;font-size:.85rem}.bad{color:#c92a2a;font-weight:700}.menu a{width:100%;color:var(--brand);padding:4px 0;font-weight:600;text-decoration:none;display:block}textarea{border:1px solid #ccc;border-radius:8px;width:100%;margin-top:4px;padding:10px;font-family:inherit;font-size:1rem}.logo{border-radius:6px;width:28px;height:28px}.update-banner{z-index:20;color:#fff;background:#222;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:.9rem;display:flex;position:fixed;bottom:70px;left:12px;right:12px}.update-banner span{flex:1}.mini{width:auto;margin:0;padding:6px 12px;font-size:.85rem}.mini.ghost{background:0 0;border:1px solid #888}
