body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;padding:0;background:#f5f6fa;color:#222}
.nav{background:#0d6efd;color:#fff;padding:10px}
.nav a{color:#fff;margin-right:12px;text-decoration:none}
.nav .right{float:right;margin-left:12px}
.container{max-width:480px;margin:80px auto;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}
table{width:100%;border-collapse:collapse;background:#fff}
th,td{border:1px solid #e5e7eb;padding:8px;text-align:left}
th a{text-decoration:none}
.inline-form input,.inline-form select{margin-right:8px}
.error{background:#ffe3e3;color:#a00;padding:8px;border-radius:4px;margin-bottom:12px}
.modal{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center}
.modal-content{background:#fff;padding:16px;border-radius:6px;min-width:520px;max-width:1080px}
textarea{width:100%;min-height:80px}
.hint{color:#666;margin-left:10px}