body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f6f7fb;color:#222}a{color:inherit;text-decoration:none}*{box-sizing:border-box}.layout{max-width:1400px;margin:0 auto;padding:24px 16px 64px}.card{background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.05);padding:24px;width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;background:#2563eb;color:#fff;cursor:pointer;font-weight:600}.btn.secondary{background:#e5e7eb;color:#111827}.form-grid{display:grid;grid-gap:12px;gap:12px}.input{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px}.header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.nav{display:flex;gap:12px;align-items:stretch}.nav form{margin:0;display:flex}.nav .btn{height:40px}.tag{display:inline-block;padding:2px 8px;border-radius:6px;background:#eef2ff;color:#4338ca;font-size:12px;font-weight:600}.table-card{background:#fff;padding:12px;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.05);overflow-x:auto}.fixed-table{table-layout:fixed;width:100%}.fixed-table td,.fixed-table th{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.col-detail{max-width:80px;width:80px}.col-long{max-width:240px;width:240px}.col-date{max-width:160px;width:160px}@media (max-width:768px){.layout{padding:16px 12px 48px}.card{padding:18px}.header{flex-direction:column;align-items:flex-start}.nav{flex-wrap:wrap}.header .btn,.nav,.nav .btn,form .btn{width:100%}.form-grid{grid-template-columns:1fr!important}.col-date,.col-detail,.col-long{max-width:none;width:auto}}