/* utilistheme.css (stub) */
:root{ 
--radius:12px; 
--gap:0.75rem; 
--border:#e5e7eb; 
--text:#111827; 
--muted:#6b7280 }


*{box-sizing:border-box} body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif;color:var(--text);margin:0}
.container{max-width:1100px; margin:auto;}
a{color:#0d6efd;text-decoration:none} a:hover{text-decoration:underline}
h1,h2{margin:0 0 .5rem 0}
header{border-bottom:1px solid var(--border)}
pre,code{font-family:ui-monospace,Menlo,Consolas,monospace}
button{border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .9rem;background:#fff;cursor:pointer}
input,select{border:1px solid var(--border);border-radius:var(--radius);padding:.5rem;width:100%}
.form{max-width:520px;display:grid;gap:var(--gap)}
.alert{padding:.6rem .9rem;border-radius:var(--radius);background:#fee2e2;border:1px solid #fecaca}
.table{width:100%;border-collapse:collapse}.table th,.table td{border:1px solid var(--border);padding:.5rem}
.log-viewer{white-space:pre-wrap;max-height:70vh;overflow:auto;padding:1rem;border:1px solid var(--border);border-radius:var(--radius)}
.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1rem;box-shadow:0 10px 25px rgba(0,0,0,.05)}