:root{--primary:#ff7a00;--black:#111;--white:#fff;}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif;background:var(--white);color:var(--black)}
.container{max-width:900px;margin:40px auto;padding:0 16px}
.card{border:1px solid #e6e6e6;border-radius:12px;padding:16px;margin:16px 0;background:#fff}
.btn{background:var(--black);color:#fff;border:none;padding:10px 14px;border-radius:10px;cursor:pointer}
.btn.secondary{background:var(--primary)}
input{padding:10px;border:1px solid #ddd;border-radius:10px;width:100%}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
table{width:100%;border-collapse:collapse}th,td{padding:8px;border-bottom:1px solid #eee;text-align:left}th{background:#fafafa}
header{padding:12px 16px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}
a{color:var(--black);text-decoration:none}a:hover{color:var(--primary)}