2 lines
4.0 KiB
CSS
2 lines
4.0 KiB
CSS
:root{--bg:#fafafa;--surface:#fff;--surface2:#f5f5f5;--line:#e7e7e8;--text:#18181b;--muted:#71717a;--faint:#a1a1aa;--accent:#2563eb;--green:#16a34a;--red:#dc2626;--radius:8px}*{box-sizing:border-box}html{background:var(--bg);color:var(--text)}html.dark{--bg:#09090b;--surface:#111113;--surface2:#18181b;--line:#27272a;--text:#f4f4f5;--muted:#a1a1aa;--faint:#71717a}body{margin:0;font:14px/1.5 -apple-system,BlinkMacSystemFont,"Inter","Segoe UI","PingFang SC",sans-serif;background:var(--bg);color:var(--text)}button,input{font:inherit}.app-layout{display:flex;min-height:100vh}.sidebar{width:224px;border-right:1px solid var(--line);padding:20px 12px;display:flex;flex-direction:column;flex:none;background:var(--surface)}.brand{font-size:15px;font-weight:650;color:var(--text);padding:6px 10px 24px;text-decoration:none}.section-label{font-size:10px;letter-spacing:.08em;color:var(--faint);padding:0 10px 7px;font-weight:600}.nav-item{width:100%;border:0;background:none;color:var(--muted);display:flex;justify-content:space-between;align-items:center;text-align:left;padding:7px 10px;border-radius:6px;cursor:pointer;margin:1px 0}.nav-item span{font-size:11px;color:var(--faint)}.nav-item:hover{background:var(--surface2);color:var(--text)}.nav-item.active{background:var(--surface2);color:var(--text);font-weight:550}.sidebar-footer{margin-top:auto;padding:12px 10px;border-top:1px solid var(--line)}.sidebar-footer a{color:var(--muted);text-decoration:none;font-size:12px}.main{max-width:1100px;width:100%;margin:0 auto;padding:0 40px}.topbar{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:10px;letter-spacing:.1em;color:var(--faint);font-weight:650}.topbar h1{font-size:20px;letter-spacing:-.02em;margin:3px 0 0;font-weight:650}.top-actions{display:flex;align-items:center;gap:10px}.icon-button,.admin-link{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:6px;padding:6px 9px;text-decoration:none;cursor:pointer}.admin-link{font-size:12px}.toolbar{display:flex;align-items:center;gap:14px;padding:20px 0}.search{height:38px;border:1px solid var(--line);background:var(--surface);border-radius:7px;display:flex;align-items:center;gap:9px;padding:0 10px;max-width:620px;width:100%;color:var(--faint)}.search input{border:0;outline:0;background:none;color:var(--text);width:100%}.search kbd{font-size:11px;border:1px solid var(--line);border-radius:4px;padding:1px 5px;color:var(--faint)}.result-count{font-size:12px;color:var(--faint)}.service-list{border-top:1px solid var(--line)}.service-row{min-height:68px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;text-decoration:none;color:inherit;padding:10px 8px;transition:background .12s}.service-row:hover{background:var(--surface2)}.service-icon{width:34px;height:34px;border:1px solid var(--line);border-radius:7px;display:grid;place-items:center;background:var(--surface);font-size:16px;flex:none}.service-main{min-width:0;flex:1;display:flex;flex-direction:column}.service-main strong{font-size:14px;font-weight:570}.service-main span{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-meta{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;min-width:120px;justify-content:flex-end}.status{width:6px;height:6px;border-radius:50%;background:var(--faint)}.status.online{background:var(--green)}.status.offline{background:var(--red)}.service-arrow{width:24px;color:var(--faint);font-size:16px;text-align:right}.empty-state{padding:70px 10px;text-align:center;color:var(--faint)}.page-footer{display:flex;justify-content:space-between;padding:24px 8px;color:var(--faint);font-size:11px}@media(max-width:760px){.sidebar{width:180px}.main{padding:0 20px}.service-meta{display:none}}@media(max-width:560px){.sidebar{display:none}.main{padding:0 16px}.topbar{height:76px}.admin-link{display:none}.toolbar{padding:14px 0}.service-row{padding:10px 2px}.service-icon{width:32px;height:32px}.service-arrow{display:none}}
|