:root{--bg:#ffffff;--card:#fff;--ink:#000;--muted:#666;--line:#e6e6e6}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui;background:#fff;color:#000}
.wrap{max-width:1200px;margin:auto;padding:24px}
.topbar{border-bottom:1px solid #e6e6e6;background:#fff}
.topbar .inner{max-width:1200px;margin:auto;padding:14px 24px;display:flex;justify-content:space-between}
.btn{background:#F99D34;border:1px solid #F99D34;color:#fff;padding:10px 16px;font-weight:700;text-decoration:none;cursor:pointer}
.btn:hover{background:#FA921F}
.logout{background:#7CDA24;border-color:#7CDA24}
.card{border:1px solid #e6e6e6;background:#fff;padding:18px;margin-top:18px}
h1{font-size:48px;margin:10px 0}
table{width:100%;border-collapse:collapse}
th,td{padding:12px;border-bottom:1px solid #e6e6e6;text-align:left}
input{width:100%;padding:12px;border:1px solid #e6e6e6;margin-top:6px;margin-bottom:12px}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.4);display:none;align-items:center;justify-content:center}
.modal.show{display:flex}
.modal-box{background:#fff;padding:24px;width:420px;border:1px solid #ddd}